/* AngarTheme */

/* PRODUCT-LIST */

/* Reset */
ul.product_list.grid > li{
float: left;
margin-bottom: auto!important;
height: auto!important;
text-align: center;
}

ul.product_list.grid > li .product-container {
position: relative;
}

ul.product_list.grid > li .product-container .button-container{
display: block!important;
margin-bottom: 0px;
}

/* Image container */
ul.product_list.grid > li .product-container .product-image-container {
margin-bottom: 12px;
position: relative;
text-align: center;
}

ul.product_list .product-image-container img {
margin: 0 auto;
}

/* Image container - Price */
ul.product_list.grid > li .product-container .product-image-container .content_price {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
background: url(../img/price-container-bg.png);
padding: 9px 0;
display: none;
line-height: 21px;
}

/* Reference */
ul.product_list .pl_ref {
text-transform: uppercase;
margin-bottom: 4px;
font-size: 12px;
}

/* Manufacturer */
ul.product_list .pl_manufacturer {
text-transform: uppercase;
margin-bottom: 4px;
font-size: 12px;
}

ul.product_list .pl_manufacturer a {
text-transform: uppercase;
}

ul.product_list .pl_manufacturer a:hover {
text-decoration: underline;
}

/* Product name */
ul.product_list.grid > li .product-container h5 {
padding: 0;
margin: 0;
min-height: auto;
height: 32px;
overflow: hidden;
}

ul.product_list > li .product-container h5 a.product-name {
font-size: 14px;
line-height: 16px;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
}

ul.product_list.grid > li .product-container h5 a.product-name:hover {
text-decoration: underline;
}

/* Desc */
ul.product_list.grid > li .product-container .product-desc {
height: 36px;
margin: 0 0 2px;
display: block;
overflow: hidden;
}

/* Comments */
ul.product_list.grid > li .product-container .comments_note {
display: block;
margin: 4px auto;
text-align: center;
line-height: 16px;
}

ul.product_list.grid > li .product-container .comments_note .star_content {
float: none;
display: inline-block;
margin: 0;
padding: 0 0px;
line-height: 16px;
}

ul.product_list.grid > li .product-container .comments_note .star_content .star {
top: 0;
}

ul.product_list .comments_note .nb-comments{
float: none;
display: inline-block;
font-style: normal;
padding: 0 0 0 2px;
overflow: hidden;
}

/* Content price */
ul.product_list.grid > li .product-container .content_price {
padding-bottom: 5px;
line-height: 21px;
}

ul.product_list.grid > li .product-container .price.product-price {
font-size: 15px;
}

ul.product_list.grid > li .product-container .old-price {
margin: 0;
color: #999999;
font-size: 13px;
}

ul.product_list.list > li .product-container .old-price {
color: #999999;
margin: 0 0 0 2px;
vertical-align: 1px;
}

ul.product_list.grid > li .product-container .price-percent-reduction {
position: absolute;
top: 0px;
right: 0px;
background: #ff0011;
color: #fff;
text-shadow: initial;
border: 0;
padding: 0;
font-weight: 400;
font-size: 12px;
line-height: 12px;
padding: 5px 6px 5px;
}

/* Buttons container */
ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, 
ul.product_list.grid > li .product-container .button-container span.button, 
ul.product_list.grid > li .product-container .button-container .lnk_view {
margin: 0 3px 4px;
}

/* Color list container */
ul.product_list .color-list-container ul li {
display: inline-block;
border: 1px solid #d6d4d4;
width: 22px;
height: 22px;
}

ul.product_list .color-list-container ul li a {
display: block;
width: 18px;
height: 18px;
margin: 1px;
}

/* Product flags */
ul.product_list.grid > li .product-container .product-flags {
display: none;
}

/* Availability */
ul.product_list .availability span{
display: inline-block;
font-weight: bold;
margin-bottom: 0;
padding: 2px 0px 2px;
background: none;
border: 0;
}

ul.product_list .availability span.label-success {
color: #55c65e;
}

ul.product_list .availability span.label-danger {
color: #ff0011;
}

ul.product_list .availability span.label-warning {
color: #fe9126;
}

/* Functional buttons */
ul.product_list.grid > li .product-container .functional-buttons {
display: block;
background: none;
padding: 2px 0 0;
font-size: 12px;
}

ul.product_list.grid > li .product-container .functional-buttons div {
width: 100%;
float: left;
padding: 0;
border: 0;
}

ul.product_list .functional-buttons div a,
ul.product_list .functional-buttons div label {
cursor: pointer;
font-weight: normal;
}

ul.product_list .functional-buttons div.wishlist a:before{
padding: 0;
margin-right: 1px;
}

ul.product_list .functional-buttons div.compare a:before {
content: "\f067";
display: inline-block;
font-family: "FontAwesome";
margin-right: 3px;
}

ul.product_list .functional-buttons div.compare a.checked:before {
content: "\f068";
}

