#p-list, #p-list div, #p-list img, #p-list h4, #p-list h5, #p-list a, #p-list span, #p-list:hover, #p-list div:hover, #p-list img:hover, #p-list h4:hover, #p-list h5:hover, #p-list a:hover, #p-list span:hover, #p-list .bottom-bar * {-webkit-transition:0.2s linear all;-moz-transition:0.2s linear all;-ms-transition:0.2s linear all;-o-transition:0.2s linear all;transition:0.2s linear all;}
#p-list {width:100%;float:left;clear:both;margin:15px 0;position:relative;}
#p-list .title_block {position:relative;}
#p-list .comp-form-search {position:absolute;top:2px;right:0;width:auto;font-size:12px;}
#p-list .home-compare-wrap {padding:5px 8px;background:#80bd1c;color:#fff;text-shadow:1px 1px 0 #00A213;width:auto;float:left;}
#p-list .home-compare-wrap span {z-index:1;}
#p-list .home-compare-wrap .bt_compare {z-index:2;background:none;border:none;text-indent:-999em;width:100%;height:100%;cursor:pointer;position:absolute;top:0;left:0;}
#p-list .home-compare-wrap i {float:left;margin:1px 5px 0 0;font-size: 13px;}
#p-list .home-compare-quantity {font-weight:bold;}
#p-list ul {list-style-type:none;}

#p-list .simple-prod {float:left;width:31.333%;margin-right:3%;margin-bottom:30px;position:relative;}
#p-list .simple-prod.first_item {clear:both;}
#p-list .simple-prod.end_line {margin-right:0}
#p-list .simple-prod:hover h5 a {color:#111;}
#p-list .simple-prod:hover .desc a {color:#666;}
#p-list .simple-prod .wrap {background:#fff;float:left;width:100%;display:block;border: 1px solid #ddd;padding:0;position:relative;}

#p-list .simple-prod:hover .wrap {position:absolute;top:0;left:0;z-index:20;-moz-box-shadow: rgba(0,0,0,0.2) 0 0 6px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 6px; box-shadow: rgba(0,0,0,0.2) 0 0 6px;}
.accessories_block #p-list .simple-prod:hover .wrap {position:relative;top:auto;left:auto;}
#p-list .simple-prod:hover .desc, #p-list .simple-prod:hover .button, #p-list .simple-prod:hover .quantity_add, #p-list .simple-prod:hover .status, #p-list .simple-prod:hover .bottom-bar, #p-list .simple-prod:hover .out-of-stock, #p-list .simple-prod:hover .stock-status, #p-list .simple-prod:hover .buts {display:block}
#p-list .out-of-stock {display:none;}

#p-list .quantity_add {float:left;clear:both;width:18%;padding:6px 2px;border:1px solid #ddd;text-align:center;display:none;margin:0 2% 0 0;}
#p-list .buts {display:none;float:left;clear:both;width:100%;position:relative;text-align:center;margin:8px 0 15px 0;height:55px;}
#p-list .buts a {font-size:14px;color:#2196F3;line-height:22px;}
#p-list .buts a i {font-size:18px;margin:0 6px 0 0;line-height:22px;color:#333;font-weight:500;}
#p-list .buts a span {font-weight:bold;}
#p-list .buts a.disabled i {color:#1778C5;-webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
#p-list .buts a.disabled i:before {content:"\f110";}
@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }


#p-list .bottom-bar {display:none;float:left;clear:both;width:100%;padding:0;margin:5px 0 0 0;}
#p-list .bottom-bar .compare {background:#fff;font-size:11px;float:left;clear:none;width:50%;padding:0;border-right:1px solid #fff;color:#fff;}
#p-list .bottom-bar .compare.only {width:100%;border:none;}
#p-list .bottom-bar .compare input {float:left;clear:both;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;margin-bottom:-20px;}
#p-list .bottom-bar .compare label {cursor:pointer;line-height:15px;height:35px;float:left;width:100%;background:#2196F3;padding:10px 6px;color:#fff;font-size:13px;text-align:center;}
#p-list .bottom-bar .compare label.checked {background:#1778C5;}
#p-list .bottom-bar .compare label:hover span {text-decoration:underline;}
#p-list .bottom-bar .compare i {line-height:15px;margin-right:4px;font-size:14px;}

