/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/**
 * Product Item Selectors
 */
/***********************************************************************/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/** CHECKOUT BY STEP */
/*  
 * LAYOUT VARIABLES 
 */
/*******************************************************
Product list Styles
********************************************************/
@media (min-width: 992px) {
  #subcategories .row > div:nth-child(4n+1),
  .first-in-line {
    clear: both;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  #subcategories .row > div:nth-child(2n+1),
  .first-item-of-tablet-line {
    clear: both;
  }
}
@media (min-width: 300px) and (max-width: 480px) {
 .widget .product_list {
    border-left: medium none;
    border-right: medium none;
    margin-left: 43px!important;
}
}
@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 
********************************************************/
.product_list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget .product_list {
  border-right: none;
  border-left: none;
  margin-left:90px;
}
.widget .product_list .product-block {
  margin-bottom: 40px;
}
.widget .product_list .row:last-child .product-block {
  margin-bottom: 10px;
}
.product_list .color-list-container {
  margin-bottom: 12px;
}
.product_list .color-list-container ul li {
  display: inline-block;
  border: 1px solid #eeeeee;
}
.product_list .color-list-container ul li a {
  display: block;
  width: 23px;
  height: 23px;
  margin: 1px;
}

.product_list.list .product-block {
  border-right: none;
}
.product_list.list .product-block .product-meta {
  text-align: left;
}
.rtl .product_list.list .product-block .product-meta {
  text-align: right;
}
.product_list.list .product-block:hover .product-meta {
  background: none;
}
.product_list.list .product-flags,
.product_list.list .availability,
.product_list.list .color-list-container,
.product_list.list .product-desc {
  display: block;
  height: auto;
}

.product_list li {
	margin-bottom: 20px;
	background: #FFF;
}
.product_list_promo .product-image-container,
.product_list .product-image-container {
	text-align: center;
	background-color: #FFF;
}
.product_list li .product-name {
	font-size: 18px;
	font-family: "ralewaymedium";
	color: #565656;
}
.product_list li .right-block {
	padding: 7px 10px;
}
.product_list li .availability_statut {
	padding-bottom: 10px;
}
.product_list li .availability_statut .color_pick {
	margin-left: 10px;
	position: relative;
	top: 3px;
}
.product_list li .availability_label {
	color: #414141;
    display: inline-block;
    font-size: 14px;
    text-align: left;
}
.product_list .qty-control-buttons {
	display: inline-block;
	padding-right: 10px;
}
.product_list .qty-control-buttons input {
	text-align: center;
	padding: 5px 1px;
}
.product_list li a.ajax_add_to_cart_button {
    background: #4d8a49;
    font-family: "open sans";
    font-size: 14px;
	font-weight: bold;
}
.product_list li a.ajax_add_to_cart_button:hover {
	background: #4d8a49;
	background-color: #9f5a31;
    border-color: #9f5a31;
    color: white;
}
.product_list li .content_price {
	padding: 10px 0;
}
.product_list li .product-flags {
	display: none;
}

@media (max-width: 479px) {
  .product_list.list > .ajax_block_product .left-block {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .product_list.list > .ajax_block_product .product-image-container {
    max-width: 290px;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  .product_list.list > .ajax_block_product .center-block {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .product_list.list > .ajax_block_product {
    text-align: center;
  }
}

/*******************************************************
Product list(Index page) Styles 
********************************************************/
/***** IE code *****/
.ie8 .quick-view {
  background: #fff;
  border: 1px solid #eeeeee;
}