/* Quick view */
ul.product_list .product-image-container .quick-view {
display: none;
font-weight: 400;
font-size: 12px;
line-height: 16px;
position: absolute;
left: 50%;
top: 50%;
width: 107px;
text-align: center;
color: #fff;
margin: -18px 0 0 -53px;
height: 36px;
padding: 10px 0 0;
background: rgba(0, 0, 0, 0.6);
}

ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
display: block;
}

/* Quick view rwd */
ul.product_list .product-image-container .quick-view-wrapper-mobile {
display: none;
background-color: transparent;
height: 155px;
width: 215px;
position: absolute;
overflow: hidden;
pointer-events: none;
bottom: 0px;
right: 0px; 
} 

ul.product_list .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 .product-image-container .quick-view-wrapper-mobile .quick-view-mobile:hover {
background-color: rgba(167, 167, 167, 0.57); 
} 

ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i {
position: relative;
top: 48px;
left: -20px;
font-size: x-large;
color: black;
-moz-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
transform: rotate(-50deg);  
}

@media (max-width: 1199px) {

ul.product_list .product-image-container .quick-view-wrapper-mobile {
display: block;
}

}




/* PRODUCT-LIST LIST */

/* New and sale label product-list */
ul.product_list.list .new-box,
ul.product_list.list .sale-box {
left: 9px;
top: 9px;
}

ul.product_list.list .sale-box_new {
top: 35px;
}

ul.product_list.list > li .product-container {
border-top: 1px solid #d6d4d4;
padding: 10px 0;
}

ul.product_list.list > li .product-image-container {
position: relative;
border: 1px solid #d6d4d4;
}

/* Image container - Price */
ul.product_list.list > li .product-image-container .content_price {
display: none !important; 
}

/* Product flags */
ul.product_list.list > li .product-flags{
margin: 0 0 8px 0;
}

ul.product_list.list > li .product-flags .discount {
color: #ff0011; 
}

/* Desc */
ul.product_list.list > li .product-desc {
margin-bottom: 10px; 
}

/* Comments */
ul.product_list.list > li .center-block .comments_note {
margin-bottom: 6px; 
}

ul.product_list.list .comments_note .star_content {
float: left;
}

/* Price */
ul.product_list.list > li .right-block .right-block-content .content_price {
padding-bottom: 10px; 
}

ul.product_list.list > li .right-block .right-block-content .content_price .price {
display: inline-block;
}

ul.product_list.list > li .price-percent-reduction{
display: none;
}

/* Buttons */
ul.product_list.list > li .right-block .right-block-content .button-container{
padding-bottom: 10px;
}

ul.product_list.list > li .right-block .right-block-content .button-container .btn {
margin-bottom: 4px;
}

/* Functional buttons */
ul.product_list.list > li .right-block .right-block-content .functional-buttons{
clear: both;
font-size: 12px;
}

ul.product_list.list > li .right-block .right-block-content .functional-buttons a {
cursor: pointer; 
}

ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist {
border: none; 
}

ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {
padding-top: 4px;
}

ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before {
margin-right: 10px; 
}




/* RWD */
@media (min-width: 1200px) {

ul.product_list.list > li:hover .product-image-container .quick-view {
display: block; 
}

}


@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; 
}

ul.product_list.list > li .right-block .right-block-content .button-container .btn {
float: left;
clear: both; 
}

ul.product_list.list > li .right-block .right-block-content .functional-buttons {
overflow: hidden; 
}

}


@media (min-width: 481px) and (max-width: 991px) {

ul.product_list.list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i {
left: 10px;
}

ul.product_list.list > li .right-block .right-block-content .content_price {
padding-top: 8px;
padding-bottom: 0;
}

body ul.product_list.list > li .right-block .right-block-content .button-container {
padding-bottom: 0;
}

}


@media (max-width: 767px) {

ul.product_list.list > li .right-block .right-block-content .content_price {
width: 100%;
}

body ul.product_list.list > li .right-block .right-block-content .button-container {
width: 100%;
}

}


@media (max-width: 479px) {

ul.product_list.list > li {
text-align: center; 
}

ul.product_list.list > li .left-block,
ul.product_list.list > li .center-block,
ul.product_list.list > li .right-block,
ul.product_list.list > li .right-block .right-block-content .button-container,
ul.product_list.list > li .right-block .right-block-content .content_price,
ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
width: 100%; 
}

ul.product_list .comments_note .star_content {
float: none;
display: inline-block;
}

ul.product_list.list > li .product-desc {
margin-bottom: 4px;
}

ul.product_list.list > li span.availability {
display: block;
margin-bottom: 4px;
}

ul.product_list.list > li .right-block .right-block-content .content_price {
padding-bottom: 2px;
}

body ul.product_list.list > li .right-block .right-block-content .button-container {
padding-bottom: 4px;
}

}