@media(min-width:1344px){.v-search{margin-left:-260px;width:560px}
}
@media(max-width:1024px){.filters-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;height:100vh;background:#fff}
.filters-loader.-close{display:none}
.filters-loader.-open{display:block}
}
@media(min-width:1024px){.category-search{padding:0 12px;background:#fff;  }
.filters-loader{position:relative;min-height:425px}
.v-pagination.-bottom,.v-pagination.-top{display:flex;padding-right:40px;justify-content:flex-end}
.v-pagination.-top{margin-top:-42px}
.v-pagination.-bottom{margin-top:20px}
}
.one-share .v-card .i-facebook,.one-share .v-card .i-google,.one-share .v-card .i-linkin,.one-share .v-card .i-twitter{font-size:34px}
.one-share a .v-icon{display:inline-block}
@media(max-width:1024px){.one-share .one-share_btn.-m{display:none}
.one-share .one-share_btn.-s{position:fixed;top:135px;right:10px;z-index:10;font-weight:600}
}
@media(min-width:500px){.one-share .v-dialog{width:50%}
}
@media(min-width:1024px){.one-share .one-share_btn.-s{display:none}
.one-share .one-share_btn.-m{position:absolute;top:15px;right:5px}
.one-share .v-dialog{width:25%}
}
.v-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;background:hsla(0,0%,100%,.97)}
.v-loading,.v-progress-circular{justify-content:center;align-items:center}
.v-progress-circular{position:relative;display:inline-flex;vertical-align:middle}
.v-progress-circular svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:auto;width:100%;height:100%;transition:all .2s ease-in-out;transform-origin:center center;-webkit-animation:progress-circular-rotate 1.4s linear infinite;animation:progress-circular-rotate 1.4s linear infinite}
.v-progress-circular ._overlay{-webkit-animation:progress-circular-dash 1.4s ease-in-out infinite;animation:progress-circular-dash 1.4s ease-in-out infinite;stroke-linecap:round;stroke-dasharray:80,200;stroke-dashoffset:0}
.v-progress-circular__info{display:flex;align-items:center;justify-content:center}
.v-progress-circular__underlay{z-index:1;stroke:rgba(0,0,0,.1)}
.v-progress-circular ._overlay{z-index:2;transition:all .6s ease-in-out;stroke:currentColor}
@-webkit-keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}
to{stroke-dasharray:100,200;stroke-dashoffset:-125px}
}
@keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}
to{stroke-dasharray:100,200;stroke-dashoffset:-125px}
}
@-webkit-keyframes progress-circular-rotate{to{transform:rotate(1turn)}
}
@keyframes progress-circular-rotate{to{transform:rotate(1turn)}
}
.v-pagination{display:flex;margin:0;width:100%;max-width:100%;list-style-type:none;align-items:center;justify-content:center}
.v-pagination li .v-btn:not(.v-btn--text):not(.v-btn--outlined):hover:before{opacity:0}
.v-pagination li .v-btn{margin:5px;padding:0 5px;width:32px;height:32px!important;min-width:auto!important;border-radius:4px;background:#fff;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#333;text-decoration:none}
.v-pagination li .v-btn:not(.-disabled):hover{border:1px solid #034ea1}
.v-pagination li .v-btn:not(.v-btn--text):not(.v-btn--outlined):not(.v-btn--icon):not(.red):not(.red):hover:before{background:0 0}
@media(min-width:1024px){.v-pagination li .v-btn{width:34px;height:34px!important}
}
.v-pagination li.active .v-btn{background:#183884;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);color:#fff}
table{border-collapse:collapse}
.v-table{width:100%;max-width:100%;background-color:transparent}
.v-table thead th{border-top:1px solid #034ea1!important;background-color:#fbfbfb;color:#666;vertical-align:middle;text-align:left;white-space:nowrap;font-weight:400}
.v-table td,.v-table th{padding:12px 20px;vertical-align:top}
.v-table.-small td,.v-table.-small th{padding:8px 4px}
.v-table tbody+tbody{border-top:2px solid #dee2e6}
.v-table.border,.v-table.border td,.v-table.border th{border:1px solid #eee}
.v-table.border thead td,.v-table.border thead th{border-right:1px solid #dee2e6;border-left:1px solid #dee2e6;border-bottom-width:2px}
.v-table.striped tbody tr:nth-of-type(2n){background-color:#fafafb}
.v-table.striped td,.v-table.striped th{border:0}
.v-table.hover tbody tr:hover{background-color:#fbfbfb}
@media(max-width:500px){.v-table td,.v-table th{padding:8px 4px;font-size:12px}
.v-table.hover tbody tr:hover{background-color:transparent}
}
@media(max-width:1024px){._m,.float-thead{display:none}
}
@media(min-width:1024px){.v-app-bar,.v-nav,.v-search{position:absolute}
.product-table{position:relative;margin:0 -12px}
.product-table ._tw{overflow-x:auto;overflow-y:hidden;margin-top:16px;margin-left:465px}
.product-table ._tw.c-elevation:before{position:absolute;top:0;z-index:5;width:20px;height:100%;box-shadow:inset 8px 0 10px -5px rgba(0,0,0,.14);content:"";opacity:1;transition:opacity .2s;pointer-events:none}
.product-table ._tw table{display:table-row}
.product-table ._tw table th{padding:12px 20px 12px 6px;vertical-align:top;white-space:nowrap}
.product-table ._tw table td{overflow:hidden;padding:12px 6px}
.product-table .handle,.product-table .img,.product-table .mfg,.product-table .part{position:absolute}
.product-table .handle:not(td),.product-table .img:not(td),.product-table .mfg:not(td),.product-table .part:not(td){margin-top:-1px}
.product-table tbody{font-size:12px}
.product-table tbody ._m td{height:120px}
.product-table td:not(.handle):not(.img):not(.part):not(.mfg):not(.desc):not(.ava):not(.price):not(.qty):not(.rohs),.product-table th:not(.handle):not(.img):not(.part):not(.mfg):not(.desc):not(.ava):not(.price):not(.qty):not(.rohs){width:225px;min-width:225px}
.product-table .handle{left:0;width:80px}
.product-table .img{left:80px;width:105px}
.product-table .img a:first-child{display:block;margin-bottom:12px}
.product-table .img img{display:block;margin:auto;width:80px;height:80px}
.product-table .part{left:185px;width:160px}
.product-table .part h6{font-style:italic}
.product-table .mfg{left:345px;width:120px}
.product-table .desc>div{overflow:hidden;width:147px;height:90px}
.product-table .float-scrollbar_wrap{position:fixed;bottom:0;left:465px;z-index:2;display:block;overflow-x:scroll;background:#fff}
.product-table .float-scrollbar_wrap div{height:4px}
.product-table .float-thead{position:fixed;top:0;z-index:4;border:0;table-layout:fixed}
.product-table .float-thead .handle,.product-table .float-thead .img,.product-table .float-thead .mfg,.product-table .float-thead .part{position:fixed}
.product-table .float-thead .handle{left:0;width:80px}
.product-table .float-thead .img{left:80px;width:105px}
.product-table .float-thead .part{left:185px;width:160px}
.product-table .float-thead .mfg{left:345px;width:120px}
}
thead .desc,thead .qty{width:160px;min-width:160px}
thead .price{width:160px;min-width:120px}
thead .ava{width:130px;min-width:130px}
thead .rohs{min-width:80px}
@media(min-width:0)and (max-width:1024px){._s{display:flex;padding:16px 12px 0}
._s td{padding:4px 0 8px;width:100%;border-top:2px solid #183884!important;background:#fff}
._s td>a{display:block;margin:0 8px;padding:4px 8px;color:#333;font-weight:600;font-size:16px}
._s td .col-3>a{display:block;text-align:center}
._s td .col-3 img{width:80px;height:80px}
._s td .col-3>div{text-align:center}
._s td .col-9>*{display:block;padding:4px;font-size:12px}
}
@media(min-width:500px){._s .col-9{padding-left:34px}
._s .col-9>*{padding:8px!important;font-size:14px!important}
}
@media(min-width:1024px){._s{display:none}
}
@media(max-width:1024px){.v-table.border{border:0!important}
.v-table.border td{padding:0!important}
}
.v-dialog__content.-one .v-card{padding:20px}
.v-dialog__content.-one .v-card>h2{margin-bottom:20px;font-weight:600}
.v-dialog__content.-one .v-card>div{margin-top:20px;text-align:right}
@media(min-width:500px){.v-dialog__content.-one .v-dialog{width:70%}
}
@media(min-width:1024px){.v-dialog__content.-one .v-dialog{width:40%}
}
.filter-btn{position:fixed;bottom:-50px;left:0;z-index:6;width:100%;opacity:0;-webkit-animation:slideUp .6s cubic-bezier(.165,.84,.44,1) .45s forwards;animation:slideUp .6s cubic-bezier(.165,.84,.44,1) .45s forwards}
@media(min-width:1024px){.filter-btn{display:none}
}
@-webkit-keyframes slideUp{to{bottom:25px;opacity:1}
}
@keyframes slideUp{to{bottom:25px;opacity:1}
}
.v-sidebar{position:fixed;top:0;right:0;z-index:11;display:none;height:100vh;transition:transform .5s cubic-bezier(.165,.84,.44,1)}
@media(min-width:1024px){.v-sidebar{display:block}
}
.v-sidebar nav{position:absolute;top:50%;left:-50px;margin-top:-240px;height:480px}
.v-sidebar nav .v-btn{display:flex;margin-bottom:25px;background:#fff}
.v-sidebar nav .v-btn.-icon{color:#333}
.v-sidebar .v-sidebar_content{width:240px;height:100%;background:#fff;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
.v-sidebar .back-top{position:absolute;bottom:-100px;z-index:50}
@media(min-width:1024px){.v-footer{height:550px}
}
.subscribe img{display:block;width:100%;height:2px}
.subscribe h2{margin:12px 0;text-align:center}
.subscribe>div{padding:8px}
@media(min-width:1024px){.subscribe>div{padding:16px}
}
.subscribe .v-input .v-input_prepend .v-icon{display:none}
.subscribe .submit{width:120px;height:42px!important}
@media(min-width:1024px){.subscribe .v-input{margin:0 auto;width:700px;height:52px!important}
.subscribe .v-input .v-input_prepend .v-icon{display:inline-block;margin-top:-4px;color:#999;font-size:20px}
.subscribe .v-input .v-input_append .v-btn{font-size:14px}
.subscribe .submit{height:46px!important}
}

.policy{position:fixed;bottom:0;z-index:20;display:none;box-sizing:border-box;width:100%;height:100px;background:#fff;-webkit-animation:visible .42s cubic-bezier(.25,.8,.5,1);animation:visible .42s cubic-bezier(.25,.8,.5,1)}
.policy .v-wrap{display:flex;align-items:center}
.policy:before{position:absolute;width:100%;border-bottom:4px solid orange;content:""}
.policy .v-btn{margin-left:80px;width:120px}
@media(min-width:1024px){.policy{display:flex}
}
@-webkit-keyframes visible{0%{transform:translate3d(0,100px,0)}
to{transform:translateZ(0)}
}
@keyframes visible{0%{transform:translate3d(0,100px,0)}
to{transform:translateZ(0)}
}
.filters{position:relative}
.filters .v-menu_content{overflow-y:auto;max-height:400px;min-width:360px}
.filters .filters_wrap{overflow-x:auto;height:315px;white-space:nowrap}
.filters .filters_wrap>div{display:inline-block;margin-right:12px;padding:4px 4px 0;background:#f6f5f8}
.filters .filters_wrap>div h4{margin-bottom:4px;padding:12px 0;font-weight:400}
.filters .filters_wrap>div ul{overflow-y:auto;margin-top:4px;height:168px;background:#fff}
.filters .filters_wrap>div ul li{position:relative;display:flex;padding:0 4px}
.filters .filters_wrap>div ul li.disabled{opacity:.2}
.filters .filters_wrap>div ul li:hover{background:rgba(3,3,3,.08)}
.filters .filters_wrap>div ul input[type=checkbox]{position:absolute;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}
.filters .filters_wrap>div ul input[type=checkbox]~.i-wrap{margin-left:4px;opacity:0;flex:auto}
.filters .filters_wrap>div ul input[type=checkbox]~.i-wrap:before{float:right;min-width:18px;color:#183884;content:"";font-weight:900;font-style:normal;font-family:v-icon}
.filters .filters_wrap>div ul input[type=checkbox]:disabled{cursor:not-allowed}
.filters .filters_wrap>div ul input[type=checkbox]:checked~.i-wrap{opacity:1}
.filters .filters_wrap>div .v-input{height:30px}
.filters .filters_wrap>div ._rs{margin:4px -4px 0;height:33px;background:#fff;line-height:2.5}
.filters .current-attrnames{padding-top:8px}
.filters .current-attrnames li{position:relative;display:flex;padding:4px 16px;align-items:center}
.filters .current-attrnames input[type=checkbox]{position:absolute;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}
.filters .current-attrnames input[type=checkbox]~.i-wrap{margin-left:4px;opacity:0;flex:auto}
.filters .current-attrnames input[type=checkbox]~.i-wrap:before{float:right;min-width:18px;color:#183884;content:"";font-weight:900;font-style:normal;font-family:v-icon}
.filters .current-attrnames input[type=checkbox]:disabled{cursor:not-allowed}
.filters .current-attrnames input[type=checkbox]:checked~.i-wrap{opacity:1}
@media(max-width:1024px){.filters{overflow-y:auto;padding-top:48px;height:100%}
.filters .filters_wrap{overflow-y:auto;height:auto;white-space:normal}
.filters .filters_wrap>div{margin-right:0;margin-bottom:12px;padding:8px 8px 0;width:100%}
.filters .filter-toobar{position:fixed;top:0;right:0;left:0;z-index:10;height:48px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
}