/*******************************************************
Product list Styles
********************************************************/
ul.product_list {
  overflow: hidden;
  clear: both;
  padding-top: 10px;
}
ul.product_list > p {
  display: block;
  text-align: center;
  overflow: hidden;
  clear: both;
  width: 100%;
}
ul.product_list > li {
  margin: 0 0 30px;
  /*.cs-bottom-hidden{
  	@media (min-width: $screen-lg) { // min 1200px
  		opacity:0;
  		filter:alpha(opacity=0);
  		transition:$cs_transition;
  		-moz-transition:$cs_transition;
  	}
  }*/
}
@media (min-width: 1200px) {
  ul.product_list > li {
    padding: 0 5px;
  }
}
ul.product_list > li h5 {
  margin-bottom: 5px;
}
ul.product_list > li .product-name {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
ul.product_list > li .product-desc {
  margin-bottom: 5px;
}
ul.product_list > li .content_price {
  margin-bottom: 17px;
}
ul.product_list > li .button-container {
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
}
ul.product_list > li .button-container .ajax_add_to_cart_button,
ul.product_list > li .button-container span.button,
ul.product_list > li .button-container .lnk_view {
  margin: 0 10px 0 0;
}
ul.product_list > li .left-block .content_price {
  display: none;
}
ul.product_list > li .old-price,
ul.product_list > li .price,
ul.product_list > li .price-percent-reduction {
  display: inline-block;
}
ul.product_list > li .product-flags {
  display: none;
}
ul.product_list > li .old-price {
  margin-right: 5px;
}
ul.product_list > li .availability {
  display: none;
}
ul.product_list > li .availability span {
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 3px 8px 4px 8px;
  margin-bottom: 20px;
}
ul.product_list > li .availability span.available-now {
  background: #55c65e;
  border: 1px solid #36943e;
}
ul.product_list > li .availability span.out-of-stock {
  background: #fe9126;
  border: 1px solid #e4752b;
}
ul.product_list > li .color-list-container {
  margin-bottom: 10px;
}
ul.product_list > li .color-list-container ul li {
  display: inline-block;
  width: auto;
  margin: 0 3px 5px 0;
}
ul.product_list > li .color-list-container ul li a {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
}
ul.product_list > li .color-list-container ul li a img {
  display: block;
  width: 20px;
  height: 20px;
}
ul.product_list > li .product-image-container {
  text-align: center;
  /*.quick-view {
  	position: absolute;
  	left: 0;
  	bottom:-20%;
  	margin:0;
  	padding: 0;
  	font-weight: 600;
  	font-size:14px;
  	text-transform:uppercase;
  	color: $button-text-color;
  	background:$button-bg;
  	cursor: pointer;
  	white-space: normal;
  	span{					
  		padding: 8px 13px;
  		display:block;
  		border:2px solid $button-bg;
  	}
  	@media (max-width: $screen-md-max) {
  		display: none;	
  	}
  	@media (min-width: $screen-lg) { // min 1200px
  		display: none;
  	}
  	@media (max-width: $screen-xs-max) { // max 767px
  		display: none;
  	}
  	&:hover{
  		background: #fff!important;					
  		span{
  			color:$button-bg-default;
  			border:2px solid $button-bg-default;
  		}
  	}
  }*/
}
ul.product_list > li .product-image-container img {
  margin: 0 auto;
}
ul.product_list > li .product-image-container .quick-view-wrapper-mobile {
  display: none;
}
ul.product_list > li .product-image-container .quick-view-wrapper-mobile .quick-view-mobile {
  display: none;
}
@media (max-width: 1199px) {
  ul.product_list > li .product-image-container .quick-view-wrapper-mobile .quick-view-mobile {
    display: block;
    position: relative;
    background-color: rgba(208, 208, 211, 0.57);
    height: 130px;
    width: 85px;
    top: 80px;
    right: -162px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    zoom: 1;
    pointer-events: all;
  }
  ul.product_list > li .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i {
    position: relative;
    top: 48px;
    left: -20px;
    font-size: x-large;
    color: black;
  }
  ul.product_list > li .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i:before {
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
  }
}
@media (max-width: 1199px) {
  ul.product_list > li .product-image-container .quick-view-wrapper-mobile .quick-view-mobile:hover {
    background-color: rgba(167, 167, 167, 0.57);
  }
}
@media (max-width: 1199px) {
  ul.product_list > li .product-image-container .quick-view-wrapper-mobile {
    display: block;
    background-color: transparent;
    height: 155px;
    width: 215px;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    bottom: 0px;
    right: 0px;
  }
}
ul.product_list > li .comments_note {
  text-align: left;
  overflow: hidden;
  margin-bottom: 8px;
}
ul.product_list > li .comments_note .star_content {
  float: left;
  padding-top: 1px;
}
ul.product_list > li .comments_note .nb-comments {
  overflow: hidden;
  font-style: italic;
  font-size: 11px;
  color: #cccccc;
}
ul.product_list > li .functional-buttons {
  overflow: hidden;
  display: inline-block;
}
ul.product_list > li .functional-buttons div {
  display: block;
  margin-bottom: 5px;
}
ul.product_list > li .functional-buttons div a, ul.product_list > li .functional-buttons div label {
  color: #999999;
  cursor: pointer;
  font-size: 12px;
}
ul.product_list > li .functional-buttons div a:hover, ul.product_list > li .functional-buttons div label:hover {
  color: #c5e7e6;
}
ul.product_list > li .functional-buttons div.wishlist, ul.product_list > li .functional-buttons div.compare {
  float: left;
  margin-right: 10px;
}
ul.product_list > li .functional-buttons div.wishlist a, ul.product_list > li .functional-buttons div.compare a {
  width: auto;
  height: 40px;
  display: block;
  font-size: 0;
  text-align: center;
  transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  text-decoration: none!important;
}
ul.product_list > li .functional-buttons div.wishlist a:before, ul.product_list > li .functional-buttons div.compare a:before {
  display: block;
  line-height: 37px;
  vertical-align: middle;
  font-size: 18px;
}
ul.product_list > li .functional-buttons div.wishlist a:hover:before, ul.product_list > li .functional-buttons div.wishlist a.checked:before, ul.product_list > li .functional-buttons div.compare a:hover:before, ul.product_list > li .functional-buttons div.compare a.checked:before {
  color: #c5e7e6;
}
ul.product_list > li .functional-buttons div.wishlist a:before {
  font-family: "FontAwesome";
  content: "\f08a";
}
ul.product_list > li .functional-buttons div.compare a:before {
  content: "\f079";
  font-family: "FontAwesome";
}
ul.product_list > li .product-container {
  position: relative;
  /*transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;*/
}
@media (min-width: 1200px) {
  ul.product_list > li .product-container {
    border: 1px solid #fff;
    padding: 9px 9px 4px;
  }
}
ul.product_list > li .product-container .product-image-container {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  ul.product_list > li .product-container .product-image-container {
    /*max-width: 290px;
    margin-left: auto;
    margin-right: auto;	*/
    text-align: left;
  }
}
@media (min-width: 1200px) {
  ul.product_list > li:hover {
    z-index: 50;
  }
  ul.product_list > li:hover .product-container {
    position: relative;
    z-index: 10;
    border-color: #ebebeb;
    background: #fcfcfc;
    /*.cs-bottom-hidden{
    	@media (min-width: $screen-lg) { // min 1200px
    		opacity:1;
    		filter:alpha(opacity=100);
    	}
    }*/
  }
  ul.product_list > li:hover .product-container .product-image-container .quick-view {
    bottom: 0;
  }
}

/*******************************************************
Product list(Grid) Styles 
********************************************************/
ul.product_list.grid {
  /*display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;*/
  overflow: visible !important;
}
ul.product_list.grid > li {
  /*float: none;*/
  display: inline-block;
  vertical-align: top;
  text-align: left;
  height: 380px;
  /*margin-left:-1px;
  margin-right:-1.7px;*/
}
@media (min-width: 480px) and (max-width: 767px) {
  ul.product_list.grid > li {
    width: 50%;
    float: left;
    height: 555px;
  }
}
@media (max-width: 480px) {
  ul.product_list.grid > li {
    height: auto;
  }
}
@media (min-width: 1200px) {
  ul.product_list.grid > li .cs-bottom-hidden {
    display: none;
  }
  ul.product_list.grid > li:hover {
    /*margin-bottom:-300px;
    padding-bottom:226px;	*/
  }
  ul.product_list.grid > li:hover .cs-bottom-hidden {
    display: block;
  }
}
ul.product_list.grid .product-desc {
  max-height: 37px;
  overflow: hidden;
  position: relative;
  display: none;
  /*&:after{
  	content:"..."
  	display:inline-block;
  }*/
}

@media (min-width: 1200px) {
  #blockpack ul > li.last-line {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  #blockpack ul > li.first-item-of-tablet-line {
    clear: none;
  }
  #blockpack ul > li.first-item-of-mobile-line {
    clear: left;
  }
}

