/*******************************************************

Product list Styles

********************************************************/

ul.product_list {

  position: relative; }

  ul.product_list .availability span {

    display: inline-block;

    color: white;

    font-weight: bold;

    margin-bottom: 5px; }

    ul.product_list .availability span.available-now {

      color: #46a74e; }

    ul.product_list .availability span.out-of-stock {

      color: #ff7430; }

  ul.product_list .color-list-container {

    margin-bottom: 0; }

    ul.product_list .color-list-container ul li {

      display: inline-block;

      border: 1px solid #e5e5e5; }

      ul.product_list .color-list-container ul li a {

        display: block;

        width: 23px;

        height: 23px;

        margin: 1px; }

  ul.product_list .product-image-container {

    text-align: center; }

    ul.product_list .product-image-container img {

      margin: 0 auto; }

    ul.product_list .product-image-container .quick-view {

      font: 700 13px/16px "Roboto", sans-serif;

      color: #ffffff;

      position: absolute;

      margin: -21px 0 0 -53px;

      padding: 8px 15px;

      right: -100%;

      text-align: center;

      top: 84%;

      background: rgba(0, 0, 0, 0.8);

      text-align: center;

      -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;

      -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;

      box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear; }

      @media (max-width: 767px) {

        ul.product_list .product-image-container .quick-view {

          display: none; } }

      ul.product_list .product-image-container .quick-view:hover {

        background: rgba(0, 0, 0, 0.9); }

  ul.product_list .comments_note {

    text-align: center;

    overflow: hidden;

    padding-bottom: 10px;

    line-height: 17px; }

    ul.product_list .comments_note .nb-comments {

      font-style: italic;

      display: inline-block; }

    ul.product_list .comments_note .star {

      top: 2px; }

  ul.product_list .functional-buttons div a,

  ul.product_list .functional-buttons div label {

    font-weight: normal;

    color: #777676;

    cursor: pointer; }

    ul.product_list .functional-buttons div a:hover,

    ul.product_list .functional-buttons div label:hover {

      color: #000; }

  ul.product_list .functional-buttons div.wishlist a:before {

    display: inline-block;

    font-family: "FontAwesome";

    content: "\f08a";

    margin-right: 3px;

    padding: 0 3px; }

  ul.product_list .functional-buttons div.wishlist a.checked:before {

    content: "\f004"; }

  @media (min-width: 992px) and (max-width: 1199px) {

    ul.product_list .functional-buttons div.wishlist {

      border-right: 0; } }

  @media (min-width: 480px) and (max-width: 767px) {

    ul.product_list .functional-buttons div.wishlist {

      border-right: 0; } }

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



/*******************************************************

Product list(Grid) Styles 

********************************************************/

ul.product_list.grid > li .product-container,

ul.product_list.grid > li + li .product-container,

ul.product_list.grid > li + li + li .product-container,

ul.product_list.grid > li + li + li + li .product-container {

  border: none; }

ul.product_list.grid > li + li + li + li + li .product-container {

  border-top: 1px solid #e6e6e6; }

  @media (max-width: 767px) {

    ul.product_list.grid > li + li + li + li + li .product-container {

      border: none; } }

@media (max-width: 991px) {

  ul.product_list.grid > li + li + li .product-container {

    border-top: 1px solid #e6e6e6; } }

@media (max-width: 767px) {

  ul.product_list.grid > li + li + li .product-container {

    border: none; } }

ul.product_list.grid > li {

  padding-bottom: 10px;

  text-align: center; }

  @media (min-width: 480px) and (max-width: 767px) {

    ul.product_list.grid > li {

      width: 50%;

      float: left; } }

  ul.product_list.grid > li .product-container {

    background: white;

    overflow: hidden;

    position: relative;

    padding-top: 30px; }

    ul.product_list.grid > li .product-container .product-image-container {

      position: relative; }

      ul.product_list.grid > li .product-container .product-image-container .product_img_link {

        display: block;

        position: relative;

        background: white; }

    ul.product_list.grid > li .product-container h5 {

      padding: 14px 20px 8px 0;

      margin: 0; }

      ul.product_list.grid > li .product-container h5 a span.list-name {

        display: none; }

    ul.product_list.grid > li .product-container .comments_note {

      text-align: left;

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear;

      position: absolute;

      right: -300px;

      top: 42%;

      padding: 4px 8px 7px 10px;

      background: rgba(0, 0, 0, 0.8); }

      @media (max-width: 1200px) {

        ul.product_list.grid > li .product-container .comments_note {

          display: none; } }

      ul.product_list.grid > li .product-container .comments_note .nb-comments {

        display: none; }

      ul.product_list.grid > li .product-container .comments_note .star_content {

        display: inline-block;

        margin: 0 0 0 0; }

    ul.product_list.grid > li .product-container .product-desc {

      font: 400 14px/20px "Open Sans", sans-serif;

      color: #f48b47;

      margin-bottom: 15px;

      display: none; }

      ul.product_list.grid > li .product-container .product-desc span.list-desc {

        display: none; }

    ul.product_list.grid > li .product-container .content_price {

      padding-bottom: 14px;

      line-height: 21px; }

    ul.product_list.grid > li .product-container .old-price,

    ul.product_list.grid > li .product-container .price,

    ul.product_list.grid > li .product-container .price-percent-reduction {

      display: inline-block; }

    ul.product_list.grid > li .product-container .product-flags {

      display: none; }

    ul.product_list.grid > li .product-container .old-price {

      margin-right: 5px;

      margin-left: 5px; }

    ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button,

    ul.product_list.grid > li .product-container .button-container span.btn,

    ul.product_list.grid > li .product-container .button-container .lnk_view {

      margin: 0 6px 10px 0; }

    ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button:before {

      margin-right: 0;

      vertical-align: 0;

      line-height: 36px; }

    ul.product_list.grid > li .product-container .right-block {

      text-align: left; }

    ul.product_list.grid > li .product-container .functional-buttons {

      padding: 11px 0 15px;

      text-align: left; }

      ul.product_list.grid > li .product-container .functional-buttons div {

        width: 50%;

        float: left;

        padding: 3px 0 4px 0; }

        ul.product_list.grid > li .product-container .functional-buttons div.compare {

          text-align: right; }

    ul.product_list.grid > li .product-container:hover .comments_note {

      right: 0;

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear; }

  @media (min-width: 1200px) {

    ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {

      right: 0%;

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear; } }

  @media (min-width: 992px) {

    ul.product_list.grid > li.first-in-line {

      clear: left; } }

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

    ul.product_list.grid > li.first-item-of-tablet-line {

      clear: left; } }



/*******************************************************

Product list(List) Styles 

********************************************************/

@media (max-width: 479px) {

  ul.product_list.list > li .left-block {

    width: 100%; } }

ul.product_list.list > li:first-child .product-container {

  border: none; }

ul.product_list.list > li .product-container {

  border-top: 1px solid #e5e5e5;

  padding: 30px 0 30px; }

ul.product_list.list > li .product-image-container {

  position: relative;

  overflow: hidden;

  position: relative;

  background: white; }

  @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: #333333;

  margin: 0 0 0 0; }

  @media (min-width: 480px) {

    ul.product_list.list > li .product-flags {

      margin-top: -5px; } }

  ul.product_list.list > li .product-flags .discount {

    color: #f13340; }

ul.product_list.list > li h5 {

  padding-bottom: 8px;

  margin-top: 0; }

  ul.product_list.list > li h5 a span.grid-name {

    display: none; }

ul.product_list.list > li .product-desc {

  margin-bottom: 20px; }

  ul.product_list.list > li .product-desc span.grid-desc {

    display: none; }

@media (max-width: 479px) {

  ul.product_list.list > li .center-block {

    width: 100%; } }

ul.product_list.list > li .center-block .comments_note {

  margin-bottom: 12px; }

  @media only screen and (min-width: 480px) {

    ul.product_list.list > li .center-block .comments_note {

      text-align: left; } }

  ul.product_list.list > li .center-block .comments_note .star_content {

    display: inline-block; }

@media (min-width: 992px) {

  ul.product_list.list > li .right-block .right-block-content {

    margin: 0;

    border-left: 1px solid #e5e5e5;

    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 .right-block .right-block-content .functional-buttons {

    overflow: hidden; } }

@media (max-width: 991px) {

  ul.product_list.list > li .right-block .right-block-content .functional-buttons {

    clear: both; }

    ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {

      float: left;

      padding-top: 0 !important;

      padding-right: 20px; } }

@media (max-width: 479px) {

  ul.product_list.list > li .right-block .right-block-content .functional-buttons {

    float: none;

    display: inline-block; }

    ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i {

      display: none !important; } }

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;

  margin-left: -5px; }

ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {

  padding-top: 10px; }

  ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before {

    margin-right: 10px; }

@media (min-width: 1200px) {

  ul.product_list.list > li:hover .product-image-container .quick-view {

    right: 0%;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear; } }

@media (max-width: 479px) {

  ul.product_list.list > li {

    text-align: center; } }



/*******************************************************

Product list(Index page) Styles 

********************************************************/

#index ul.product_list.tab-pane > li {

  padding-bottom: 10px;

  margin-bottom: 10px; }

  #index ul.product_list.tab-pane > li .product-container {

    padding-top: 27px; }

  #index ul.product_list.tab-pane > li .availability {

    display: none; }

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



/***** IE code *****/

.ie8 .quick-view {

  background: #fff;

  border: 1px solid #e5e5e5; }