#p-list .bottom-bar .wish {background:#fff;font-size:13px;float:left;clear:none;width:50%;padding:0;}
#p-list .bottom-bar .wish a {cursor:pointer;height:35px;float:left;width:100%;background:#2196F3;padding:10px 5px;color:#fff;text-decoration:none;text-align:center;line-height:15px;}
#p-list .bottom-bar .wish a.checked {background:#1778C5;}
#p-list .bottom-bar .wish a:hover span {text-decoration:underline;}
#p-list .bottom-bar .wish i {line-height:15px;margin-right:4px;font-size:14px;}

#p-list .simple-prod:hover .f-img .new, #p-list .simple-prod:hover .f-img .discount {background-position:0 -10px;}
#p-list .f-details {position:absolute;left:5px;top:5px;font-size:11px;z-index:1;color:#777;text-decoration:none;}
#p-list .f-details strong {color:#555;font-weight:bold;}
#p-list .f-details i {color:#555;margin-right:3px;}
#p-list .f-img {display:block;position:relative;}

#p-list .f-img .new {z-index:1;display: block;font-weight:bold;position: absolute;bottom:0px;right:6px;padding:0;width:46px;height:46px;line-height:46px;font-size:13px;color: #fff;text-align: center;background:#8BC34A; }
#p-list .f-img .discount {z-index:2;display: block;font-weight:bold;position: absolute;bottom: 50px;right:6px;padding:13px 0;width:46px;height:46px;line-height:46px;font-size:13px;color: #fff;text-align: center;background:#F44336; }
#p-list .f-img .discount span {float:left;clear:both;width:100%;text-align:center;font-size:10px;line-height: 10px;}
#p-list .f-img .discount span.top {font-size:13px;}
#p-list .f-img .online {z-index:2;display: block;font-weight:500;position: absolute;top: 6px;right:6px;padding:12px 0;width:46px;height:46px;line-height:46px;font-size:13px;color: #333;text-align: center;background:#FFEB3B; }
#p-list .f-img .online span {float:left;clear:both;width:100%;text-align:center;font-size:12px;line-height: 12px;}
#p-list .f-img .online span.top {font-size:12px;}

