/*  
	Theme Name: bookshop
	Author: rso.pl
*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* DEFAULT                                                                                                                                                          */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body {
  /* background: transparent url('images/bg_page.jpg') no-repeat center top; */
  font-family: 'Marcellus', serif;
  font-size: 1vw;
}
    
.alignright {
  float: right;
}

img.alignright {
  margin-left: 12px;
  height: auto;
  max-width: 100%; 
}

.aligncenter {
  display: block;
  margin: 0 auto; 
}

img.aligncenter {
  height: auto;
  max-width: 100%; 
}

.alignleft {
  float: left;
  height: auto;
  max-width: 100%; 
}

img.alignleft {
  margin-right: 12px;
}

h1, .h1, h2, .h2, h3, .h3, h3, .h3 {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

p {
  margin: 0;
  font-size: 1.4vw;
  line-height: 1.8vw;
  margin-bottom: 0.8vw;
}

ul li {
  margin: 0;
  font-size: 1.4vw;
  line-height: 1.8vw;
}

a {
  color: #333;
}

a:hover, a:focus {
  color: #333;
}

.gallery {
	margin: 20px auto;               
  clear:both;
  overflow: hidden;
  width: 100%;
}

.gallery dl.gallery-item {
	float: left;
	margin:0px;
  margin-bottom: 1%;
  margin-left: 1%;
	text-align: center;
	width: 24%;
  overflow: hidden;
}

.gallery.gallery-columns-1 dl.gallery-item { width: 100%; margin-left: 0%; } 
.gallery.gallery-columns-2 dl.gallery-item { width: 49%; margin-left: 1%; }
.gallery.gallery-columns-3 dl.gallery-item { width: 32%; margin-left: 1%; }
.gallery.gallery-columns-4 dl.gallery-item { width: 24%; margin-left: 1%; }
.gallery.gallery-columns-5 dl.gallery-item { width: 19%; margin-left: 1%; }

.gallery dl.gallery-item dt.gallery-icon {}
.gallery dl.gallery-item dt.gallery-icon a {}
.gallery dl.gallery-item dt.gallery-icon a img {
  border: 1px solid #cfcfcf;
  height: auto;
  width: 100%;
}

.gallery .gallery-caption {
	margin-left: 0;
}

.owl-carousel {
  display: block;
}

.container {
  padding-right: 0;
  padding-left: 0;
}


.image-full-width img {
  width: 100%;        
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 0px;
  padding-left: 0px;
}

.col-not-padding {
  padding-right: 0;
  padding-left: 0;
}
.col-left-not-padding {
  padding-left: 0;
}

.col-right-not-padding {
  padding-right: 0;
  padding-left: 1vw;
}

.fade {
    opacity: 0;                     
    -webkit-transition: opacity 2s linear;
    transition: opacity 2s linear;
}

.modal-backdrop.fade {
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;

}


mark, .mark {
    background-color: transparent;
    color: inherit;
}    

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* LAY                                                                                                                                                              */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {
}

.container.container-margin {
  width: 100%;
}  


.container.container-home {
  width: 92%;
}  


.row {
  margin-left: 0;
  margin-right: 0;
}

.col-logo {
  background: #1f1e1b url('images/bg_header_logo.jpg') no-repeat center center;
  background-size: cover;
  height: 36vw;
  width: 21%;
}

.col-left-category-menu {
  width: 21%;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.col-logo.page {
  height: 11vw;
}

.col-logo img {
  margin: 20px /*2vw*/ auto;
  display: block;
  width: 60%;
}

.box-address {
  margin: 10px /*4vw*/ auto;
  color: #e6e3d8;
  text-align: center;
}

.box-address a {
  color: #e6e3d8;
}

.box-address hr {
  width: 40%;
  border: none;
  border-top: 1px solid rgba(238, 238, 238, 0.5); 
}

.box-searchform {
  margin: 0 auto;
  width: 86%;
  
  text-align: right;
  color: #bcb8ab;
  position: absolute;
  bottom: 2vw;
  left: 7%;
}
  
.box-searchform input {
  color: #fff;
  background-color: #4e4941;
  border: 1px solid #8f8878;
  width: 100%;
  font-size: 1vw;
  line-height: 1.6vw;
  padding: 0.2vw 2.8vw 0.2vw 0.2vw;
}

.box-searchform form > div {
  margin-top: 0.4vw;
  position: relative;
}

#searchsubmit {
  position: absolute;
  top: 0.3vw;
  right: 0;
  background: transparent;
  border: none;
  border-left: 1px solid #8f8878;  
  font-size: 0.8vw;
  line-height: 1.6vw;
  padding-left: 0.7vw;
  padding-right: 0.7vw;
}

.col-menu {
  background-color: #696459;
  width: 79%;
}

.col-archive {
  width: 79%;
  padding: 1vw 4% 2.8vw 4%;
}

/* --------------------------------------------------------------------------- */


#header ul.menu-top,
#header ul.menu-header-main-woo { 
  padding: 0;
  margin: 0;
  text-align: center;
  width: auto;
  float: right;  
}

#header ul.menu-header-main-woo {
  margin-left: 2vw;
}

#header ul.menu-top li,
#header ul.menu-header-main-woo li { 
  display: inline-block;
  width: auto;  
  text-align: center;
  float: left;  
  padding-left: 1vw;
  padding-right: 1vw;
  line-height: 4.8vw;
  height: 5vw;
}

#header ul.menu-header-main-woo li {
  padding-left: 0.4vw;
  padding-right: 0.4vw;
}

#header ul.menu-top li a,
#header ul.menu-header-main-woo li a {
  display: inline-block;
  width: auto;  
  padding: 0;
  color: rgba(188, 184, 171, 1);  
  text-decoration: none;
  position: relative; 
  font-size: 1.0416666666666667vw;
  font-weight: 600;
  height: 2.9vw;
  line-height: 2.9vw;
  outline: none;
  margin-top: 0.625vw;
  margin-bottom: 0.625vw;
  font-weight: 600;  
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;

  -webkit-transition: all 0.4s;
  transition: all 0.4s;    
}

#header ul.menu-header-main-woo li span.shop-quantity {
    position: absolute;
    bottom: 0.2vw;
    left: 1.4vw;
    width: 0.8vw;
    height: 0.8vw;
    background: #fff;
    color: #000;
    font-size: 0.6vw;
    line-height: 0.6vw;
    border: 1px solid #242424;
    border-radius: 50%;
    text-align: center;
    font-weight: 300;
    display: block;
    padding: 0;    
}

