.product-list {
  position: fixed;
top: auto;
z-index: 4;
/*     bottom: -70px;
  left: 0;
  width: 100%;
  z-index: 11;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out */
}

.product-list li a img,
.product-list li a svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.product-list li a.active,
.product-list li a:hover {
  background: #110f0f
}
.product-wrap:hover .product-list {
  bottom: 0
}


.product {
  width: 100%;
  padding: 0
}
.product-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
  text-align: center;
  font-size: 14px;
  line-height: 290px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  z-index: 10
}
.product-top {
  position: relative;
  height: 360px;
  overflow: hidden
}
.product-img,
.product-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.product-img img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}
.product-info {
  padding: 15px 0 0
}
.product-name {
  display: block;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  color: #110f0f;
  letter-spacing: .04em;
  margin-bottom: 14px
}
.product-name a {
  color: #110f0f
}
.product-price {
  display: block;
  font-size: 24px;
  line-height: 29px;
  font-weight: 800;
  color: #c70f0f;
  letter-spacing: .04em
}
.liked-btn-product {
display: block;
  position: absolute!important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.liked-btn-product a{
display: block;
  position: absolute!important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@media (min-width:991px){
  .product-list li {
    width: 50px;
    height: auto;
    font-size: 16px
  }
  .sl-icon-product {
    font-family: ui-rounded;
    vertical-align: middle;
    font-size: 18px;
    top: 19px;
    left: auto;
    }
    .sl-icon-product2 {
      font-family: ui-rounded;
      vertical-align: middle;
      font-size: 18px;
      top: 19px;
      right: auto;
      }
    .product-list li a {
    display: block;
    width: 100%;
    height: 50px;
    background: rgba(17, 15, 15, .4);
    position: relative
  }
   /* Wrapper */
   .sl-wrapper a {
    border-bottom: 0 !important;
    text-decoration: none !important;
  }
  .sl-button {
    padding: 0.375em 0.625em;
    font-size: .7em;
    line-height: 1;
    font-weight: normal;
  }
  .sl-button svg {
    color: #da1b1b;
    fill: #da1b1b;
    height: 30px;
  }
  .single-navigation a svg {
    color: #da1b1b;
    fill: #da1b1b;
  }
  .single-navigation a {
    color: #da1b1b;
    fill: #da1b1b;
  }
  /* Colors */
  a.liked {
    color: #da1b1b;
    font-size: 22px;
    font-family: alegreya sc;
    font-weight: 600;
  }
  a.liked:hover,
  a.liked:active,
  a.liked:focus {
    color: #b1aeae;
    z-index: 12;
  }
  a.liked span.sl-count,
  .sl-count {
    color: #aca8a8;
    z-index: 12;
  }
  
  /* Icon */
  
  .sl-icon {
    margin-right: 0.3125em;
    font-family: ui-rounded;
    vertical-align: middle;
    font-size: 27px;
  }
  a.sl-icon {
    display: none;
  }
  .sl-icon svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
  }
  .sl-icon svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
  }
  
  /* Count */
  .sl-count {
    font-size: 0.625em;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    top: 20px;
      left: auto;
      bottom: 30px;
      position: absolute;
  }
}
@media (max-width:391px) {
  .sl-icon-product {
    font-family: ui-rounded;
    vertical-align: middle;
    font-size: 16px;
    top: 19px;
    left: auto;
    }
  /* Wrapper */
.sl-wrapper a {
	border-bottom: 0 !important;
	text-decoration: none !important;
}
.sl-button {
	padding: 0.375em 0.625em;
	font-size: .7em;
	line-height: 1;
	font-weight: normal;
}
.sl-button svg {
  color: #da1b1b;
  fill: #da1b1b;
  height: 25px;
}
.single-navigation a svg {
  color: #da1b1b;
  fill: #da1b1b;
}
.single-navigation a {
  color: #da1b1b;
  fill: #da1b1b;
}
/* Colors */
a.liked {
  color: #da1b1b;
  font-size: 22px;
  font-family: alegreya sc;
  font-weight: 600;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
	color: #9e9a9a;
  z-index: 12;
}
a.liked span.sl-count,
.sl-count {
	color: #a5a4a4;
  z-index: 12;
}

/* Icon */

.sl-icon {
  margin-right: 0.3125em;
  font-family: ui-rounded;
  vertical-align: middle;
  font-size: 22px;
}
a.sl-icon {
  display: none;
}
.sl-icon svg {
	fill: currentColor;
	width: .7em;
	height: .7em;
}
.sl-icon svg:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
}