.prod-shadow:after {display:block;content:".";text-indent:-9999px;border:6px solid #fff;border-color:#fffffe #ffffff rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);display:block;width:0px;height:0px;position:absolute;top:0;right:0;}

#p-list .f-img img {width:96%;height:auto;margin:4px 2% 0 2%;}
#p-list .f-img img.out {opacity:1;}
#p-list .button {padding:5px 4%;height:auto;display:none;width:80%;text-align:center;font-size:12px;float:left;clear:none;}
#p-list .price {text-align:center;line-height:22px;background:#fff;color:#8BC34A;font-weight:500;float:left;width:100%;margin:3px 0 16px;position: relative;z-index: 3;font-size: 20px;}
#p-list .price .old-price {font-size: 15px;line-height:20px; font-weight: normal; text-decoration: line-through; color: #888; margin: 0 0 0 2px;text-shadow:none;}
#p-list h4 {font-size:14px;color:#fff;width:auto;padding:7px 10px;float:left;clear:both;margin-bottom:20px;text-shadow:1px 1px 0px #000;background:#333;}
#p-list h4 .fa-tag {font-size:13px;margin-right:3px;}
#p-list h4 .fa-caret-down {position:absolute;bottom:-9px;left:15px;color:#333;font-size:15px;text-shadow:none;}
#p-list h5 {width:96%;overflow:hidden;text-overflow:ellipsis;margin:16px 2% 12px 2%;}
#p-list h5 a {text-align:center;font-size:14px;font-weight:500;color:#777;text-decoration:none;float:left;width:100%;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;}
#p-list h5 a:hover {color:#000;text-decoration:underline;}
#p-list .desc {display:none;float: left;font-size:12px;clear: both;overflow: hidden;height: 54px;text-overflow: ellipsis;margin:6px 0 10px 0;width:100%;padding:0 10px;line-height:18px;}
#p-list .desc a {float:left;width:100%;color:#777;text-align:justify;text-decoration:none;}
#p-list .m-wrap {float:left;clear:both;width:100%;margin-top:0px;margin-bottom:5px;}
#p-list .stock-status {display:none;float:left;width:100%;clear:both;margin:0 0 7px 0;font-size:0px;text-transform:uppercase;text-align:center;font-weight:bold;}
#p-list .stock-status .out {color:#F44336;}

@media screen and (max-width: 980px) {
  #p-list .simple-prod .button, #p-list .simple-prod .quantity_add, #p-list .simple-prod .status, #p-list .simple-prod .bottom-bar, #p-list .simple-prod .out-of-stock, #p-list .simple-prod .stock-status, #p-list .simple-prod .buts {display:block;}
  #p-list .simple-prod .desc {display:none!important;}
}

@media screen and (min-width: 691px) and (max-width: 980px) {
  #p-list .simple-prod {width:48%;margin:5px 0 20px 4%;float:left;clear:none;}
  #p-list .simple-prod:nth-child(1), #p-list .simple-prod:nth-child(3), #p-list .simple-prod:nth-child(5), #p-list .simple-prod:nth-child(7), #p-list .simple-prod:nth-child(9), #p-list .simple-prod:nth-child(11), #p-list .simple-prod:nth-child(13), #p-list .simple-prod:nth-child(15) {clear:both;margin-left:0;}
}

@media screen and (min-width: 481px) and (max-width: 690px) {
  #p-list .lnk_more {font-size:10px;}
  #p-list .button {font-size:10px;}
  #p-list .simple-prod {width:48%;margin:5px 0 20px 4%;float:left;clear:none;}
  #p-list .simple-prod:nth-child(1), #p-list .simple-prod:nth-child(3), #p-list .simple-prod:nth-child(5), #p-list .simple-prod:nth-child(7), #p-list .simple-prod:nth-child(9), #p-list .simple-prod:nth-child(11), #p-list .simple-prod:nth-child(13), #p-list .simple-prod:nth-child(15) {clear:both;margin-left:0;}
  #p-list .clear {float:left;clear:none;display:none;width:0;height:0;}
}

@media screen and (max-width: 690px) {

}

@media screen and (max-width: 480px) {
  #p-list {width:102%;margin:0 -1%;}
  #p-list .clear {float:left;clear:none;width:0;height:0;}
  #p-list .simple-prod, #p-list .simple-prod.end_line {width:98%;margin:5px 1% 20px 1%;float:left;clear:none}
  #p-list h4 {margin:15px 1% 8px 1%;width:98%}
  #p-list .comp-form-search {float:left;clear:both;width:98%;margin:3px 1%;position:relative;top:auto;left:auto;}
  #p-list .home-compare-wrap {width:100%;float:left;}

  #p-list .simple-prod .button, #p-list .simple-prod .quantity_add, #p-list .simple-prod .status, #p-list .simple-prod .bottom-bar, #p-list .out-of-stock, #p-list .buts, #p-list .stock-status {display:block;}
  #p-list .simple-prod:hover .wrap {position:relative;top:auto;left:auto;}
  #p-list .clear {float:left;clear:none;display:none;width:0;height:0;}
  #p-list .buts {margin-bottom:12px;}
}

@media screen and (max-width: 320px) {
  #p-list .bottom-bar i {display:none;}
}