#header ul.menu-top li a:hover,
#header ul.menu-header-main-woo li a:hover {
  border-color: #7c776b; 
}


#header ul.menu-header-main-woo li a,
#header ul.menu-header-main-woo li span {
  padding-left: 0.4vw;
  padding-right: 0.4vw;
}


#header ul.menu-top li.current_page_item a,
#header ul.menu-top li:hover a,
#header ul.menu-header-main-woo li.current_page_item a,
#header ul.menu-header-main-woo li:hover a {
  color: #fff;
}

#header ul.menu-top li a i,
#header ul.menu-header-main-woo li a i {
  font-weight: normal;
}

#header ul.menu-header-main-woo li.lang-switch {
  padding-left: 0.6vw;
  padding-right: 0.6vw;
  border-left: 1px solid rgba(188, 184, 171, 0.8);
  border-right: 1px solid rgba(188, 184, 171, 0.8);
}

#header ul.menu-header-main-woo li.lang-switch a {
  color: #c6c6c6;
  font-size: 0.8416666666666667vw;
  font-weight: 900;
  text-transform: uppercase;
}

#header ul.menu-header-main-woo li.lang-switch span {
  color: #fff;
  font-size: 0.8416666666666667vw;
  font-weight: 900;  
  text-transform: uppercase;
}


#header ul.menu-header-main-woo li.header-user {
  background-color: #656056;
  padding-left: 1vw;
  padding-right: 1vw;  
}

#header ul.menu-header-main-woo li.header-cart {
  background-color: #4d4940;
}

#header ul.menu-header-main-woo li.header-cart .cart-total {
  font-size: 0.8vw;
  color: #fff;
  padding-left: 1vw;
}



/* --------------------------------------------------------------------------- */
.col-footer-polecane-title {
    height: 7.4vw;
    background-color: #960035;
    position: relative;
}

.col-footer-polecane-title span {
    position: absolute;
    top: 50%;
    right: 1vw;
    color: #d8d2c0;
    text-align: right;
    transform:translateY(-50%);   
    font-size: 1.4vw; 
}

.col-footer-polecane-title .triangle {
  position: absolute;
  top: 0;
  right: -1vw;

  height: 7.4vw;
  width: 1vw;

	border-bottom: 3.7vw solid transparent;  /* left arrow slant */
	border-top: 3.7vw solid transparent; /* right arrow slant */
	border-left: 0.8vw solid #960035; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;  
}



#footer-polecane {
  margin-left: 3vw;
  margin-right: 4vw;
  overflow: hidden;
}

#footer-polecane .slick-slide img {
  height: 7.4vw;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}


/* --------------------------------------------------------------------------- */
ul.col-footer-category {
  margin: 0;
  padding: 1.8vw 0;
}

ul.col-footer-category li {
  margin: 0;
  padding: 0;
  width: 25%;
  float: left;  
  list-style: none;
  text-transform: uppercase;
  font-size: 1vw;
  line-height: 2.2vw;
  padding-left: 5vw;

  -webkit-transition: all 0.4s;
  transition: all 0.4s;    
}

ul.col-footer-category li a {
  display: inline-block;
  color: #bcb8ab;
  position: relative;

  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;    
}

ul.col-footer-category li a:hover {
  text-decoration: none;
  padding-left: 0.8vw;
} 

ul.col-footer-category li a:hover:after {
  font: normal normal normal 1vw/2vw FontAwesome;
  content: "\f105";  /* "\f054"; */
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
 
}

ul.col-footer-category li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 3vw;
    background-color: rgba(214, 214,214, 0.4);
}

/* --------------------------------------------------------------------------- */
#footer {
  background: #1f1e1b url('images/bg_footer.jpg') no-repeat center center;
  background-size: cover; ;  
}

.footer-bg-apla {
  border-top: 1px solid #5a5751;
  background-color: rgba(0, 0, 0, 0.3);
}

@media all and (min-width: 992px) {

    .footer-bg-apla .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    align-content: center;
  }

  /*#footer*/ .col-fb {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    -ms-align-items: center;
    align-items: center;

    justify-content: center;
  } 

}

#footer .col-footer-left span {
  padding-left: 5vw;
  margin-top: 0.6vw;
  display: inline-block;
  font-size: 0.8vw;
  line-height: 1.4vw;
  text-align: left;
  width: 100%; 
  color: #74736f;
}

#footer .col-footer-right span {
  padding-right: 5vw;
  margin-top: 2.2vw;
  display: inline-block;
  font-size: 0.5vw;
  line-height: 1.4vw;
  text-align: right;
  width: 100%;
  color: #74736f;
}

#footer .col-footer-right a {
  color: #74736f;
}



#footer .col-footer-logo {
  margin: 1vw auto;
  text-align: center;
}

#footer .col-footer-logo img {
    height: 3.125vw;
}


/*#footer*/ .col-fb {
  margin: 0;
  text-align: center;  
}

/*#footer*/ .col-fb a {
  display: inline-block;
  margin: 0 auto;
  font-size: 35px /*1.6vw*/;
  color: #64635e;
  padding: 0 0.2vw;
}

#header .col-fb a {
	width: 65px;
	padding: 0 12px;
}

#header .col-fb a img {
	height: auto;
	width: 100%;
}


/*#footer*/ .col-fb a:hover{
  color: #fff;
}

/* menu footer */
ul.menu-footer { 
  margin: 0 auto;
  width: 100%;
  padding: 0 30px;
  text-align: center;
  display: table;  
  background-color: #1f1e1b;
}

ul.menu-footer li{ 
  display: inline-block;
  width: auto;  
  text-align: center;
  
}

ul.menu-footer li a {
  display: inline-block;
  line-height: 2.604166666666667vw;
  width: auto;  
  padding: 0 1.0416666666666667vw;
  font-size: 0.8333333333333334vw;
  color: #76736a;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
}

ul.menu-footer li.current_page_item,
ul.menu-footer li:hover a {
  color: #cfceca;
}
/* end menu*/

.copyright {  
  margin-top: 0;
  margin-bottom: 0;
  color: #74736f;
  font-size: 0.7291666666666667vw;
  line-height: 1vw;
  text-align: center;
  text-transform: uppercase;   
  font-weight: 400; 
}
.copyright a {
  color: #74736f;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HOME                                                                                                                                                             */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
.col-slider {
  width: 79%;
}

#slider-carousel {
  width: 100%;
}

