@keyframes glowing{0%,to{background-position:0 0}50%{background-position:400%0}}h1,h2,h5{margin:0;color:#fff;line-height:1;font-family:"Gilroy Extrabold",sans-serif}.fas{vertical-align:middle}#search-menu .wrapper button:focus,#search-menu .wrapper input:focus,button:focus{outline:0}.mobile-4d{display:none}main{padding:125px 8em 0 21em}.playlist-section{max-width:2100px;margin:0 auto}.feature-presentation{display:flex;margin:0 auto;flex-direction:row;align-items:flex-end}.feature-side:first-child{width:33%}.feature-presentation h1{font-size:clamp(2.3em,3.7vw,3.8em)}.feature-presentation p{line-height:1;color:#a1a7b6;width:100%;max-width:500px;font-size:clamp(1em,1.3vw,1.25em)}.feature-side:last-child{width:67%}.playlist-filter{margin:0;padding:0;gap:1.9vw;display:flex;list-style:none;align-items:flex-end;justify-content:flex-end}.playlist-filter li{transition:.4s;cursor:pointer;color:#a1a7b6;font-size:15px;font-weight:500;padding:10px 4px 16px;border-bottom:2px solid #fff0}.playlist-filter li.the-search{padding-right:0}.open-side-nav{top:50%;position:fixed}.open-side-nav.osn-left{left:0;transform:rotate(-90deg)}.open-side-nav.osn-right{right:-22px;width:45px;transform:rotate(90deg)}.sidenav-header h5{width:auto!important}.open-side-nav span{margin:0;display:block;cursor:pointer;font-size:20px;padding:0 10px;position:absolute;font-weight:700;width:fit-content;background-color:#252830;border-radius:0 0 10px 10px}.stiky-side{top:60px;z-index:10;position:sticky}.sidenav-header{width:100%;display:flex;flex-direction:row;align-items:center;padding-bottom:10px;justify-content:space-between}ul.ok.playlist-filter.controls h5:nth-child(2){margin-top:0}.sidenav-header .closebtn{margin:0;line-height:1;font-size:46px;position:relative}ul.ok.playlist-filter.controls h5{font-size:18px;margin:20px 0 10px}ul.ok.playlist-filter.controls h5:first-child{margin-top:0}ul.ok.playlist-filter.controls{top:7em;display:flex;transition:.3s;position:fixed;padding:20px 15px;border-radius:15px;flex-direction:column;justify-content:center;background-color:#252830}ul.ok.playlist-filter.controls:after{padding:10px;position:absolute;transform:rotate(-90deg);background-color:#252830;font-family:Gilroy Extrabold}ul.ok.playlist-filter li{margin:0;padding:0;text-transform:capitalize}ul.ok.playlist-filter li:after{left:3px;content:" |";color:#b22222;position:relative}ul.ok.playlist-filter li:last-child:after{content:" "}.li-position{gap:0 10px;display:flex;flex-wrap:wrap;flex-direction:row;border-bottom:1px solid #b22222}.ok.playlist-filter.controls.left,.ok.playlist-filter.controls.right{gap:0;width:13%}.ok.playlist-filter.controls.left{left:-29.4em;align-items:flex-start}.ok.playlist-filter.controls.right{right:-21em}.ok.playlist-filter.controls.right .li-position{display:flex;flex-wrap:wrap;justify-content:flex-end}ul.ok.playlist-filter.controls.right h5{width:100%;text-align:right}#search-menu{left:0;right:0;opacity:0;top:-20em;width:100%;height:18em;z-index:9999;position:fixed;visibility:hidden;white-space:nowrap;transition:.5s;background:linear-gradient(to bottom,rgb(0 0 0/.8)0,rgb(0 0 0/.8) 50%,rgb(0 0 0/.01) 100%)}#search-menu .wrapper{padding:0 1em;position:relative;margin:2em auto 0}#search-menu .wrapper input{width:80%;border:0;display:block;margin:0 auto;font-size:3em;color:#bfbfbf;padding:0 0 .125em;background:0 0;border-bottom:3px solid #b22222}#search-menu .wrapper input,#search-menu .wrapper input::placeholder{text-align:center;font-family:Poppins}#search-menu .wrapper #close{right:0;top:-15px;width:10%;border:0;display:block;font-size:4em;color:#bfbfbf;position:absolute;background:0 0;transition:.5s}#search-icon:hover,#search-menu .wrapper #close:hover{color:#b22222}#search-icon{cursor:pointer;font-size:17px;color:#bfbfbf;text-align:center;padding:0 .5em .25em;transition:.5s cubic-bezier(.79,.37,.25,1)}.grid-container{margin:60px auto}.playlist-area{display:grid;margin:0 auto;max-width:100%;align-items:center;gap:40px 30px;justify-items:center;height:100%!important;grid-template-rows:auto;grid-template-columns:repeat(auto-fill,minmax(min(100%,12vw),1fr))}.mix{width:100%;top:auto!important;left:auto!important;position:relative!important}.playlist-item{transition:.5s;position:relative;text-align:center;padding:20px 15px;transition-timing-function:cubic-bezier(.99,1.62,.08,1.47);border:1px solid #383838;border-radius:10px}.playlist-item:hover{padding:40px 15px;border-radius:15px;transform:scale(.9,.9);background-color:#23282d;transition-timing-function:cubic-bezier(0,0,.08,1.47)}.arrow-container,.color-tags{opacity:1;display:flex;margin-left:0;transition:.4s;position:absolute;flex-direction:column}.playlist-item:hover .arrow-container{opacity:0;transform:translate(-6em,2.3em)}.playlist-item:hover .color-tags{opacity:1;transform:translate(6em,-2.3em)}.color-tags{z-index:-1;opacity:0;margin-left:-126px}.playlist-item img{width:100%;height:200px;object-fit:contain;margin-bottom:10px;z-index:-2;position:relative}.playlist-item h5{font-size:clamp(.8em,1vw,1.25em)}.pagination{position:fixed;bottom:3em;left:0;right:0;display:flex;justify-content:center;align-items:center;border:3px solid #b22222;width:fit-content;margin:5em auto 0;padding:0;border-radius:50px;overflow-x:hidden;box-shadow:2px -3px 10px #b22222;z-index:100;background-color:#b22222;gap:2px}.div-brands{margin:20px 70px 70px;overflow:hidden;height:440px}.brands-info{margin:40px 0;text-align:center}.brands-info h2{font-size:clamp(2.1em,3.7vw,3.8em)}.brands-info p{margin:0}.brands,.brands-slide{margin:0 auto;position:relative}.brands{width:77%;height:150px;align-items:center;display:flex!important;background-image:linear-gradient(to right,#000,#b22222,#000)}.brands a{outline:0}.brands-slide{top:30px;display:table;font-size:30px}i.fas.fa-hand-rock{font-size:40px}.footer-container{z-index:-1}@media (max-width:1920px){.playlist-section{max-width:1600px}ul.ok.playlist-filter.controls{top:9vh!important}.ok.playlist-filter.controls.left,.ok.playlist-filter.controls.right{width:300px!important}ul.ok.playlist-filter.controls h5{font-size:16px;margin:20px 0 5px}.ok.playlist-filter li{font-size:14px;line-height:1.1}.ok.playlist-filter li:last-child{padding:0}.playlist-area{grid-template-columns:repeat(auto-fill,minmax(min(100%,17em),1fr))}.mix{width:98%}}@media (max-width:1680px){main{padding:125px 4em 0}.playlist-area{padding:0 0 0 15em}ul.ok.playlist-filter.controls h5{margin:10px 0 5px}}@media (max-width:1555px){.playlist-area{gap:30px 20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,17vw),1fr))}.playlist-item img{height:170px}}@media (max-width:1440px){.playlist-filter{gap:1.3vw}}@media (max-width:1300px){.feature-presentation{text-align:center;align-items:center;flex-direction:column}.playlist-filter{align-items:center;justify-content:space-around}ul.ok.playlist-filter.controls h5{font-size:14px}.ok.playlist-filter li{font-size:13px}.feature-side:first-child,.feature-side:last-child{width:100%}}@media (max-width:1200px){.feature-presentation{gap:1vw}.playlist-area{padding:0 10px;gap:20px 20px}.div-brands{margin:70px 50px}}@media (max-width:1024px){.playlist-container{padding:0 2em}.mix{width:100%}.playlist-item{padding:15px 5px}.playlist-item:hover{padding:25px 15px;transition-timing-function:cubic-bezier(0,0,.08,1.47)}.color-tags{left:0;display:none;margin-left:auto}.playlist-item:hover .color-tags{display:flex;transform:translate(0,-1.6em)}.playlist-item img{height:140px;padding:0 10px;aspect-ratio:2/1}}@media (max-width:991px){.playlist-filter li{display:block;max-width:100%;white-space:nowrap;padding:10px 3px 16px;text-overflow:ellipsis;overflow:hidden!important}.playlist-filter{padding-left:0;text-align:left}.playlist-area{gap:30px 20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,46%),1fr))}.playlist-section{max-width:100%}}@media (max-width:600px){main{padding:6em 15px 0}.playlist-section{padding:0}.playlist-filter{flex-wrap:wrap;margin:0 auto}.open-side-nav span{font-size:16px;background-color:#b22222}.playlist-container{padding:0}.ok.playlist-filter.controls.left{align-items:flex-start}.ok.playlist-filter.controls.right{align-items:flex-end}.sidenav-header .closebtn{font-size:30px}ul.ok.playlist-filter.controls h5{font-size:13px}.playlist-filter li{padding:0 5px;font-size:12px}.grid-container{margin:40px auto}.playlist-area{padding:0;gap:15px;grid-template-columns:repeat(auto-fill,minmax(min(100%,45%),1fr))}.desk-4d{display:none}.mobile-4d{display:block}.playlist-item img{height:140px;margin-bottom:0;padding:10px 5px}.playlist-item h5{margin:0 auto;max-width:90%;font-size:clamp(.9em,1.3vw,1.25em)}.color-tags{opacity:1;margin-left:4px}.arrow-container{display:none}.playlist-item:hover .color-tags{transform:translate(-1.7em,-2.3em)}.pagination{width:90%;bottom:.6em;margin:0 auto}.div-brands{display:none}}@media (max-width:330px){.playlist-filter li{font-size:11px}}*,::after,::before,ol,ul{box-sizing:border-box}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--header-height:70px;--z-index-1:100;--z-index-2:200;--z-index-3:300;--z-index-4:400;--z-index-hp-action:400;--z-index-5:500;--z-index-6:600;--z-index-modal:600;--z-index-hp-action-modal:700;--z-index-10:1000;--z-index-intercom-1:1100;--z-index-intercom-2:1200;--z-index-intercom-3:1300;--z-index-max:2147483647;--z-index-child-1:10;--z-index-child-2:20;--tooltip-width:250px;--primary-hostinger:#673de6;--primary-light-hostinger:#ebe4ff;--secondary-hostinger:#ff4546;--header-text-hostinger:rgba(#ebe4ff,30%);--primary-hosting24:#2760b8;--primary-light-hosting24:#ebe4ff;--secondary-hosting24:#ff6525;--header-text-hosting24:rgba(#2760b8,30%);--primary-weblink:#4285f4;--primary-light-weblink:#ebe4ff;--secondary-weblink:#ff6525;--header-text-weblink:rgba(#4285f4,30%);--primary-hostmania:#4285f4;--primary-light-hostmania:#ebe4ff;--secondary-hostmania:#ff6525;--header-text-hostmania:rgba(#4285f4,30%);--amazon-button-color:#000;--amazon-button-border:#74612f;--amazon-button-bg-gradient-1:#f2dfa7;--amazon-button-bg-gradient-2:#e9c565}@media only screen and (max-width:768px){:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}@font-face{font-display:swap;font-family:star;src:url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2)format("woff2"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff)format("woff"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:WooCommerce;src:url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2)format("woff2"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff)format("woff"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:"Gilroy ExtraBold";src:url(/wp-content/themes/MxDHardware/assets/fonts/gilroy-extrabold-webfont.woff2)format("woff2"),url(/wp-content/themes/MxDHardware/assets/fonts/gilroy-extrabold-webfont.woff)format("woff");font-style:normal;font-weight:400;font-display:fallback}body,html{overflow-x:hidden!important}html{scroll-behavior:smooth}body{margin:0;padding:0;color:#fff;overflow:hidden;background-color:#000;font-family:Poppins,sans-serif}.goto-top,a{text-decoration:none;color:#fff}a{outline:0}small{color:tomato}.goto-top:after,.goto-top:before{z-index:-1;content:"";position:absolute;border-radius:10px}.goto-top{border-radius:10px;position:fixed;width:50px;height:50px;background:#000;bottom:40px;right:20px;text-align:center;line-height:50px;font-size:22px;z-index:1001}.goto-top:before{background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);top:-2px;left:-2px;background-size:400%;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:20s linear infinite glowing;opacity:0;transition:opacity .3s ease-in-out}.goto-top:active{color:#000}.goto-top:active:after{background:0 0}.goto-top:hover:before{opacity:1}.goto-top:after{width:100%;height:100%;background:#111;left:0;top:0}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #d3d3d3!important;background:linear-gradient(to top,#b22222,#f47721)}.cursor{top:0;left:0;width:32px;height:32px;z-index:9999;position:fixed;border-radius:50%;pointer-events:none;will-change:transform;background-color:#fff;mix-blend-mode:difference}a.link-android:hover,a.link-ios:hover,a.link-linux:hover,a.link-mac:hover,a.text-link:hover{background-position:0 100%;background-size:auto 6px;background-repeat:repeat-x}a.link-android:hover,a.link-ios:hover,a.link-linux:hover,a.link-mac:hover,a.text-link,a.text-link:hover{width:fit-content;text-decoration:none}a.text-link{background:-webkit-gradient(linear,left top,left bottom,from(var(--mainColor)),to(var(--mainColor)));background:linear-gradient(to bottom,var(--mainColor)0,var(--mainColor) 100%);background-position:0 100%;background-repeat:repeat-x;background-size:3px 3px;color:#000}a.text-link:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='firebrick' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E")}a.link-mac:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='royalblue' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E")}a.link-ios:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='indianred' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E")}a.link-android:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='mediumaquamarine' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E")}a.link-linux:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='orange' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E")}@media (max-width:600px){::-webkit-scrollbar{display:none}.cursor{display:none}}