.mcpt {height: 60px; box-shadow: 0 3px 6px rgba(0,0,0,.07); position: fixed; right: 0; left: 0; top: 0; background: #f8f9fa; z-index: 3; display: none;}
.mcpt-close {width: 60px; height: 20px; float: right; margin-top: 20px;}
.mcpt-text {line-height: 60px; font-size: 18px; font-weight: bold; padding-left: 15px;}
.sbc-show, .ff-show {display: none; margin-bottom: 15px;}
.p-l-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(255, 255, 255, 0.48);}
.p-l-overlay img {width: 64px; height: 64px; margin: 0 auto; display: block; margin-top: 200px;}

/* SUBCATEGORIES*/
.sbc {border: 1px solid #e8e8e8; border-radius: 3px;}
.sbc-list {margin: 0; list-style: none; padding: 0 5px; max-height: 405px; overflow-y: scroll;}
.sbc-list li {padding: 11px 5px; border-bottom: 1px solid #e8e8e8;}
.sbc-list li:last-child {border-bottom: none;}
.sbc-list li a {color: #333;}
.sbc-name {display: inline-block; vertical-align: middle; width: 85%;}
.sbc-count {text-align: right; color: #757575; display: inline-block; vertical-align: middle; width: 15%; font-size: 14px;}

/* FILTERS */
.ff {user-select: none; font-size: 15px; margin-top: 35px; position: relative; padding-bottom: 50px;}
.ff .fc {font-size: 18px; font-weight: bold; border-bottom: 1px solid lightgray; margin-bottom: 10px; padding-bottom: 10px; color: #4f5d64;}
.ff-item {margin-bottom: 15px;}
.ff-item input[type="checkbox"], .ff-item input[type="radio"], .ff-item-stock input[type="checkbox"] {width: 0; height: 0; opacity: 0; float: left;}
.ff-cb-emul {display: block; padding: 10px 0;}
.ff-cb-emul-check {display: inline-block; vertical-align: top; border: 1px solid lightgray; width: 20px; height: 20px; float: left; margin-right: 10px; transition: 0.2s background;}
.ff-cb:not(:checked)+label .ff-cb-emul-check {background: white;}
.ff-cb:checked+label .ff-cb-emul-text {font-weight: bold;}
.ff-item-cpt {margin-top: 10px; border-top: 1px solid lightgray; padding-top: 15px; cursor: pointer; font-weight: bold; position: relative;}
.ff-item:first-child {margin-top: 15px;}
.ff-item-cpt .nm {vertical-align: middle; width: calc(100% - 59px);}
.ff-item-cpt .ar {vertical-align: middle; height: 12px; width: 12px; margin-left: 15px;}
.ff-item-cpt .qs {vertical-align: middle; height: 16px; width: 16px; margin-left: 15px; position: relative;}
.ff-item.opened .ff-item-cpt .ar {transform: rotate(90deg);}
.f-help-wrap {display: none; position: absolute; bottom: 12px; padding-bottom: 18px; right: -28px;}
.f-help {position: relative; background: white; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.35); font-weight: normal; z-index: 3; font-size: 12px; line-height: 20px; color: #212529; font-style: normal; width: 250px; transition: 0.2s top;}
.f-help-inner {padding: 10px; max-height: 400px; overflow-x: auto;}
.f-help-inner p {margin-bottom: 0;}
.f-help-inner img {max-width: 100%;}
.f-help-p {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ffffff; position: absolute; bottom: -8px; right: 28px;}
.ff-item-cpt .qs:hover .f-help-wrap {display: block;}
.f-help p:last-child {margin-bottom: 0;}
.ff-item-opt {display: none;}
.ff-item.opened .ff-item-opt {display: block;}
.ff-item-range, .ff-item-params {padding-bottom: 10px;}
.ff-item-range input[type="text"] {width: 40%; font-size: 14px; padding: 5px; outline: none; border: 1px solid lightgray;}
.ff-item-range input[type="text"]:focus {box-shadow: 0 0 15px 0 rgba(37, 117, 188, .29);}
.ff-item-range-spl {display: inline-block; width: 20%; text-align: center; font-size: 14px;}
.ff-item-slider {margin: 25px 10px; height: 2px;}
.ff-s {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid lightgray; outline: none; height: 33px; padding: 0 5px; padding-right: 35px; width: 100%;}
.ff .ui-slider-horizontal {background: #eceff1; height: 2px; position: relative;}
.ff .ui-slider-range {background: #1e88e5; position: relative;}
.ff .ui-slider-handle {background: #1e88e5; border: 1px solid #2176ca; border-radius: 10px; width: 20px; height: 20px; top: -9px; outline: none;}
.ff .ui-slider-handle.ui-state-hover {background: #2176ca;}
.ff .ui-slider-range {height: 100%;}
.ff .ui-slider-handle {margin-left: -10px; position: absolute; z-index: 2; cursor: default; -ms-touch-action: none; touch-action: none;}
.ff .ff-deploy {position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;}
.ff .ff-deploy-message {text-align: center;}
.ff-reset {font-size: 12px; font-weight: normal; color: #b42525; margin-left: 10px;}
.ff-sel {margin-bottom: 25px;}
.ff-sel-i {background: #edf7ff; padding: 10px; border-radius: 3px; margin-bottom: 10px;}
.ff-sel-i-cpt {font-weight: bold; border-bottom: 1px dashed #d3d3d3; padding-bottom: 5px; margin-bottom: 5px;}
.ff-sel-i-opt i {display: block; margin-bottom: 5px;}
.ff-sel-i-opt i:last-child {margin: 0;}
.ff-sel-i-cpt-rm {width: 12px; height: 12px; float: right; margin-top: 4px; cursor: pointer;}
.ff-color-marker {font-size: 0;}
.ff-color-marker i {display: inline-block; vertical-align: top; margin-top: 1px; width: 20px; height: 20px; border: 1px solid #c4c4c4; border-radius: 10px; float: right;}

/* SLY */
.cath-sly-wrap {margin-bottom: 12px; user-select: none;}
.sly {overflow: hidden;}
.sly ul {list-style: none; margin: 0; padding: 0; height: 100%; font-size: 0.9em;}
.sly ul li {height: 100%; text-align: center; cursor: pointer; padding-right: 10px;}
.sly ul li.active {}
.sly ul li a {color: #262625; background: #eee; padding: 5px 15px; text-decoration: none; border-radius: 3px; transition: 0.2s background;}
.sly ul li:hover a {background: #e0dfdf;}
.sly-scrollbar {height: 1px; background: white; line-height: 0;}
.sly-scrollbar .sly-handle {width: 100px; height: 100%; background: white; cursor: pointer;}
.sly-scrollbar .sly-handle .sly-mousearea {position: absolute; top: 0px; left: 0; width: 100%; height: 10px;}

@media (max-width: 768px) {
	.ff.mobile-visible, .sbc.mobile-visible {display: block;}
	.ff, .sbc {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: white; z-index: 10; margin-top: 0; padding: 15px; padding-top: 85px; padding-bottom: 50px; overflow-y: auto; display: none;}
	.sbc {padding-top: 65px;}
	.sbc-list {padding: 0; max-height: initial; overflow: auto;}
	.mcpt, .sbc-show, .ff-show {display: block;}
	.ff-deploy {position: fixed !important;}
}
@media (max-width: 576px) {
	.ff-item-range input[type="text"] {font-size: 16px;}
}
.icon.v-table {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcyIDBjLTM5LjcwMSAwLTcyIDMyLjI5OS03MiA3MnMzMi4yOTkgNzIgNzIgNzIgNzItMzIuMjk5IDcyLTcyLTMyLjI5OS03Mi03Mi03MnptMCAxMTJjLTIyLjA1NiAwLTQwLTE3Ljk0NC00MC00MHMxNy45NDQtNDAgNDAtNDAgNDAgMTcuOTQ0IDQwIDQwLTE3Ljk0NCA0MC00MCA0MHoiIGZpbGw9IiMxYzFjMWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtNzIgMTg0Yy0zOS43MDEgMC03MiAzMi4yOTktNzIgNzJzMzIuMjk5IDcyIDcyIDcyIDcyLTMyLjI5OSA3Mi03Mi0zMi4yOTktNzItNzItNzJ6bTAgMTEyYy0yMi4wNTYgMC00MC0xNy45NDQtNDAtNDBzMTcuOTQ0LTQwIDQwLTQwIDQwIDE3Ljk0NCA0MCA0MC0xNy45NDQgNDAtNDAgNDB6IiBmaWxsPSIjMWMxYzFjIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTcyIDM2OGMtMzkuNzAxIDAtNzIgMzIuMjk5LTcyIDcyczMyLjI5OSA3MiA3MiA3MiA3Mi0zMi4yOTkgNzItNzItMzIuMjk5LTcyLTcyLTcyem0wIDExMmMtMjIuMDU2IDAtNDAtMTcuOTQ0LTQwLTQwczE3Ljk0NC00MCA0MC00MCA0MCAxNy45NDQgNDAgNDAtMTcuOTQ0IDQwLTQwIDQweiIgZmlsbD0iIzFjMWMxYyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Im0yNDggMTQ0aDE5MmMzOS43MDEgMCA3Mi0zMi4yOTkgNzItNzJzLTMyLjI5OS03Mi03Mi03MmgtMTkyYy0zOS43MDEgMC03MiAzMi4yOTktNzIgNzJzMzIuMjk5IDcyIDcyIDcyem0wLTExMmgxOTJjMjIuMDU2IDAgNDAgMTcuOTQ0IDQwIDQwcy0xNy45NDQgNDAtNDAgNDBoLTE5MmMtMjIuMDU2IDAtNDAtMTcuOTQ0LTQwLTQwczE3Ljk0NC00MCA0MC00MHoiIGZpbGw9IiMxYzFjMWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtNDQwIDE4NGgtMTkyYy0zOS43MDEgMC03MiAzMi4yOTktNzIgNzJzMzIuMjk5IDcyIDcyIDcyaDE5MmMzOS43MDEgMCA3Mi0zMi4yOTkgNzItNzJzLTMyLjI5OS03Mi03Mi03MnptMCAxMTJoLTE5MmMtMjIuMDU2IDAtNDAtMTcuOTQ0LTQwLTQwczE3Ljk0NC00MCA0MC00MGgxOTJjMjIuMDU2IDAgNDAgMTcuOTQ0IDQwIDQwcy0xNy45NDQgNDAtNDAgNDB6IiBmaWxsPSIjMWMxYzFjIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTQ0MCAzNjhoLTE5MmMtMzkuNzAxIDAtNzIgMzIuMjk5LTcyIDcyczMyLjI5OSA3MiA3MiA3MmgxOTJjMzkuNzAxIDAgNzItMzIuMjk5IDcyLTcycy0zMi4yOTktNzItNzItNzJ6bTAgMTEyaC0xOTJjLTIyLjA1NiAwLTQwLTE3Ljk0NC00MC00MHMxNy45NDQtNDAgNDAtNDBoMTkyYzIyLjA1NiAwIDQwIDE3Ljk0NCA0MCA0MHMtMTcuOTQ0IDQwLTQwIDQweiIgZmlsbD0iIzFjMWMxYyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+)}
.icon.v-thumbs {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE3NCAyNDBoLTEwOGMtMzYuMzkzIDAtNjYtMjkuNjA3LTY2LTY2di0xMDhjMC0zNi4zOTMgMjkuNjA3LTY2IDY2LTY2aDEwOGMzNi4zOTMgMCA2NiAyOS42MDcgNjYgNjZ2MTA4YzAgMzYuMzkzLTI5LjYwNyA2Ni02NiA2NnptLTEwOC0yMDhjLTE4Ljc0OCAwLTM0IDE1LjI1Mi0zNCAzNHYxMDhjMCAxOC43NDggMTUuMjUyIDM0IDM0IDM0aDEwOGMxOC43NDggMCAzNC0xNS4yNTIgMzQtMzR2LTEwOGMwLTE4Ljc0OC0xNS4yNTItMzQtMzQtMzR6IiBmaWxsPSIjMWMxYzFjIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTQ0NiAyNDBoLTEwOGMtMzYuMzkzIDAtNjYtMjkuNjA3LTY2LTY2di0xMDhjMC0zNi4zOTMgMjkuNjA3LTY2IDY2LTY2aDEwOGMzNi4zOTMgMCA2NiAyOS42MDcgNjYgNjZ2MTA4YzAgMzYuMzkzLTI5LjYwNyA2Ni02NiA2NnptLTEwOC0yMDhjLTE4Ljc0OCAwLTM0IDE1LjI1Mi0zNCAzNHYxMDhjMCAxOC43NDggMTUuMjUyIDM0IDM0IDM0aDEwOGMxOC43NDggMCAzNC0xNS4yNTIgMzQtMzR2LTEwOGMwLTE4Ljc0OC0xNS4yNTItMzQtMzQtMzR6IiBmaWxsPSIjMWMxYzFjIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTM5MiA1MTJjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHM1My44MzItMTIwIDEyMC0xMjAgMTIwIDUzLjgzMiAxMjAgMTIwLTUzLjgzMiAxMjAtMTIwIDEyMHptMC0yMDhjLTQ4LjUyMyAwLTg4IDM5LjQ3Ny04OCA4OHMzOS40NzcgODggODggODggODgtMzkuNDc3IDg4LTg4LTM5LjQ3Ny04OC04OC04OHoiIGZpbGw9IiMxYzFjMWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtMTc0IDUxMmgtMTA4Yy0zNi4zOTMgMC02Ni0yOS42MDctNjYtNjZ2LTEwOGMwLTM2LjM5MyAyOS42MDctNjYgNjYtNjZoMTA4YzM2LjM5MyAwIDY2IDI5LjYwNyA2NiA2NnYxMDhjMCAzNi4zOTMtMjkuNjA3IDY2LTY2IDY2em0tMTA4LTIwOGMtMTguNzQ4IDAtMzQgMTUuMjUyLTM0IDM0djEwOGMwIDE4Ljc0OCAxNS4yNTIgMzQgMzQgMzRoMTA4YzE4Ljc0OCAwIDM0LTE1LjI1MiAzNC0zNHYtMTA4YzAtMTguNzQ4LTE1LjI1Mi0zNC0zNC0zNHoiIGZpbGw9IiMxYzFjMWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==)}