#slider-carousel .carousel-inner .item {
    height: 31vw; 
    background-repeat: no-repeat;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;  
    background-position: right bottom;

}

#slider-carousel.carousel-fade  .carousel-inner .item {
  transition-property: opacity;
}

#slider-carousel.carousel-fade  .carousel-inner .item,
#slider-carousel.carousel-fade  .carousel-inner .active.left,
#slider-carousel.carousel-fade  .carousel-inner .active.right {
  opacity: 0;
}

#slider-carousel.carousel-fade  .carousel-inner .active,
#slider-carousel.carousel-fade  .carousel-inner .next.left,
#slider-carousel.carousel-fade  .carousel-inner .prev.right {
    opacity: 1;
}

#slider-carousel.carousel-fade  .carousel-inner .next,
#slider-carousel.carousel-fade  .carousel-inner .prev,
#slider-carousel.carousel-fade  .carousel-inner .active.left,
#slider-carousel.carousel-fade  .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

#slider-carousel.carousel-fade .carousel-control {
    z-index: 2;
}


#slider-carousel.carousel-fade .left.carousel-control i,
#slider-carousel.carousel-fade .right.carousel-control i {
  color: #fff;
  line-height: 2vw;
  font-size: 1vw;
  display: block;
}

#slider-carousel.carousel-fade .left.carousel-control {
  text-align: center;
  position: absolute;
  top:auto;
  bottom: 2vw;
  left: 2vw;
  height: 2vw;
  width: 2vw;
  color: #fff;
  background: rgba(76, 72, 63, 1); 
}
#slider-carousel.carousel-fade .left.carousel-control:hover {
  background: rgba(104, 99, 88, 1);
}

#slider-carousel.carousel-fade .right.carousel-control {
  text-align: center;
  position: absolute;
  top:auto;
  bottom: 2vw;
  left: 5vw;
  height: 2vw;
  width: 2vw;
  color: #fff;
  background: rgba(76, 72, 63, 1);
}
#slider-carousel.carousel-fade .right.carousel-control:hover {
  background: rgba(104, 99, 88, 1);
}


/* -------------------------------------------------------------------------- */
.row-top-listcategory {
  border-bottom: 1px solid #dfdfdf;
}

.col-top-listcategory-title {
    height: 10vw;
    width: 21%;
    background-color: #931b44;
    position: relative;
    background: #931b44 url('images/listcategory-title.jpg') no-repeat right center;
}

.col-top-listcategory-title span {    
    position: absolute;
    top: 50%;
    right: 1vw;
    color: #d8d2c0;
    text-align: right;
    transform:translateY(-50%);   
    font-size: 1.4vw; 
}

.col-top-listcategory-title .triangle {
  position: absolute;
  top: 0;
  right: -1vw;

  height: 10vw;
  width: 1vw;

	border-bottom: 5vw solid transparent;  /* left arrow slant */
	border-top: 5vw solid transparent; /* right arrow slant */
	border-left: 0.8vw solid #931b44; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;  
}

 
.col-top-listcategory {
  height: 13vw;
  width: 100%;
}

.col-top-listcategory ul.col-category {
  margin: 0;
  padding: 0.58vw 0;
}

.col-top-listcategory ul.col-category li {
  margin: 0;
  padding: 0;
  width: 25%;
  float: left;  
  list-style: none;
  text-transform: uppercase;
  font-size: 1vw;
  line-height: 2.2vw;
  padding-left: 4vw;

  -webkit-transition: all 0.4s;
  transition: all 0.4s;    
}

.col-top-listcategory ul.col-category li a {
  display: inline-block;
  color: #bcb8ab;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;    
}

.col-top-listcategory ul.col-category li a:hover {
  text-decoration: none;
  padding-left: 0.8vw;
  color: #4d4940;
} 

.col-top-listcategory ul.col-category li a:hover:after {
  font: normal normal normal 1vw/2vw FontAwesome;
  content: "\f105";  /* "\f054"; */
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
 
}

.col-top-listcategory ul.col-category li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 5vw;
    background-color: rgba(214, 214,214, 0.4);
}


/* ------ przekierowania-sklepow -------------------------------------------- */
.row-przekierowania-sklepow {
  margin: 4vw auto;
}

.row-przekierowania-sklepow .col-banery img {
  height: auto;
  width: 98%;
  border: 1px solid #e0e0e0;
}

.row-przekierowania-sklepow .col-banery.col-banery-1 img {
  float: left;
}

.row-przekierowania-sklepow .col-banery.col-banery-2 img {
  float: right;
}


/* ------ home category------------------------------------------------------ */
.row-home-category {
    margin: 4vw auto; 
    padding-left: 2vw;
    padding-right: 2vw;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    overflow: hidden;    
    padding-bottom: 1vw;
}

.row-home-category.row-home-category-1 {
  margin-bottom: 0;
}

.col-home-category-title {
  padding: 1.6vw 0;
  text-align: left;
}

.col-home-category-title h2 {
  margin-bottom: 0;  
  font-size: 1.6vw;
  line-height: 1.6vw;
  text-transform: unset;
  color: #bcb8ab;
}

.home-category-link-more {
  margin: 0;
  padding: 0 1vw;
  display: inline-block; 
  font-size: 0.8vw;
  line-height: 2vw;
  height: 2vw;
  float: right;
  border: 1px solid #d7d7d5;   
}



.col-home-category-title a {
  padding: 1.2vw 0;
  font-size: 1vw;
  line-height: 1vw;
}

.woocommerce ul.products .owl-item li.product:nth-child(-n+4) {
  border-top: 1px solid #dedede;
}
.woocommerce ul.products .owl-item li.product {
  width: 100%;

}

.row-home-category .owl-stage-outer {
  margin-bottom: 1vw;
}

.owl-prev, 
.owl-next {
  height: 2vw;
  line-height: 2vw;
  width: 2vw;
  background-color: #d9d8d6;
  text-align: center;
  color: #fff;
  font-size: 1.2vw;
  position: absolute;
  z-index: 9999;
}

.owl-prev {
  left: 47%;
}

.owl-next {
  right: 47%;
}

.owl-prev:hover, 
.owl-next:hover {
  background-color: #686358;
}

/* ------ banery ------------------------------------------------------------ */
.row-banery {
  margin: 4vw auto;
}

.row-banery .col-banery img {
  height: auto;
  width: 96%;
  border: 1px solid #e0e0e0;
}

.row-banery .col-banery.col-banery-1 img {
  float: left;
}