/* Count */
.sl-count {
	font-size: 0.625em;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
  position: absolute;
  top: 20px;
  left: auto;
}

/* sl-loader  */

/* 
#sl-loader ,
#sl-loader :before,
#sl-loader :after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: .2em;
  height: .6em;
}
#sl-loader :before,
#sl-loader :after {
  position: absolute;
  top: 0;
  content: '';
}
#sl-loader :before {
  left: -.375em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#sl-loader  {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: .5em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  z-index: 99;
}
#sl-loader :after {
  left: .375em;
} */
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .3em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 6em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .3em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 6em;
  }
}

@media (min-width:391px) and (max-width:991px) {
.product-list li {
  width: 50px;
  height: auto;
  font-size: 16px
}
.sl-icon-product {
  font-family: ui-rounded;
  vertical-align: middle;
  font-size: 18px;
  top: 19px;
  left: auto;
  }
  .product-list li a {
  display: block;
  width: 100%;
  height: 50px;
  background: rgba(17, 15, 15, .4);
  position: relative
}
 /* Wrapper */
 .sl-wrapper a {
	border-bottom: 0 !important;
	text-decoration: none !important;
}
.sl-button {
	padding: 0.375em 0.625em;
	font-size: .7em;
	line-height: 1;
	font-weight: normal;
}
.sl-button svg {
  color: #da1b1b;
  fill: #da1b1b;
  height: 30px;
}
.single-navigation a svg {
  color: #da1b1b;
  fill: #da1b1b;
}
.single-navigation a {
  color: #da1b1b;
  fill: #da1b1b;
}
/* Colors */
a.liked {
  color: #da1b1b;
  font-size: 22px;
  font-family: alegreya sc;
  font-weight: 600;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
	color: #b1aeae;
  z-index: 12;
}
a.liked span.sl-count,
.sl-count {
	color: #aca8a8;
  z-index: 12;
}

/* Icon */

.sl-icon {
  margin-right: 0.3125em;
  font-family: ui-rounded;
  vertical-align: middle;
  font-size: 27px;
}
a.sl-icon {
  display: none;
}
.sl-icon svg {
	fill: currentColor;
	width: 1em;
	height: 1em;
}
.sl-icon svg:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
}

/* Count */
.sl-count {
	font-size: 0.625em;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
  top: 20px;
    left: auto;
    bottom: 30px;
    position: absolute;
}

/* sl-loader   */ 

/* 
#sl-loader ,
#sl-loader :before,
#sl-loader :after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: .2em;
  height: .6em;
}
#sl-loader :before,
#sl-loader :after {
  position: absolute;
  top: 0;
  content: '';
}
#sl-loader :before {
  left: -.375em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#sl-loader  {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: .5em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  z-index: 99;
}
#sl-loader :after {
  left: .375em;
} */
}
.product-list li {
width: 60px;
height: auto;
font-size: 20px
}
.product-list li a {
display: block;
width: 100%;
height: 50px;
background: rgba(17, 15, 15, .4);
position: relative
}
.single_add_to_cart_button::before{
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f218";
margin-right: 10px;
}
.button .product_type_simple .add_to_cart_button .ajax_add_to_cart::before{
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f218";
margin-right: 10px;
}
.woocommerce form .form-row select {
height: auto;
}
.bg-product {
width: 127%;
  height: 200px;
  background-color: aquamarine;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  max-width: 127%;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
}
.bg-product {
width: 127%;
  height: 200px;
  background-color: rgb(22, 151, 184);
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  max-width: 127%;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
}