/*******************************************************
Product list Styles
********************************************************/
.product_list_wrapper, .product_list_sidebar {
margin-left: -10px;
margin-right: -10px; }
.product_list_wrapper .product_list {
position: relative; }
ul.product_base_list {
margin: 0; }
ul.product_base_list li.base_product {
padding: 0 10px;
margin-bottom: 19px;
margin-top: 3px; }
ul.product_base_list li.base_product .product-container {
z-index: 10;
overflow: hidden;
position: relative;
background-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 1px 5px #c7c7c7;
-webkit-box-shadow: 0px 1px 5px #c7c7c7;
box-shadow: 0px 1px 5px #c7c7c7;
transition: all 0.3s; }
ul.product_base_list .label-box a + a {
top: 30px; }
ul.product_base_list .product-desc {
margin-bottom: 10px;
font-weight: 300; }
ul.product_base_list .availability span {
color: #ffffff;
padding: 2px 8px;
margin-left: 20px;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
ul.product_base_list .product-flags {
color: #5d5d5d;
display: none;
margin-left: 20px; }
ul.product_base_list .product-flags .discount {
color: #f13340; }
ul.product_base_list .color-list-container ul.color_to_pick_list {
font-size: 0;
line-height: normal;
height: 28px; }
ul.product_base_list .color-list-container ul.color_to_pick_list li {
display: inline-block;
width: 26px;
height: 26px; }
ul.product_base_list .color-list-container ul.color_to_pick_list li a {
display: block;
width: 22px;
height: 22px;
margin: 1px; }
ul.product_base_list .color-list-container ul.color_to_pick_list li a img {
display: block;
width: 22px;
height: 22px; }
ul.product_base_list .color-list-container ul.color_to_pick_list li a[style="background:#ffffff;"] {
border: 1px solid #c7c7c7; }
ul.product_base_list .product-image-container {
text-align: center;
position: relative;
overflow: hidden; }
ul.product_base_list .product-image-container img {
margin: 0 auto; }
ul.product_base_list .comments_note .star {
width: 12px;
font-size: 12px;
cursor: default; }
ul.product_base_list .comments_note .star_content {
float: left;
margin-top: 1px; }
ul.product_base_list .comments_note .nb-comments {
overflow: hidden;
font-style: italic;
display: none; }
ul.product_base_list .functional-buttons div a, ul.product_base_list .functional-buttons div label {
font-weight: normal;
cursor: pointer;
line-height: 25px;
font-size: 14px; }
ul.product_base_list .wishlist a:before {
display: inline-block;
font-family: "FontAwesome";
content: "\f08a";
text-align: center;
width: 20px; }
ul.product_base_list .wishlist a.checked:before {
content: "\f004"; }
ul.product_base_list .compare a:before {
display: inline-block;
font-family: "FontAwesome";
content: "\f0ec";
text-align: center;
width: 20px;
font-weight: normal; }
ul.product_base_list .compare a.checked:before {
content: "\f00c"; }
ul.product_base_list .quickview a:before {
display: inline-block;
font-family: "FontAwesome";
content: "\f06e";
text-align: center;
width: 20px;
font-weight: normal; }
ul.product_base_list .quickview.for-list-mode {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
position: absolute;
left: 50%;
margin-left: -20px;
top: 50%;
margin-top: -20px;
transition: 0.3s; }
ul.product_base_list .quickview.for-list-mode a {
background: #ffffff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
font-weight: bold;
display: inline-block;
vertical-align: middle;
height: 40px;
line-height: 40px;
overflow: hidden;
white-space: nowrap;
font-size: 0; }
ul.product_base_list .quickview.for-list-mode a:before {
width: 40px;
font-size: 20px; }
ul.product_base_list .quickview.for-list-mode a:hover {
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); }
ul.product_base_list .hover-box {
visibility: hidden; }
ul.product_base_list .hover-box > div {
position: absolute;
visibility: hidden;
opacity: 0;
right: -20px;
bottom: 0;
overflow: hidden;
max-width: 34px;
transition: all 0.3s; }
ul.product_base_list .hover-box > div:hover {
max-width: 250px; }
ul.product_base_list .hover-box > div + div {
bottom: 36px;
transition-delay: 0.1s; }
ul.product_base_list .hover-box > div + div + div {
bottom: 72px;
transition-delay: 0.15s; }
ul.product_base_list .hover-box > div + div + div + div {
bottom: 108px;
transition-delay: 0.2s; }
ul.product_base_list .hover-box .wishlist a, ul.product_base_list .hover-box .compare a, ul.product_base_list .hover-box .quickview a {
font-size: 0;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
text-align: center;
padding: 0;
height: 34px;
line-height: 34px;
border: none;
overflow: hidden;
white-space: nowrap;
color: #ffffff;
background: #5a9e74; }
ul.product_base_list .hover-box .wishlist a > span, ul.product_base_list .hover-box .compare a > span, ul.product_base_list .hover-box .quickview a > span {
padding: 0 12px;
font-size: 13px; }
ul.product_base_list .hover-box .wishlist a:before, ul.product_base_list .hover-box .compare a:before, ul.product_base_list .hover-box .quickview a:before {
width: 35px;
border-right: 1px solid;
font-size: 14px; }
ul.product_base_list .hover-box .wishlist a:hover, ul.product_base_list .hover-box .compare a:hover, ul.product_base_list .hover-box .quickview a:hover {
background-color: #3f6e51; }
body:not(.touchDevice) ul.product_base_list:not(.product_sidebar) li.base_product:not(.sidebar_block_product) .product-container:hover {
-moz-box-shadow: 0 10px 20px #c7c7c7;
-webkit-box-shadow: 0 10px 20px #c7c7c7;
box-shadow: 0 10px 20px #c7c7c7;
-moz-transform: translate(0, -3px);
-ms-transform: translate(0, -3px);
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px); }
/*******************************************************
Product list(Grid) Styles
********************************************************/
.columns-2 ul.product_base_list.grid li.base_product {
width: 100%;
max-width: 600px; }
.columns-3 ul.product_base_list.grid li.base_product {
width: 100%;
max-width: 400px; }
.columns-4 ul.product_base_list.grid li.base_product {
width: 50%;
max-width: 300px; }
.columns-5 ul.product_base_list.grid li.base_product {
width: 50%;
max-width: 240px; }
.columns-6 ul.product_base_list.grid li.base_product {
width: 50%;
max-width: 200px; }
.center_column.col-sm-p80 .columns-2 ul.product_base_list.grid li.base_product {
max-width: 480px; }
.center_column.col-sm-p80 .columns-3 ul.product_base_list.grid li.base_product {
max-width: 320px; }
.center_column.col-sm-p80 .columns-4 ul.product_base_list.grid li.base_product {
max-width: 240px; }
.center_column.col-sm-p80 .columns-5 ul.product_base_list.grid li.base_product {
max-width: 192px; }
.center_column.col-sm-p80 .columns-6 ul.product_base_list.grid li.base_product {
max-width: 160px; }
@media (min-width: 401px) {
.columns-6 ul.product_base_list.grid li.base_product {
width: 33.3333333%; } }
@media (min-width: 481px) {
.columns-3 ul.product_base_list.grid li.base_product {
width: 50%; }
.columns-4 ul.product_base_list.grid li.base_product {
width: 33.3333333%; }
.columns-5 ul.product_base_list.grid li.base_product {
width: 33.3333333%; }
.columns-6 ul.product_base_list.grid li.base_product {
width: 33.3333333%; } }
@media (min-width: 768px) {
.columns-2 ul.product_base_list.grid li.base_product {
width: 50%; }
.columns-5 ul.product_base_list.grid li.base_product {
width: 25%; } }
@media (min-width: 992px) {
.columns-3 ul.product_base_list.grid li.base_product {
width: 33.3333333%; }
.columns-4 ul.product_base_list.grid li.base_product {
width: 33.3333333%; }
.columns-5 ul.product_base_list.grid li.base_product {
width: 25%; }
.columns-6 ul.product_base_list.grid li.base_product {
width: 20%; } }
@media (min-width: 1200px) {
.columns-4 ul.product_base_list.grid li.base_product {
width: 25%; }
.columns-5 ul.product_base_list.grid li.base_product {
width: 20%; }
.columns-6 ul.product_base_list.grid li.base_product {
width: 16.6666667%; } }
ul.product_base_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; }
@media (max-width: 767px) {
ul.product_base_list.grid {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center; } }
ul.product_base_list.grid li.base_product .product-container .left-block {
position: relative; }
ul.product_base_list.grid li.base_product .product-container .left-block .hover-box {
visibility: visible; }
ul.product_base_list.grid li.base_product .product-container .left-block .button.ajax_add_to_cart_button {
transition: none; }
ul.product_base_list.grid li.base_product .product-container .right-block .product-desc, ul.product_base_list.grid li.base_product .product-container .right-block .color-list-container, ul.product_base_list.grid li.base_product .product-container .right-block .product-flags, ul.product_base_list.grid li.base_product .product-container .right-block .availability, ul.product_base_list.grid li.base_product .product-container .right-block .functional-buttons, ul.product_base_list.grid li.base_product .product-container .right-block .button-list {
display: none; }
ul.product_base_list.grid li.base_product .product-container .right-block h5 {
margin: 0;
padding: 12px 5%;
text-align: center;
background: #f7f7f7; }
ul.product_base_list.grid li.base_product .product-container .right-block .grid-bottom {
display: table;
width: 100%;
padding: 12px 6%;
min-height: 64px; }
ul.product_base_list.grid li.base_product .product-container .right-block .grid-bottom .grid-left-bottom {
display: table-cell;
vertical-align: middle; }
ul.product_base_list.grid li.base_product .product-container .right-block .grid-bottom .button-grid {
text-align: right;
display: table-cell;
vertical-align: middle; }
ul.product_base_list.grid li.base_product .product-container .right-block .price-percent-reduction {
display: none; }
body:not(.touchDevice) ul.product_base_list.grid li.base_product .product-container:hover .hover-box > div {
visibility: visible;
opacity: 1;
right: 0; }
body:not(.touchDevice) ul.product_base_list.grid li.base_product .product-container:hover .hover-box > div:hover {
transition-delay: 0s; }
ul.product_base_list.grid-simple li.base_product .product-container .right-block h5 {
background: none;
padding-bottom: 10px; }
ul.product_base_list.grid-simple li.base_product .product-container .right-block .content_price {
text-align: center;
padding-bottom: 10px; }
@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_base_list.list li.base_product {
width: 100%; }
ul.product_base_list.list li.base_product .product-container {
display: table;
width: 100%; }
ul.product_base_list.list li.base_product .product-container .left-block {
display: table-cell;
vertical-align: top; }
ul.product_base_list.list li.base_product .product-container .left-block .comments_note {
top: 17px;
right: 3%;
z-index: 1; }
ul.product_base_list.list li.base_product .product-container .left-block:hover .quickview.for-list-mode {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0.9; }
ul.product_base_list.list li.base_product .product-container .left-block:hover .quickview.for-list-mode:hover {
opacity: 1; }
ul.product_base_list.list li.base_product .product-container .left-block .product-image-container {
overflow: hidden; }
ul.product_base_list.list li.base_product .product-container .left-block .product-image-container img {
float: left; }
ul.product_base_list.list li.base_product .product-container .right-block {
overflow: hidden;
width: 68%;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 83px;
position: relative;
display: table-cell;
vertical-align: top; }
ul.product_base_list.list li.base_product .product-container .right-block .button-grid {
display: none; }
ul.product_base_list.list li.base_product .product-container .right-block h5 {
padding-top: 7px;
margin-right: 80px; }
ul.product_base_list.list li.base_product .product-container .right-block .product-desc {
margin-top: 10px; }
ul.product_base_list.list li.base_product .product-container .right-block .grid-bottom {
display: inline-block; }
ul.product_base_list.list li.base_product .product-container .right-block .price.product-price {
font-size: 20px; }
ul.product_base_list.list li.base_product .product-container .right-block .comments_note {
position: absolute;
top: 14px;
right: 3%;
z-index: 1; }
ul.product_base_list.list li.base_product .product-container .right-block .button-list {
display: block;
float: left;
clear: left;
line-height: 50px;
margin-left: 1px; }
ul.product_base_list.list li.base_product .product-container .right-block .button-list > a > span {
font-weight: normal; }
ul.product_base_list.list li.base_product .product-container .right-block .functional-buttons {
float: right; }
ul.product_base_list.list li.base_product .product-container .right-block .absolute-bottom {
position: absolute;
left: 5%;
right: 5%;
bottom: 0;
padding: 10px 0;
overflow: hidden;
border-top: 1px dashed #c7c7c7; }
@media (max-width: 767px) {
ul.product_base_list.list li.base_product .product-container {
display: block; }
ul.product_base_list.list li.base_product .product-container .left-block {
display: block;
width: 100%; }
ul.product_base_list.list li.base_product .product-container .left-block .product-image-container img {
float: none; }
ul.product_base_list.list li.base_product .product-container .right-block {
padding-bottom: 0;
width: 100%;
display: block; }
ul.product_base_list.list li.base_product .product-container .right-block h5 {
margin-right: 0; }
ul.product_base_list.list li.base_product .product-container .right-block .absolute-bottom {
position: initial;
margin-top: 12px; } }
/*******************************************************
Product list(Table) Styles
********************************************************/
ul.product_base_list.table li.base_product {
display: table;
width: 100%; }
ul.product_base_list.table li.base_product .product-container .left-block {
display: table-cell;
vertical-align: middle;
width: 15%;
max-width: 145px; }
ul.product_base_list.table li.base_product .product-container .left-block:hover .quickview.for-list-mode {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0.9; }
ul.product_base_list.table li.base_product .product-container .left-block:hover .quickview.for-list-mode:hover {
opacity: 1; }
ul.product_base_list.table li.base_product .product-container .left-block .label-box {
display: none; }
ul.product_base_list.table li.base_product .product-container .right-block {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative; }
ul.product_base_list.table li.base_product .product-container .right-block h5 {
width: 40%;
float: left;
text-align: left;
padding-left: 3%; }
ul.product_base_list.table li.base_product .product-container .right-block .grid-left-bottom {
float: left;
width: 15%;
padding-top: 4px; }
ul.product_base_list.table li.base_product .product-container .right-block .button-grid {
float: right;
line-height: 50px;
width: 15%; }
ul.product_base_list.table li.base_product .product-container .right-block .absolute-bottom {
float: right;
width: 30%; }
ul.product_base_list.table li.base_product .product-container .right-block .comments_note {
position: absolute;
left: 3%;
bottom: 30%; }
ul.product_base_list.table li.base_product .product-container .availability, ul.product_base_list.table li.base_product .product-container .color-list-container, ul.product_base_list.table li.base_product .product-container .button-list, ul.product_base_list.table li.base_product .product-container .product-desc {
display: none; }
@media (max-width: 991px) {
ul.product_base_list.table li.base_product .product-container .right-block h5 {
width: 100%; }
ul.product_base_list.table li.base_product .product-container .right-block .grid-left-bottom {
width: 50%;
text-align: left;
padding-left: 3%; }
ul.product_base_list.table li.base_product .product-container .right-block .comments_note {
position: initial; }
ul.product_base_list.table li.base_product .product-container .right-block .button-grid {
width: auto;
padding-right: 4%; }
ul.product_base_list.table li.base_product .product-container .right-block .absolute-bottom {
width: auto;
padding: 0 10px; }
ul.product_base_list.table li.base_product .product-container .right-block .functional-buttons div a span {
display: none; }
ul.product_base_list.table li.base_product .product-container .left-block {
width: 25%; }
ul.product_base_list.table li.base_product .product-container .left-block .comments_note {
display: none; } }
/*******************************************************
Product list(Sidebar) Styles
********************************************************/
ul.product_base_list.product_sidebar {
margin: 0; }
ul.product_base_list.product_sidebar li.sidebar_block_product {
text-align: center;
margin: 0;
padding-bottom: 15px; }
@media (max-width: 767px) {
ul.product_base_list.product_sidebar li.sidebar_block_product {
width: 50%;
float: left; } }
ul.product_base_list.product_sidebar li.sidebar_block_product .product-container {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding-top: 15px;
border-top: 1px dashed #c7c7c7;
transform: none; }
ul.product_base_list.product_sidebar li.sidebar_block_product .right-block {
padding-top: 5px;
text-align: center; }
ul.product_base_list.product_sidebar li.sidebar_block_product:first-child .product-container {
border-top-width: 0; }
@media (max-width: 767px) {
ul.product_base_list.product_sidebar > li.sidebar_block_product:nth-child(2) .product-container {
border-top-width: 0; } }
.product_list_sidebar.columns-slick {
overflow: hidden; }
.product_list_sidebar.columns-slick ul.product_sidebar.slick-slider {
margin-bottom: 40px; }
.product_list_sidebar.columns-slick ul.product_sidebar.slick-slider li.sidebar_block_product {
padding-bottom: 0; }
.product_list_sidebar.columns-slick ul.product_sidebar.slick-slider li.sidebar_block_product .product-container {
border-top-width: 0; }
.thumbnail_small ul.product_base_list.product_sidebar li.sidebar_block_product {
width: 100%; }
.thumbnail_small ul.product_base_list.product_sidebar li.sidebar_block_product .left-block {
float: left;
max-width: 100px; }
.thumbnail_small ul.product_base_list.product_sidebar li.sidebar_block_product .right-block {
text-align: left;
overflow: hidden;
padding-left: 10px; }
.thumbnail_small ul.product_base_list.product_sidebar li.sidebar_block_product .right-block h5 {
margin-bottom: 5px; }
@media (min-width: 768px) and (max-width: 991px) {
.thumbnail_small ul.product_base_list.product_sidebar li.sidebar_block_product .left-block {
max-width: none;
width: 100%; }
.thumbnail_small ul.product_base_list.product_sidebar li.sidebar_block_product .right-block {
width: 100%;
padding-left: 0;
text-align: center; } }
@media (max-width: 767px) {
.thumbnail_small ul.product_base_list.product_sidebar > li.sidebar_block_product:nth-child(2) .product-container {
border-top-width: 1px; } }
/*******************************************************
Product list(Slider) Styles
********************************************************/
.columns-slick ul.product_base_list {
display: block !important; }
.columns-slick ul.product_base_list li.base_product {
width: auto; }
/***** IE code *****/
/*# sourceMappingURL=product_list.css.map */