.row-banery .col-banery.col-banery-2 img {
  text-align: center;
  margin: 0 auto;
}

.row-banery .col-banery.col-banery-3 img {
  float: right;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE                                                                                                                                                             */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.container-page {
  background: #fff;
}

.page-title {   
  display: inline-block;
  margin: 0;
  padding-top: 1.8vw;
  font-size: 1.8vw;
  line-height: 1.8vw;
  font-size: 1.6vw;
  color: #bcb8ab;
  text-transform: unset;
}

.container-page .page-title  {
  padding: 1vw 2vw;
}


.page-template .page-search {
  display: none;
}



.page-content {  
  padding: 1vw 2vw;
  border-top: 1px solid #eee;
}

.page-content p i {
  padding-right: 8px;
}


.col-header-page {
  width: 100%;
}

.col-header-page .header-page {
  height: 6vw;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE SALONIK                                                                                                                                                     */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.page-salon-items {
  border: 1px solid #e5e5e5;
  margin-top: 1.6vw;
}

.col-salon-image {
  border-right: 1px solid #e5e5e5;
  width: 19.5%;
  float: left;
}

.col-salon-image img {
  display: block;
  text-align: center;
  margin: 0.4vw auto;
  width: 80%;  
} 

.col-salon-text {
  padding:  2vw;
  width: 80.5%;
  float: left;
  color: #5c5a56;
  text-align: justify;
}

.col-salon-text h2 {
  margin: 0;
  font-size: 1.6vw;
  line-height: 1.2vw;
  margin-bottom: 1vw;
  text-transform: none;
}

.col-salon-text p {

}

.col-salon-text .more {
  margin-top: 2vw;
  padding: 0.6vw 2vw;
  color: #fff;
  background-color: #b3a993;
  float: left;
  line-height: 1vw;  
}

.col-salon-text .more:hover {
  background-color: #696459;
  text-decoration: none;
}

.isdead {
  background-color: #424242;
  color: #dad3d3;
  padding: 4px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE KONTAKT                                                                                                                                                     */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.acf-map {
  height: 34vw;
  width: 100%;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WOO                                                                                                                                                              */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.woocommerce-products-header__title.page-title {
  margin-bottom: 2.6vw;  
}

.page-search {
  float: right;
  width: 18vw;
  margin-bottom: 0.2vw;
}

.page-search div {
  position: relative;
}

.page-search span {
  display: inline-block;
  color: #bcb8ab;
  text-align: right;
  width: 100%;
  font-size: 1vw;
  line-height: 1.8vw;
  padding-top: 0.3vw;
}

.page-search div input {
  width: 100%;
  border: 1px solid #e6e6e6;  

  color: #bcb8ab;
  width: 100%;
  font-size: 1vw;
  line-height: 1.6vw;
  padding: 0.2vw 2.8vw 0.2vw 0.2vw;
}

.page-search div #searchsubmit {
  color: #c0bdb1;
  position: absolute;
  top: 0.3vw;
  right: 0;
  background: transparent;
  border: none;
  border-left: 1px solid #c0bdb1;  
  font-size: 0.8vw;
  line-height: 1.6vw;
  padding-left: 0.7vw;
  padding-right: 0.7vw;
}

/* -------------------------------------------------------------------------- */

.left-category-title {
  display: block;
  padding: 1.6vw;
  background: #1f1e1b url('images/bg-title-category.jpg') no-repeat center center;
  background-size: cover;
  text-align: right;
  color: #d8d2c0;
  text-transform: none;
  font-size: 1.6vw;
  line-height: 2vw;
}

.col-left-category-menu ul.product-categories {
  margin: 0;
  padding: 1.66vw 0;
  overflow: hidden;
}

.col-left-category-menu ul.product-categories li {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;  
  list-style: none;
  text-transform: uppercase;
  font-size: 1vw;
  line-height: 2.2vw;
  padding-left: 4vw;

  -webkit-transition: all 0.4s;
  transition: all 0.4s;    
}

.col-left-category-menu ul.product-categories li a {
  display: inline-block;
  color: #bcb8ab;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;    
}

.col-left-category-menu ul.product-categories li a:hover {
  text-decoration: none;
  padding-left: 0.8vw;
  color: #4d4940;
} 

.col-left-category-menu ul.product-categories li a:hover:after {
  font: normal normal normal 1vw/2vw FontAwesome;
  content: "\f105";  /* "\f054"; */
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
 
}

.col-left-category-menu ul.product-categories li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 5vw;
    background-color: rgba(214, 214,214, 0.4);
}

/* -------------------------------------------------------------------------- */


.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
  background-color: #959289;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
  border: none;
  background-color: transparent;  
}


.woocommerce form .form-row input.input-text {
  height: 34px;
  border: 1px solid #e9e9e9;
  border-radius: 0;
} 

.woocommerce form .form-row textarea {
  border: 1px solid #e9e9e9;
  border-radius: 0;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
  border-radius: 0;
}

.header-product-category {
  border-bottom: 4px solid #000;
}

.header-product-category .products {
    width: 100%;
}   

.header-product-category .products product-category img {
    width: 100%;
}


.woocommerce .woocommerce-breadcrumb {
  margin: 0;
  padding: 1.6vw 0.8vw;
  font-size: 1.2vw;
  line-height: 1.2vw;
}    

/* products li */

.page-template-template-products-new ul.products li.product {
  float: left;
  position: relative;
  padding: 0;
  list-style: none outside;
}


.page-template-template-products-new ul.products,
.woocommerce ul.products, 
.woocommerce-page ul.products {
  margin: 0;            
  padding: 0;
}
.page-template-template-products-new  ul.products li.product,
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
  text-align: center;
  border: 1px solid #dedede;
  border-left-color: transparent;
  border-top-color: transparent;
  margin: 0;
  height: 32vw;
  width: 20%;
}