/*******************************************************
Product list(List) Styles 
********************************************************/
ul.product_list.list {
  margin: 0;
  margin-left: -9px;
  width: 102%;
}
ul.product_list.list > li {
  margin-bottom: 25px;
  padding: 0;
  margin-right: -9px;
}
@media (max-width: 479px) {
  ul.product_list.list > li .left-block {
    width: 100%;
  }
}
ul.product_list.list > li .cs-bottom-hidden {
  display: block;
}
ul.product_list.list > li .cs-bottom-hidden .ajax_add_to_cart_button {
  margin-right: 30px;
}
ul.product_list.list > li .product-container {
  padding: 9px 9px 4px;
}
ul.product_list.list > li .product-image-container {
  position: relative;
  margin-bottom: 5px;
}
@media (max-width: 479px) {
  ul.product_list.list > li .product-image-container {
    max-width: 290px;
    margin: 0 auto;
  }
}
ul.product_list.list > li .product-image-container .content_price {
  display: none !important;
}
ul.product_list.list > li .product-flags {
  color: #666666;
  margin: 0 0 10px 0;
}
ul.product_list.list > li .product-flags .discount {
  color: #f13340;
}
@media (max-width: 479px) {
  ul.product_list.list > li .center-block {
    width: 100%;
  }
}
@media (min-width: 992px) {
  ul.product_list.list > li .right-block .right-block-content {
    margin: 0;
    border-left: 1px solid #d6d4d4;
    padding-left: 15px;
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  ul.product_list.list > li .right-block .right-block-content {
    padding-top: 20px;
  }
}
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content {
    padding-top: 5px;
  }
}
ul.product_list.list > li .right-block .right-block-content .content_price {
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-top: 13px;
    padding-bottom: 0;
  }
}
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-top: 0;
    width: 100%;
  }
}
ul.product_list.list > li .right-block .right-block-content .content_price span {
  display: inline-block;
  margin-top: -4px;
  margin-bottom: 14px;
}
ul.product_list.list > li .right-block .right-block-content .content_price span.old-price {
  margin-right: 8px;
}
ul.product_list.list > li .right-block .right-block-content .button-container {
  overflow: hidden;
  padding-bottom: 20px;
}
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content .button-container {
    width: 100%;
  }
}
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  ul.product_list.list > li .right-block .right-block-content .button-container .btn {
    float: left;
    clear: both;
  }
}
@media (min-width: 992px) {
  ul.product_list.list > li .functional-buttons {
    overflow: hidden;
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  ul.product_list.list > li .functional-buttons {
    clear: both;
  }
  ul.product_list.list > li .functional-buttons > div {
    float: left;
    padding-top: 0 !important;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  ul.product_list.list > li .functional-buttons {
    padding-top: 10px;
  }
}
@media (max-width: 479px) {
  ul.product_list.list > li .functional-buttons {
    float: none;
    display: inline-block;
  }
}
ul.product_list.list > li .functional-buttons a {
  cursor: pointer;
}
ul.product_list.list > li .functional-buttons .compare a,
ul.product_list.list > li .functional-buttons .wishlist a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  height: auto;
}
ul.product_list.list > li .functional-buttons .compare a:before,
ul.product_list.list > li .functional-buttons .wishlist a:before {
  display: inline-block;
  margin-right: 10px;
  font-weight: 400;
  line-height: 1.15;
  height: auto;
}
ul.product_list.list > li .functional-buttons .wishlist {
  margin-right: 25px;
}
@media (min-width: 1200px) {
  ul.product_list.list > li:hover .product-image-container .quick-view {
    display: block;
  }
}

/*******************************************************
Product list(Index page) Styles 
********************************************************/
#index ul.product_list.tab-pane > li {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  #index ul.product_list.tab-pane > li {
    padding-bottom: 85px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  #index ul.product_list.tab-pane > li.last-line {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  #index ul.product_list.tab-pane > li.first-item-of-tablet-line {
    clear: none;
  }
  #index ul.product_list.tab-pane > li.first-item-of-mobile-line {
    clear: left;
  }
}