ul.prodList {list-style:none;display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;margin-left:-16px;}
ul.prodList:after {content:'';display:table;clear:both}
ul.prodList li {flex:0 1 33.33%;box-sizing:border-box;position:relative;z-index:0;padding-left:16px;margin-bottom:50px;}
ul.prodList li>div.wrap-item {height:100%;display:flex;flex-direction:column;}
ul.prodList a {flex:1 1 auto;text-decoration:none;color:#000;outline-style:none;}
ul.prodList header {padding-top:30px;height:50px;display:flex;}
ul.prodList div.img {position:relative;z-index:0;padding-bottom:100%;overflow:hidden;border:1px solid #eee;box-sizing:border-box;}
ul.prodList div.img.empty {background:url('../images/blank.png') no-repeat 50% 50%;}
ul.prodList img {vertical-align:top;display:block;max-width:100%;height:auto;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;}
ul.prodList div.tlt {text-align:center;margin:10px 25px 5px;font-weight:bold;}
ul.prodList div.cost {text-align:center;font-weight:800;font-size:18px;}
ul.prodList div.cost del {color:#888;display:inline-block;margin-left:5px;}
/*ul.prodList div.cost[data-prom] {position:relative}*/
/*ul.prodList div.cost[data-prom]:after {content:'-' attr(data-prom) '%';position:absolute;right:0;top:0;background-color:#eee;border-radius:4px 0 0 4px;padding:4px;font-size:0.8em;color:#5d8737}*/


ul.prodList form {padding:15px 25px 0;}
ul.prodList form [type="submit"][name="addCart"] {display:block;width:100%;border:1px solid #007bca;background-color:#007bca;color:#fff;font:bold 16px 'Lato';border-radius:4px;height:48px;cursor:pointer;transition:border-color .3s, background-color .3s}
ul.prodList form [type="submit"][name="addCart"]:hover {border-color:#51b7c7;background-color:#51b7c7;}
ul.prodList form [type="submit"][name="addCart"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAABHNCSVQICAgIfAhkiAAAAkZJREFUSEutVotRFUEQ7I5AjUCJQIhAiECNAIlAjEBfBGIEQgRgBGIEQgRiBGIEbfU6czV33O+9Yquu6u52Z3ump2d2KekNgJfoj28kbwb/HnxKegHgJ4ALkqdL6z1PSRpZeEdyb2kDSYcAvgP4QdLvi8OAjrB69yqsDpai3Alw6JKkKwCvAXxZoumxAN8B+ApgkdbHArQQflVag/ZjAE/j/z2ATXy3HAJwaj4C2J9IpEW44dikJE9auR9Inkm6BpC5TRODfErRlPc54RxNAVpEnwHckDyQZK8dQR3OtSPuVCrJdslCrjVjZsfj2RRgpXWP5F1ax6bO79Uwh5IM9j7qstlIMgumupXOKGAs7NFaALNuTyysQqkZcLRmY0PSQAbs7TMHmJ41Wgtgqti/zgH4O7uSwW4BHJK8j06UAmxMzQHa2G3rP/ekldmGpApa89qBxbrUwi3Jpt5JwDAwZc8BnJB0NN0YAe2BhX2qu6N4CfAsROBmPlRpjXQMzAL6Ex52bXIJcJLWQu/+WM8tDPwmadW3MQs4oLUyus17ryevAUy1bgOSa/+6TGodLwLugjJnsxVg5MWqdae5GG4cncc91yXkW0BXSqtzWMSRis1f5yTdbbI2reLL4oSbwdEQdFWEpWM0AUhK8E7uklyzfgzs64bB22lTmVgLmOXxNpp2RuMIXNyuSdPnqO1Q1mBX8LtQau+fALDHblmpwJYnSe5EPoY87wjt5IN70aoIY0Nv4BLxfceH72kt+IjKYI7eTnjeZ2Zv/AMMFzd/G45yDQAAAABJRU5ErkJggg==');display:inline-block;height:24px;vertical-align:middle;margin-right:5px;}


div.prodListItem {padding:10px 0}
div.prodListItem+div.prodListItem {border-top:2px solid #e3e3e3}
div.prodListItem:after {content:'';display:table;clear:both}
div.prodListImg {width:200px;float:left;background-color:#fff;border-radius:4px;box-sizing:border-box;border-radius:4px;border:1px solid #f7f7f7;overflow:hidden}
div.prodListImg img {max-width:100%;height:auto;vertical-align:top}
div.prodListImg span.nophoto {padding-bottom:75%;display:block;background:#fff url('/templates/web/images/shop_np.png') no-repeat 50% 50%;max-width:400px}
div.prodListImg~* {margin-left:212px}
div.prodListItem h2 {font-size:1em;margin-bottom:10px}
div.prodListItem h2 a {color:#000}
div.prodListDesc {line-height:1.4em;margin-bottom:5px;padding-bottom:10px;border-bottom:1px dashed #eee}
div.prodListItem div.cost {text-align:left;margin-bottom:10px;font-size:1.2em}
div.prodListItem div.cost[data-prom]:before {content:'-' attr(data-prom) '%';display:inline-block;background-color:#eee;border-radius:0 4px 4px 0;padding:4px;font-size:0.8em;color:#5d8737;margin-right:4px}
div.prodListItem div.cost>span {display:inline-block;vertical-align:top}
div.prodListItem div.cost>span span {display:block;text-decoration:line-through;font-size:0.8em;color:silver}

p.prodListMf {padding:4px 0}
div.prodListItem form.formProduct,div.prodListItem p.more {float:right;margin-left:0}
div.prodListItem p.more a {text-decoration:none;font:bold 13px/25px Tahoma;color:#5d8737;background:#eee;border:none;border-radius:4px;cursor:pointer;padding:3px 10px;outline:none;box-sizing:border-box;display:inline-block;width:100%;text-align:center}

section.prodList {padding:40px;}
.catListNavigTitle {text-align:center;margin-bottom:20px}
div.catListNavig {display:flex;}
div.catListNavig>div.right {margin-left:auto;}
div.catListNavig div.selectArea {position:relative;z-index:1;display:inline-block;min-width:200px;border:1px solid #e5e5e5;border-radius:2px;font:bold 18px 'Roboto', sans-serif;}
div.catListNavig div.selectArea>span {display:block;padding:10px 15px;cursor:default;}
div.catListNavig div.selectArea>span::before {content:'\e155';font:18px/1 "Glyphicons Halflings";vertical-align:middle;}
div.catListNavig div.selectArea>span.desc::before {content:'\e156';}
div.catListNavig div.selectArea>div {display:none;position:absolute;top:100%;left:0;min-width:100%;background-color:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
div.catListNavig div.selectArea.show>div {display:block;}
div.catListNavig div.selectArea::after {content:'';pointer-events:none;position:absolute;right:20px;top: 13px;border-color: #000;border-width: 0 3px 3px 0;border-style: solid;width: 8px;height: 8px;border-radius: 1px;transform:rotate(45deg);transition:transform .3s;}
div.catListNavig div.selectArea.show::after {transform:rotate(225deg);}
div.catListNavig div.selectArea a {display:block;text-decoration:none;color:#000;padding:8px;}
div.catListNavig div.selectArea a::before {content:'\e094';font:11px/1 "Glyphicons Halflings";vertical-align:middle;margin-right:4px;}
div.catListNavig div.selectArea a.asc::before {content:'\e093';}
div.catListNavig div.selectArea a:hover {color:#674197;}

div.catListNavig button.showFeatures {display:none;font:bold 14px 'Roboto', sans-serif;text-transform:uppercase;color:#fff;background:#674197 url('../images/filter.png') no-repeat right 10px center;border:none;outline-style:none;padding:15px 60px;border-radius:4px;cursor:pointer;}
div.catListNavig button.showFeatures:hover {background-color:#77589d}

div.unsetCapture {overflow:hidden;margin-bottom:10px}
div.unsetCapture a {white-space:nowrap;display:inline-block;padding:2px 25px 2px 10px;min-width:60px;background:#f4f4f4 url('data:image/gif;base64,R0lGODlhCgAKAJECALYAANV6ev///wAAACH5BAEAAAIALAAAAAAKAAoAAAIYTIRpAactmJPPwBTBxWwjSX0XFYoL9gUFADs=') no-repeat 95% 50%;border:1px solid #e4e1e1;border-radius:4px;text-decoration:none;color:#000}
div.unsetCapture a+a {margin-left:10px}


div.specialProduct {padding:10px;background-color:#f0f0f0}
div.specialProduct div.title {margin:-10px -10px 10px;border-bottom:1px solid #fff;color:#fff;padding:0 5px 0 15px;font:bold 14px/30px Arial;margin-bottom:5px;height:30px;white-space:nowrap;overflow:hidden;background:#0054a4 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAARElEQVR42jyMwQ3AMAgDqRfoxtmwG2E7Aao8LEtnOLzrg+1OVCLwyJDysupiNqHkZc2Z51b/fiLOXzuGl9PU9Di3AAMAcmBFNYT0hPEAAAAASUVORK5CYII=') repeat-x}
div.specialProduct.closingsale {position:relative}
div.specialProduct.closingsale img.closingsale {position:absolute;top:0;left:7px}
div.specialProduct.closingsale div.title {padding-left:50px;height:36px;line-height:36px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAIAAAARTyRGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpium+hzfT34wcmBgYGpv///zP9B9EwjMyHsv+hif/DwQap+YfHHGQ+q4AgQIABALijNlUg8ZBqAAAAAElFTkSuQmCC') repeat-x}
div.specialProduct div.img {background-color:#fff;border:1px solid #c9c9c9;margin-bottom:10px}
div.specialProduct div.name {text-align:center;margin-bottom:10px}
div.specialProduct div.name a {color:#000;font-weight:bold}
div.specialProduct p.price {margin-bottom:5px}
div.specialProduct p.price b {color:#d31b0f}
div.specialProduct p.price b>span {color:#000;text-decoration:line-through;font-weight:normal;margin-right:3px}
div.specialProduct form.formProduct {border-top:1px solid #bfbfbf;padding-top:5px}
div.specialProduct p.more {border-top:1px solid #bfbfbf;padding-top:5px}
div.specialProduct p.more a {color:#d31b0f;font-weight:bold}
div.specialProduct p.more a:after {content:' »'}

@media screen and (max-width:1200px){
    ul.prodList {margin-left:-20px;}
    ul.prodList li {flex-basis:50%;padding-left:20px;}
}
@media screen and (max-width:940px){
    ul.prodList div.tlt {font-size:1.1em}
    ul.prodList div.cost {font-size:1em}
}

@media screen and (max-width:600px){
    ul.prodList {display:block;margin:0 auto;max-width:400px;}
    ul.prodList li {padding-left:0;}

    div.catListNavig {display:block;text-align:right;}
    div.catListNavig>*+* {margin-top:10px;}
}

@media screen and (max-width:520px){
    div.prodListImg {width:auto;float:none;width:200px;margin:0 auto 10px}
    div.prodListImg~* {margin-left:0}
    div.prodListItem h2 {text-align:center}
    div.prodListDesc {display:none}
    div.prodListItem div.cost {text-align:center;margin-bottom:10px;font-size:1.2em}
    div.prodListItem div.cost[data-prom]:before {content:'-' attr(data-prom) '%';display:inline-block;background-color:#eee;border-radius:0 4px 4px 0;padding:4px;font-size:0.8em;color:#5d8737;margin-right:4px}
    div.prodListItem div.cost>span {display:inline-block;vertical-align:top}
    div.prodListItem div.cost>span span {display:block;text-decoration:line-through;font-size:0.8em;color:silver}
    div.prodListItem form.formProduct,div.prodListItem p.more {float:none;margin-bottom:10px}
}