.owl-stage-outer {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.woocommerce ul.products .owl-item li.product, 
.woocommerce-page ul.products .owl-item li.product {
  border: 1px solid #dedede;
  border-left-color: transparent;
  border-right-color: transparent;
}
.woocommerce ul.products .owl-item:not(.active) + .owl-item.active li.product,
.woocommerce ul.products .owl-item:not(.active) + .owl-item.active + .owl-item.active li.product,
.woocommerce ul.products .owl-item:not(.active) + .owl-item.active + .owl-item.active + .owl-item.active li.product,
.woocommerce ul.products .owl-item:not(.active) + .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active li.product {
   border-right-color: #dedede; 
}

.woocommerce span.onsale {
  display: none;
}

.product-new {
  background: transparent url('images/new.png') no-repeat center center;
  background-size: cover;
  width: 10vw;
  height: 10vw;
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 1;
}
            
.product-new.product-new-en {
  background-image: url('images/new-en.png');
}            

.product-polecamy {
  background: transparent url('images/polecamy.png') no-repeat center center;
  background-size: cover;
  width: 10vw;
  height: 10vw;
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 1;
}
            
.product-polecamy.product-polecamy-en {
  background-image: url('images/polecamy-en.png');
}  

.product-za {
  background: transparent url('images/za.png') no-repeat center center;
  background-size: cover;
  width: 10vw;
  height: 10vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
            
.product-za.product-za-en {
  background-image: url('images/za-en.png');
}   


.page-template-template-products-new ul.products li.product .woocommerce-loop-product__title,
.page-template-template-products-new ul.products li.product .price,                                      
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  color: #444037;
  font-size: 1vw;
}

.page-template-template-products-new ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin-bottom: 0;
  height: 3.8vw;
  padding: 0 1.6vw;
  line-height: 1.2vw; 
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-transform: none;
  position: relative;
}

.page-template-template-products-new ul.products li.product .woocommerce-loop-product__title span,
.woocommerce ul.products li.product .woocommerce-loop-product__title span {
  padding: 0 0.6vw;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);  
}

.page-template-template-products-new ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #000;
}

.page-template-template-products-new ul.products li.product .price,
.woocommerce ul.products li.product .price {
  height: 3vw;
  display: block;
}

.page-template-template-products-new ul.products li.product:hover .price,
.woocommerce ul.products li.product:hover .price {
  color: #000;
}


.page-template-template-products-new ul.products li.product a,
.woocommerce ul.products li.product a, 
.woocommerce-page ul.products li.product a{
  outline: none;
  text-decoration: none;
}


.page-template-template-products-new ul.products li.product:nth-child(-n+5),
.woocommerce-page ul.products li.product:nth-child(-n+5),
.page-template-template-products-previews ul.products li.product:nth-child(-n+5) {
  border-top: 1px solid #dedede;
}


.page-template-template-products-new ul.products li.product:nth-child(5n-4),
.woocommerce-page ul.products li.product:nth-child(5n-4),
.page-template-template-products-previews ul.products li.product:nth-child(5n-4) {
  border-left: 1px solid #dedede;
}


.image-container {
  height: 18vw;
  position: relative;
}

.page-template-template-products-new ul.products li.product a img,
.woocommerce ul.products li.product a img {
  max-width: 80%;
  max-height: 16vw;  
  
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  
  transform: translateY(-50%);
  
  height: auto;
  width: auto;
  margin: 0 auto;
  display: block;  

}

.page-template-template-products-new ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins {
  font-weight: unset;
  text-decoration: none;
}

.page-template-template-products-new ul.products li.product a.button,
.woocommerce ul.products li.product a.button {
  text-transform: uppercase;    
  background: #b3a993;  
  color: #fff;
  font-size: 1vw;
  line-height: 1vw;
  font-weight: 400;
  margin-top: 0;
  text-transform: unset;
  padding: .618em 1em;
  display: inline-block;  
}

.page-template-template-products-new ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.button:hover {
  color: #fff;
  background: #444037;  

  -webkit-transition: all 0.4s;
  transition: all 0.4s; 
}

.woocommerce a.added_to_cart.wc-forward {
  display: none;
}

/* archive */
.row-pagemaincategory {  
  margin-bottom: 2vw;
  border:  1px solid rgba(255, 255, 255, 0.4);
  background-color: #2b2a25;	    
  -webkit-box-shadow: 0 7px 38px rgba(37,36,30,.1);
	-moz-box-shadow: 0 7px 38px rgba(37,36,30,.1);
	box-shadow: 0 7px 38px rgba(37,36,30,.1);    
}

.row-pagemaincategory .maincategory-item {
    display: block;
    height: 10vw;
    width: 100%;             
}

.col-pagemaincategory-item {
    overflow: hidden;
}

.row-pagemaincategory .maincategory-item h2 {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


nav.woocommerce-pagination {
  float: left;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: 1px solid #d3ced2;
    border-right-width: 1px;
    border-right-style: solid;
    border-top-color: rgb(211, 206, 210);
    border-right-color: rgb(211, 206, 210);
    border-bottom-color: rgb(211, 206, 210);
    border-left-color: rgb(211, 206, 210);
    border-right: 0;
    border-right-color: currentcolor;
    margin: 1px;
    border-color: #dbdbdb;    
    margin: 0 auto;
    text-align: center;
}

nav.woocommerce-pagination ul li {
    border-right: 1px solid #d3ced2;
    border-right-color: rgb(211, 206, 210);
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    border-color: #dbdbdb;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

nav.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination {
  margin: 1vw auto;
  margin-bottom: 0.6vw;
}

nav.woocommerce-pagination ul li a, 
nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 0.6vw 0.8vw;
  font-size: 1vw;
}




/* single-product */
body.single-product #content .product.type-product {
  border: 1px solid #dedede;
  padding-top: 1vw;
  overflow: hidden;  
}

body.single-product #content .related.products .product.type-product {
  padding-top: 0;  
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 28%;
}


.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 68%;
}

.woocommerce div.product div.images img {
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
}

.woocommerce div.product form.cart div.quantity {
  font-size: 1.2vw;
  line-height: 1.2vw;
  padding: 0.4vw 0;
}

.woocommerce .quantity-single-product input,
.woocommerce .quantity-single-product.quantity .qty {
  border: none;
  color: #000;
  background-color: transparent;
  height: auto;        
  outline: none;
  font-size: 1.2vw;
  line-height: 1.2vw;
}
                                  
.woocommerce .quantity.quantity-single-product .qty {
  width: 2vw;
}

.woocommerce div.product form.cart .button {
  font-size: 1.2vw;
  padding: 0.5vw 1vw;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #1f1e1b;
  border-radius: 0;
}

.woocommerce-product-details__short-description {
  margin-top: 1vw;
}

/* tabs */
.woocommerce div.product .woocommerce-tabs .panel {
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  z-index: 4;
  border-color: #dedede;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  text-transform: uppercase;
  font-size: 1vw;
  line-height: 1vw;
  color: #cacaca;  
  padding: 0.8vw 1vw;
  outline: none;
  font-weight: 400;
}

               
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #3f4b59;
}    

