ul,ol,li,fieldset{margin:0;padding:0;border:0;}
ul{list-style-type:none;}
::placeholder{color:#ccc;}
.fwrap{overflow:hidden;width:100%;}
.fwrapc::after{clear:both;}
.fl{float:left;}
.posrel{position:relative;}

.minicard{float:left;width:20%;padding:0 1em;}
.minicard img{width:100%;}
.minicard .price{float:left;}
.minicard .price_old{padding-left:1em;color:#999;text-decoration:line-through;}
.minicard .wprice{font-size:.8em;}
.minicard .avail{float:right;font-size:.8em;}
.minicard .more_vars{font-size:.8em;}

.catml{overflow:hidden;width:100%;}
.catml .filters{float:left;width:25%;}
.catml .mlist{float:left;width:75%;}
.catml .mlist .models{overflow:hidden;width:100%;}
.catml .mlist .models .model{float:left;width:25%;}
.catml .mlist .models .model img{width:100%;}

.catml .filter{margin:.5em 0;}
.catml .filter .name{margin:.8em 0 .3em;}
.catml .filter .name span{padding:.3em;background-color:#eee;border-radius:.5em;}
.catml .filter label{display:flex;align-items:center;}
.catml .filter .siwi label{height:1.5em;}
.catml .filter label.lvl1, .catml .filter label.lvl2.lvl1{margin-left:0;}
.catml .filter label.lvl2{margin-left:.75em;}
.catml .filter label .iname{margin-left:.25em;}
.catml .filter input[type=text]{width:25%;}
.catml .filter .showhide_ffs{cursor:pointer;border-bottom:1px dotted;}

.catml .filter .isii, .catml .tfilter .isii, .catml .afilter .isii, .mfvi .filter .isii{display:none;}
.catml .filter .sii, .catml .tfilter .sii, .catml .afilter .sii, .mfvi .filter .sii{position:relative;display:inline-block;width:1em;height:1em;border:1px solid rgba(0,0,0,.1);border-radius:50%;z-index:100;}
.catml .filter .sii:after, .catml .tfilter .sii:after, .catml .afilter .sii:after, .mfvi .filter .sii:after{position:absolute;z-index:100;width:100%;height:100%;border-radius:50%;content:"";background-position:50% 50%;background-repeat:no-repeat;opacity:0;}
.catml .filter input[type=checkbox]:checked+.sii:after, .catml .tfilter input[type=checkbox]:checked+.sii:after, .catml .afilter input[type=checkbox]:checked+.sii:after, .mfvi .filter input[type=checkbox]:checked+.sii:after{opacity:1;}
.catml .filter input[type=checkbox]:checked+.sii.chm0:after, .catml .tfilter input[type=checkbox]:checked+.sii.chm0:after, .catml .afilter input[type=checkbox]:checked+.sii.chm0:after, .mfvi .filter input[type=checkbox]:checked+.sii.chm0:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAzLjg1NUwxLjUxOCAyLjQxbDQuMDQ4IDMuODU0TDQuMDQ4IDcuNzEgMCAzLjg1NXptNC4wNDguOTY0TDkuMTA4IDBsMS41MTcgMS40NDYtNS4wNiA0LjgxOEw0LjA1IDQuODJ6Ii8+PC9zdmc+);}
.catml .filter input[type=checkbox]:checked+.sii.chm1:after, .catml .tfilter input[type=checkbox]:checked+.sii.chm1:after, .catml .afilter input[type=checkbox]:checked+.sii.chm1:after, .mfvi .filter input[type=checkbox]:checked+.sii.chm1:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAzLjg1NUwxLjUxOCAyLjQxbDQuMDQ4IDMuODU0TDQuMDQ4IDcuNzEgMCAzLjg1NXptNC4wNDguOTY0TDkuMTA4IDBsMS41MTcgMS40NDYtNS4wNiA0LjgxOEw0LjA1IDQuODJ6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);}