.woocommerce-page div.product .woocommerce-tabs {
  background-color: #fff;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  float: left;
  width: 100%; 
}

.woocommerce table.shop_attributes {
  width: auto;
  border: 1px solid #eee;
}

.woocommerce table.shop_attributes th {
  width: auto;
  border: none;
  text-align: right;
  padding-left: 2vw;
  padding-right: 2vw;  
}

.woocommerce table.shop_attributes td {
padding-right: 1vw;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 1vw 1.6vw;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}

/* related products */
.related.products {
  float: left;
  width: 100%;
}

.related.products h2 {
  margin: 1vw 0;
  padding: 0.4vw 1.6vw;
  font-size: 1vw;
  line-height: 1vw;
}


/* MyAccount */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 20%;
  text-align: right;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 78%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  list-style:  none;
  padding-left: 0;
}

/* card */
.woocommerce .quantity .qty {
    height: 32px;
    border: none;
    border: 1px solid #ddd;
}

.product_meta {
  font-size: 1.4vw;
  line-height: 1.6vw;
}

/* order form */
.woocommerce form .form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  font-size: 1.2vw; 
}

.woocommerce form .form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input {
  position: static;    
}
.woocommerce-order > p > span {
  font-weight: bold;
}

span.product-author {
  display: block;
  padding: 1vw 0.2vw;
  font-size: 1vw;
  line-height: 1vw;
}

.woocommerce div.product .product_title {
  font-size: 2vw;
  width: 80%;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border-color: #dbdbdb;
}

.woocommerce nav.woocommerce-pagination ul li a {
  color: #bcb8ab;
}

.page-content-authors {
  padding-bottom: 1vw;
}


.woocommerce ul.products li.product .price del {
  display: inline-block;
}

.woocommerce ul.products li.product .price.product-outofstock { 
  color:#960035; 
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY                                                                                                                                                      */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1280px) {
}

@media (max-width: 992px) {
  
    body {
      font-size: 14px;    
    }
    
    p,
    ul li {
      font-size: 14px;
      line-height: 16px;
    }

    #header {
      background: url('images/bg_header_logo.jpg');
      background-size: cover;
    }    
    
    .col-logo {
      width: 100%;
      background: transparent;
      max-width: 300px;
      height: auto;
      float: none;
      margin: 10px auto;            
    }
    
    .col-logo.page {
      height: auto;
    }
    
    .box-searchform {
      position: relative;
    }
    
    .col-menu {
      width: 100%;
      background: transparent;
    }
 
    #header ul.menu-header-main-woo li.lang-switch,
    #header ul.menu-header-main-woo li.header-user,
    #header ul.menu-header-main-woo li.header-cart {
      background-color: transparent;
      border: none;
    }
   
   .col-logo img {
      max-width: 200px;
   }
 
    .slicknav_menu {
      margin: 0 auto;
      text-align: center;
    }
       
    .slicknav_btn {
      display: inline-block;
      padding: 12px;        
      margin-bottom: 0;        
      background-color: #959289;   
      float: none;
    }
     
    .slicknav_menu {
      display: block;
    }
    
    .slicknav_nav  {
      color: #444;
      background-color: transparent;   
    }
    
    .slicknav_nav ul {
      margin: 0;   
    }
      
    .slicknav_nav a {
        padding: 12px;
        color: #959289;
        text-transform: uppercase;
        font-size: 16px;
        border: none;
        margin-top: 8px;
        font-weight: 600;
        width: 100%;
        margin: 0 auto;
    } 
  
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover {
        color: #fff;
        background-color: transparent;
    }

    #header ul.menu-header-main-woo {
      margin: 16px auto;
      float: none;
    }
    
    #header ul.menu-top li a, 
    #header ul.menu-header-main-woo li a, 
    #header ul.menu-header-main-woo li.lang-switch a,
    #header ul.menu-header-main-woo li.lang-switch span {
        margin: 0 auto;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px;
        line-height: 28px;
        height: auto;
    }
    
    #header ul.menu-top li a:before, 
    #header ul.menu-header-main-woo li a:befor,
    #header ul.menu-top li a:after, 
    #header ul.menu-header-main-woo li a:after {
      display: none;    
    }
    
    .menu-top {
      display: none;
    }

   
    #header ul.menu-header-main-woo li {
      float: none
    }
   
    #header #logo,
    #header #logo img {
        width: auto;
        margin: 12px auto;
        height: auto;
        text-align: center;
        display: block;
        float: none;
        max-height: none;
        max-width: 80%;  
    }    

    .col-slider {
        display: none;
    }

    .col-top-listcategory-title {
      width: 100%;
      background-size: cover;
    }
    
    .col-top-listcategory-title span {
      font-size: 14px;
    }
    
    .col-top-listcategory-title .triangle {
      display: none;
    }

    .col-top-listcategory {
      height: auto;
      width: 100%;
    }

    .page-title {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        width: 100%;
    }
    
    .woocommerce-products-header__title.page-title {
        padding: 0;
    }

    .row-pagemaincategory .maincategory-item {
      height:200px;
    }
    
    #footer .col-fb a {
      font-size: 16px;
      line-height: 24px;
    }
    
    
    /* HOME */
    .row-home-aboutus::before {
      display: none;
    }

    .row-home-aboutus {
      height: auto;
      font-size: 14px;
      line-height: 16px;    
    }
        
    .row-home-footer::before {
      display: none;
    }
    
    .row-home-footer .home-footer-text {
      font-size: 14px;
      line-height: 16px;
    }
    
    .row-home-aboutus img {
      display: none;
    }
    
    .col-home-category-title {
        padding:16px;
    }
    
    .col-home-category-title h2 {
        font-size: 16px;
        line-height: 18px;
    }
    
    .home-category-link-more {
        margin: 10px auto;
        padding: 8px 16px;
        display: block;
        text-align: center;
        float: none;
        font-size: 14px;
        line-height: 18px; 
        display: inline-block;  
        height: auto;     
    }
    
    .row-home-category .owl-stage-outer {
      margin-bottom: 60px;
    }
    
    .owl-dots {
      display: none;
    }
    
    .owl-prev,
    .owl-next {
      font-size: 28px;
      line-height: 32px;
    }
    
    .owl-prev {
      left: 46%;
      bottom: 10px;
    }
    
    .owl-next {
      right: 46%;
      bottom: 10px;
    }
        
    /* WOO */
    .col-archive ul.products li.product, 
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        height: auto;
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%;
        border: 1px solid #dedede;
        margin-bottom: 20px;
    }
    
    .woocommerce ul.products li.product .price > del {
        font-size: 12px;
        line-height: 12px;
    }

    .col-archive ul.products li.product .price > span, .col-archive ul.products li.product .price > ins, .woocommerce ul.products li.product .price > span, .woocommerce ul.products li.product .price > ins {
        font-size: 13px;
    }

    .woocommerce ul.products li.product a.product_brand_list_cart span, .woocommerce ul.products li.product a.product_brand_list_cart img {
        height: 26px;
    }
    
    .woocommerce ul.products li.product span.promocja_procent {
        top: 8px;
        font-size: 14px;
    }
    
    .product-polecamy,
    .product-new {
        height: 150px;
        width: 150px;
        
    }
    
    .woocommerce ul.products li.product a h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product a:hover h2 {
        height: auto;
        font-size: 14px;
        margin: 10px auto;
        padding: 10px;
        line-height: 18px;
    }
       
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,   
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100%;
    }       
    
    
    .woocommerce div.product .product_title {
        font-size: 16px;
    }
    
    .woocommerce-product-details__short-description > h2 {
        font-size: 13px;
    }
    
    .woocommerce-product-details__short-description p {
        font-size: 14px;
        line-height: 24px;
    }
   
    .woocommerce ul.products li.product .price {
        height: auto;
        margin: 16px auto;
    }   
   
    .woocommerce .woocommerce-breadcrumb {
        margin: 0;
        padding: 16px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }         
   
    .page-content ul {
      padding-left: 20px;
    }
   
    .page-content li {
      padding-left: 16px; 
    }
    
    .page-content li:before {
      font-size: 10px;
      line-height: 24px;
    }
   
    .woocommerce div.product div.images img {
        margin: 0 auto;
        width: 60%;
    }   
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    .related.products h2 {
      font-size: 16px;
      line-height: 18px;       
    }
    
    .woocommerce ul.products li.product a.button.product_type_simple.ajax_add_to_cart,
    .woocommerce div.product form.cart div.quantity.quantity-single-product, .woocommerce ul.products li.product a.add_to_cart_button, .woocommerce div.product form.cart .single_add_to_cart_button {
        margin-top: 0;
        font-size: 14px;
        line-height: 24px;
    }
    
    .woocommerce div.product form.cart div.quantity.quantity-single-product {
        display: none;
    } 
   
   
   .col-archive ul.products li.product a img, .woocommerce ul.products li.product a img {
      margin: 0 auto;
      height: auto;
      width: auto;
      max-height: 100%;
      max-width: 80%;
   }
   
   .col-archive ul.products li.product .onsale, .woocommerce ul.products li.product .onsale {
      right: 0px;
   } 
/*   
   .col-archive ul.products li.product:nth-child(3n), .col-archive ul.products li.product:last-child {
        border-right: 0;
   }

   .col-archive ul.products li.product:nth-child(2n), .col-archive ul.products li.product:last-child {
        border-right:  1px solid #e5e5e5;
   }
*/

   .page-content {
      padding: 2%;
   }

   #footer .col-footer-logo1 img,
   #footer .col-footer-logo2 img {
      float: none;
      margin: 10px 0;
      height: 60px;
      max-width: 100%;
   }
   
   #footer .col-footer-left span, 
   #footer .col-footer-right span {
      border: none;
      font-size: 14px;
   }
   
   .copyright {
      font-size: 12px;
      line-height: 16px;
      padding: 0 10px;
   }
   
   ul.menu-footer li a {
      font-size: 12px;
      line-height: 16px;
  
   }  
   
   .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
      font-size: 16px;
      line-height: 18px;
      padding: 4px 8px;
   }
   
   .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator {
      text-align: center;
   }
   
   .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
      text-align: center;
   }
   
   .woocommerce div.product form.cart {
      margin: 20px auto;
   }
   
   .woocommerce div.product form.cart .button {
      float: none;
   }
  
   .product_meta {
      font-size: 14px;
      line-height: 20px;
   }

   .woocommerce form .form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
      font-size: 14px;
   }
   
   .woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
      padding-left: 24px!important;
   }

  .row-przekierowania-sklepow .col-banery.col-banery-1 img,
  .row-przekierowania-sklepow .col-banery.col-banery-2 img,
  .row-banery .col-banery.col-banery-1 img,
  .row-banery .col-banery.col-banery-2 img,
  .row-banery .col-banery.col-banery-3 img {
    float: none;
    margin: 10px auto;
  }

  .col-footer-polecane-title {
    width: 100%;
    height: auto;
    text-align: right;
    padding: 12px;
  }
  
  .col-footer-polecane-title .triangle {
    display: none;
  }

  .col-footer-polecane-title span {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    text-align: right;
    top: unset;
    right: unset;
  }

  .col-footer-polecane-slick {
    width: 100%;
  }
  
  #footer-polecane .slick-slide img {
    height: auto;
  }
  
  .box-searchform {
    bottom: unset;
    left: unset;  
  }
  
  .box-searchform input {
    height: 34px;
    font-size: 14px;
  }  
  
  #searchsubmit {
    padding: 8px;
    font-size: 17px;
  }

  .col-top-listcategory ul.col-category li,
  ul.col-footer-category li {
    width: 33.333%;
  }
    
  .image-container {
      height: 300px;
      position: relative;
  }  

  .col-left-category-menu {
      width: 100%;
  }

  .col-left-category-menu ul.product-categories li {
      width: 33%;
  }


 .page-template-template-products-new ul.products li.product:nth-child(-n+5), .woocommerce-page ul.products li.product:nth-child(-n+5), .page-template-template-products-previews ul.products li.product:nth-child(-n+5){
      border: 1px solid #e5e5e5!important;
      margin-bottom: 20px;
 }                              

  
  .col-archive {
    width: 100%;
    padding: 4%;
  }
  
  span.product-author {
      font-size: 14px;
      line-height: 14px;
  }

  body.single-product #content .product.type-product {
    border:  1px solid #e5e5e5;
    overflow: hidden;
  }
  
  .page-search {
      width: 300px;
      margin: 0 auto;
      margin-bottom: 20px;
      float: none;
  }
  
  .page-search span {
      text-align: center;
      font-size: 14px;
      margin-bottom: 10px;
  }
  
  .page-search div input {
      height: 34px;
      font-size: 14px;
      line-height: 18px;
      padding: 2px 40px 2px 6px;
  }
  
  .page-search div #searchsubmit {
      font-size: 20px;
      line-height: 20px;
      padding: 3px 8px;
      top: 4px; 
  }
  
  .product-za {
      height: 150px;
      width: 150px;
  }
  
  ul.col-footer-category li a:hover::after {
      display: none;
  }


  .page-template-template-products-new ul.products li.product a.button, 
  .woocommerce ul.products li.product a.button {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 18px;
  }
  
  #footer .col-footer-logo img {
    height: auto;
    width: auto;
    max-width: 200px;
  }
  
  #header ul.menu-header-main-woo li.header-cart .cart-total {
    font-size: 14px;
  }
  
  #header ul.menu-header-main-woo li span.shop-quantity {
    display: none;
  }
  
  .col-top-listcategory-title,
  .left-category-title {
    font-size: 16px;
    line-height: 20px;
    padding: 16px;
  }
  
  .col-left-category-menu ul.product-categories li a:hover::after {
    display: none;
  }
  
  .page-salon-items {
    margin-top: 10px;
  }
  
  .container-page .page-title {
    padding: 10px ;
  }

  .col-top-listcategory-title {
    height: auto;
    text-align: right;
  }
  
  .col-top-listcategory-title span {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 0;  
    top: unset;
    right: unset;
    text-align: right;
    display: inline-block;
    transform: none;   
  }

  .row-home-category {
    margin: 20px auto;
    padding: 0;  
    border: none;
    text-align: center;
  }
  
  .owl-prev, .owl-next {
    height: 28px;
    width: 28px;
    line-height: 28px;
    font-size: 16px;    
  }

  .owl-prev {
    left: 44%;
    
  }
  
  .owl-next {
    right: 44%;
  }



  .col-home-product-list {
    border:none;  /*-top: 1px solid #dbdbdb;*/
    
  }

  .woocommerce ul.products .owl-item li.product {
      overflow: hidden;
      margin-bottom: 0;      
  }


  .col-home-product-list .owl-stage-outer {
      border: 1px solid #dbdbdb;
  }
  
  .woocommerce ul.products .owl-item li.product, 
  .woocommerce-page ul.products .owl-item li.product,
  .woocommerce ul.products .owl-item:not(.active) + .owl-item.active li.product,
  .woocommerce ul.products .owl-item:not(.active) + .owl-item.active + .owl-item.active li.product,
  .woocommerce ul.products .owl-item:not(.active) + .owl-item.active + .owl-item.active + .owl-item.active li.product {
     border: none; 
  }


  .woocommerce ul.products .owl-item:not(.active) + .owl-item.active li.product {
    border-right: 1px solid #dbdbdb;
  }

  .woocommerce ul.products .owl-item:not(.active) {
    right:1px;
  }


  #footer .col-footer-left span,
  #footer .col-footer-right span {
      text-align: center;
      line-height: 24px;
      font-size: 14px;
      margin: 0 auto;
      padding: 8px;
  }
}