.tfilter_reset{float:left;margin:0 .5em;padding:.3em;background-color:#eee;border-radius:.5em;}
.tfilter_reset a{text-decoration:none;}

.catml .tfilter{position:relative;float:left;margin:0 .5em 1em .5em;}
.catml .tfilter .sel{width:auto;padding:.3em;background-color:#eee;border-radius:.5em;}
.catml .tfilter a{text-decoration:none;}
.catml .tfilter .name{}
.catml .tfilter .vals{display:none;position:absolute;z-index:2;left:0;top:1.8em;width:auto;padding:.5em;border:1px solid #ccc;border-radius:.5em;background:#fff;white-space:nowrap;}
/*.catml .tfilter:hover .vals{display:block;}*/
.catml .tfilter .vals label{display:flex;align-items:center;}
.catml .tfilter .siwi label{height:1.5em;}
.catml .tfilter label.lvl1, .catml .tfilter label.lvl2.lvl1{margin-left:0;}
.catml .tfilter .vals label.lvl2{margin-left:.75em;}
.catml .tfilter .vals label .iname{margin-left:.25em;}
.catml .tfilter .vals input[type=text]{width:3em;}
.catml .tfilter .showhide_ffs{cursor:pointer;border-bottom:1px dotted;}
.catml .tfilter.checkboxes .vals input[type=text]{width:90%;}
.catml .tfilter button{margin-top:.5em;padding:.5em;background-color:#e6e6e6;border:0;border-radius:.5em;}

.catml .afilters{overflow:hidden;width:100%;margin:0 10%;}
.catml .afilters .col{float:left;width:30%;padding:1em;}
.catml .afilter{padding:1em .5em 1em 1em;border-bottom:1px solid #e3e3e3;}
.catml .afilter:first-child{border-top:1px solid #e3e3e3;}
.catml .afilter:hover{background:#f6f6f6;}
.catml .afilter .name{position:relative;}
.catml .afilter .name+div{margin-top:.5em;}
.catml .afilter .name.expand_more, .catml .afilter .name.expand_less{padding-left:1.5em;}
.catml .afilter .name.expand_more:hover, .catml .afilter .name.expand_less:hover{cursor:pointer;}
.catml .afilter .name.expand_more:after, .catml .afilter .name.expand_less:after{position:absolute;top:50%;left:0;width:12px;height:6px;margin-top:-3px;content:"";background-position:50% 50%;background-repeat:no-repeat;opacity:.5;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjggMEw2IDQuNiAxMS4yIDBsLjguN0w2IDYgMCAuNy44IDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);}
.catml .afilter .name.expand_less:after{transform:rotate(180deg);}
.catml .afilter label{display:flex;align-items:center;}
.catml .afilter .siwi label{height:1.5em;}
.catml .afilter label.lvl1, .catml .filter label.lvl2.lvl1{margin-left:0;}
.catml .afilter label.lvl2{margin-left:.75em;}
.catml .afilter label .iname{margin-left:.25em;}
.catml .afilter input[type=text]{width:20%;}
.catml .afilter .showhide_ffs{cursor:pointer;border-bottom:1px dotted;}
.catml .afilters_actions{text-align:center;margin-top:2em;}
.catml .afilters_actions span{margin:1em;}

.catml .sword{float:left;margin:0 .5em 1em .5em;padding:.3em .5em;background-color:#eee;border-radius:.5em;}
.catml .sword.hidden{display:none;}
.catml .sword span{cursor:pointer;border-bottom:1px dotted;}
/*.catml .sword:first-child{margin-left:0;}*/

.pages{float:left;width:100%;overflow:hidden;margin:.5em 0;}
.pages ul{float:left;position:relative;left:50%;}
.pages li{float:left;position:relative;right:50%;}
.pages span, .pages a{display:block;width:auto;padding:.3em .7em;}
.pages a:hover{background:#ddd;}
.pages .curr{background:#e9e9e9;font-weight:bold;}

.mcard{position:relative;}
.mcard .imgs{float:left;width:672px;height:530px;}
.mcard .imgs .simgs{float:left;width:140px;max-height:530px;overflow-y:scroll;}
.mcard .imgs .simgs>div{position:relative;}
.mcard .imgs .simgs img{position:relative;width:100%;cursor:pointer;}
.mcard .imgs .simgs .preview::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/play.svg) no-repeat center center/32px;}
.mcard .imgs .bimgs{position:relative;float:left;width:528px;background:#eee;}
.mcard .imgs .bimgs .bimg{position:absolute;top:0;left:0;display:none;}
.mcard .imgs .bimgs .bimg:first-child{display:block;}
.mcard .imgs .bimgs .bimg img{width:100%;}

.mcard .variants{float:left;width:470px;}
.mcard .variants .fvi{position:relative;display:block;float:left;width:64px;height:64px;margin:0 4px 4px 0;padding:4px;border:1px solid #ccc;border-radius:5px;text-align:center;}
.mcard .variants .fvi:hover{border:1px solid #333;}
.mcard .variants .fvi img{width:64px;height:64px;}
.mcard .variants .fvi.sel, .mcard .variants .fvi.sel:hover{margin-bottom:2px;border:2px solid #333;}
.mcard .variants .fvi.avail0:after, .mcard .variants .fvi.avail1:after, .mcard .variants .fvi.avail2:after{content:"";position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:10px;}
.mcard .variants .fvi.avail0:after{background:#0c0;}
.mcard .variants .fvi.avail1:after{background:#ff8c00;} 
.mcard .variants .fvi.avail2:after{background:#c00;}
.mcard .variants .fvi_more span{cursor:pointer;border-bottom:1px dotted;}

.mcard .prices{float:left;width:384px;}
.mcard .prices>div{margin:.5em 0;padding:1em;background:#e3e3e3;border-radius:5px;}
.mcard .prices .price{font-size:1.2em;font-weight:bold;}
.mcard .prices .old_price{color:#666;text-decoration:line-through;}

.mfvi{margin:0 10%;}
.mfvi .close{display:block;position:absolute;top:0;right:0;width:1em;height:1em;font-size:3em;color:#333;text-decoration:none;}
.mfvi .fld_name{font-size:1.2em;font-weight:bold;}
.mfvi .filters{overflow:hidden;width:100%;padding-bottom:1em;border-bottom:1px solid #ccc;}
.mfvi .filter{float:left;padding-right:1em;}
.mfvi .filter .name{margin:.8em 0 .3em;}
.mfvi .filter .name span{padding:.3em;background-color:#eee;border-radius:.5em;}
.mfvi .filter label{display:flex;align-items:center;}
.mfvi .filter .siwi label{height:1.5em;}
.mfvi .filter label.lvl1, .mfvi .filter label.lvl2.lvl1{margin-left:0;}
.mfvi .filter label.lvl2{margin-left:.75em;}
.mfvi .filter label .iname{margin-left:.25em;}
.mfvi .filter input[type=text]{width:25%;}
.mfvi .filter .showhide_ffs{cursor:pointer;border-bottom:1px dotted;}
.mfvi .curr_sel{overflow:hidden;width:100%;margin:1em 0;}
.mfvi .curr_sel .sel{display:none;}
.mfvi .curr_sel .one{float:left;width:50%;padding-bottom:1em;}
.mfvi .curr_sel .one .name{font-weight:bold;}
.mfvi .curr_sel .one .si{margin-bottom:.5em;font-size:90%;}
.mfvi .curr_sel .one .choose span, .mfvi .curr_sel .one .choose a{padding:.3em;background-color:#eee;border-radius:.5em;}
.mfvi .curr_sel .one .img{position:relative;float:left;}
.mfvi .curr_sel .one .img.avail0:after, .mfvi .curr_sel .one .img.avail1:after, .mfvi .curr_sel .one .img.avail1:after{content:"";position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:10px;}
.mfvi .curr_sel .one .img.avail0:after{background:#0c0;}
.mfvi .curr_sel .one .img.avail1:after{background:#ff8c00;}
.mfvi .curr_sel .one .img.avail2:after{background:#c00;}
.mfvi .variants{overflow:hidden;width:100%;padding-top:1em;border-top:1px solid #ccc;}
.mfvi .variant{overflow:hidden;width:100%;margin-bottom:1em;}
.mfvi .variant_name{font-size:1.1em;font-weight:bold;}
.mfvi .variant_item{float:left;text-align:center;}
.mfvi .variant_item .avail0:after, .mfvi .variant_item .avail1:after, .mfvi .variant_item .avail2:after{content:"";position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:10px;}
.mfvi .variant_item .avail0:after{background:#0c0;}
.mfvi .variant_item .avail1:after{background:#ff8c00;}
.mfvi .variant_item .avail2:after{background:#c00;}
.mfvi .variant_item .sel_vi{cursor:pointer;border-bottom:1px dotted;}