@media (max-width: 768px) {    
    
     p {
        line-height: 24px;
     }
    
    .page-title {
        text-align: center;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px;
        width: 100%;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
        
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        width: 100%;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        text-align: center;
        width: 100%;        
    }
    
    .row-home-aboutus .aboutus-text,
    .row-home-footer .home-footer-text {
      padding: 20px;
      line-height: 24px;
    }
    
    .maincategory-item {
      margin-bottom: 30px;
      position: relative;
      height: 40vw;
    }
    
    .maincategory-item h2 {
      font-size: 18px;
      line-height: 18px;
    }
    
    .col-footer-left,
    .col-footer-right {
        padding:  8px;
    }
    
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        padding: 10px;
    }
    
    #footer .col-footer-logo1 img, #footer .col-footer-logo2 img {
        margin: 20px;
    }

    .col-archive ul.products li.product a img, .woocommerce ul.products li.product a img {
       max-width: 60%;
    }

    .row-home-footer img {
        margin: 10% auto;
        display: block;
        width: 80%;
    }
    
    .row-home-footer {
      padding-top: 20px;
    }
    
    /* page */
    .row-pagemaincategory {
      background: transparent;
    }
    
    .row-pagemaincategory {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;    
    }
    
    
    .col-top-listcategory ul.col-category li {
        width: 50%;
        font-size: 12px;
        line-height: 28px;      
    }
    
    ul.col-footer-category li {
        width: 50%;
        font-size: 12px;
        line-height: 28px;      
    } 
    
    .col-left-category-menu ul.product-categories li {
        width: 50%;
        font-size: 12px;
        line-height: 28px;      
    }
    
    .col-salon-image {
      margin-top: 10px;
    }
    
    .col-salon-image,
    .col-salon-text {
        width: 100%;
        border: none;
    }
    
    .col-salon-text {
        text-align: center;
    }
    
    .col-salon-text p {
        text-align: left;    
    }
    
    .col-salon-text h2 {
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
    
    .col-salon-text .more {
        margin: 10px auto;
        padding: 10px 20px;
        float: none;
        display: inline-block;
        text-align: center;        
    }
    
    .col-salon-image img {
        max-width: 200px;
    }
}



@media (max-width: 400px) { 
    .col-top-listcategory ul.col-category li,
    .col-left-category-menu ul.product-categories li,
    ul.col-footer-category li {
      width: 100%;
      text-align: center;
    }
    
    ul.col-footer-category li a::before {
      display: none;
    }
    
}


.woocommerce table.cart td.actions .coupon,
.woocommerce-remove-coupon,
.coupon  {
  display: none !important;
}


.up-sells.upsells.products {
  float: left;
  width: 100%;
}

.up-sells.upsells.products h2 {
  padding: 4px;
  padding-top: 18px;
}

.woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions a,
.woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions span {
  font-weight: bold;
  font-size: 1.6vw;
  color: #000;
  line-height: 1;
} 

.woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions span.required {
  color: #f00;
}


/*	MAP	*/
.mapp { 
 	display: -webkit-box; 
 	 display: -ms-flexbox; 
 	 display: flex; 
 	 height: 400px; 
 }

.woocommerce-checkout #payment ul.payment_methods li input,
.woocommerce form .form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input{
	width: 30px;
	height: 30px;
}

.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
	width: 20%;
}

.row-home-category .woocommerce ul.products.columns-5 li.product {
	width: inherit;
}

@media all and (max-width: 991px) {
	.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
		width: 100%;
	}
}

.woocommerce ul.products li.product .price.product-outofstock {
    height: 1vw;
    margin-top: -1vw;
}
