*{margin:0px;padding:0px} .block{display:inline-block;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box} .v-middle .block{vertical-align:middle} .v-top .block{vertical-align:top} .v-bottom .block{vertical-align:top} a{color:#000;text-decoration:none;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} a:hover{color:#00baff;cursor:pointer} .content a{color:#00baff} .content a:hover{color:#0071bb} a *, a:visited *, a:hover *{color:inherit;text-decoration:inherit} a.download{display:inline-block;width:100%;padding:5px} a.link{display:inline-block;white-space:nowrap;padding:.4rem 1.2rem;color:#0071bb;-webkit-clip-path:polygon(0 .8rem,.8rem 0,100% 0,100% 0,100% calc(100% - .8rem),calc(100% - .8rem) 100%,0 100%,0 100%);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} a.link:hover{color:#fff;background:#0071bb} .adaptive{max-width:100%;object-fit:cover;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .centered{text-align:center} .left-aligned{text-align:left} .right-aligned{text-align:right} img.avatar{display:inline-block;width:10rem;height:10rem;border-radius:20rem;-webkit-border-radius:20rem} .back i{padding-left:10px;padding-right:5px;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .back i:hover{padding-left:5px;padding-right:10px} body{min-height:100vh;font-size:15px} @media (min-width:1280px){body{font-size:16px}}@media (max-width:1000px){body{font-size:14px}}.border-box{box-sizing:border-box;-moz-box-sizing:border-box} #breadcrumbs a{padding:5px} input[type="submit"], input[type="button"], button, .button{display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;width:auto;color:#fff;background:#000;padding:10px 15px;border:0px;-webkit-clip-path:polygon(0 1rem,1rem 0,100% 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 100%);text-decoration:none;opacity:.8;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled, .button:disabled{background:rgba(0,0,0,0.5);opacity:.5} input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover, button:disabled:hover, .button:disabled:hover{opacity:.8 !important;cursor:default !important} input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover{cursor:pointer;opacity:1} input[type="submit"] *, input[type="button"] *, button *, .button *{color:inherit} input[type="submit"]:focus, input[type="button"]:focus, button:focus, .button:focus{outline:0} input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled, .button:disabled{opacity:.1} input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover, button:disabled:hover, .button:disabled:hover{opacity:.1;cursor:default} input[type="submit"].float-left, input[type="button"].float-left, button.float-left, .button.float-left{margin:0 5px 5px 0 !important} input[type="submit"].float-right, input[type="button"].float-right, button.float-right, .button.float-right{margin:0 0 5px 5px !important} input[type="submit"].grey, input[type="button"].grey, button.grey, .button.grey{background:#999} input[type="submit"].simple, input[type="button"].simple, button.simple, .button.simple{background:none;color:#000;border:none} input[type="submit"].simple.selected, input[type="button"].simple.selected, button.simple.selected, .button.simple.selected{color:#fff;fill:#fff;background:#000} a.button:visited, a.button:hover{color:#fff !important} .card{background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .card:hover{box-shadow:0 0 10px rgba(0,0,0,0.5)} .cyan{color:#00baff;fill:#00baff} .grey{color:#999;fill:#999} .black{color:#000;fill:#000} .white, .white *{color:#fff;fill:#fff} .comment{opacity:.5;font-size:.8rem} .container{margin:0 auto;max-width:1600px} .container.wide{max-width:1920px} .container.narrow{max-width:1280px} .container.x-narrow{max-width:1024px} .container.x2-narrow{max-width:800px} *{font-family:Onest, sans-serif;color:#000} div{box-sizing:border-box;-moz-box-sizing:border-box} em{font-size:inherit} ul.files{list-style:none;margin:0px !important;padding:10px 0px} ul.files li{padding:5px 0} .flatmenu a{display:block;padding:.2rem 1rem;margin-bottom:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-clip-path:polygon(0 .6rem,.6rem 0,100% 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 100%);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .flatmenu a:hover, .flatmenu a.current{color:#fff;background:#000} .flex-gap{column-gap:1rem;row-gap:1rem} .flex-gap-S{column-gap:.4rem;row-gap:.4rem} .flex-gap-L{column-gap:1.4rem;row-gap:1.4rem} .flex-gap-XL{column-gap:2rem;row-gap:2rem} .flex-gap-X2L{column-gap:3.2rem;row-gap:3.2rem} .flex-gap-X3L{column-gap:4.2rem;row-gap:4.2rem} .flex{display:flex;flex-flow:row wrap} .flex-row{flex-flow:row} .flex-col{flex-flow:column} .flex-wrap{flex-wrap:wrap} .flex-nowrap{flex-wrap:nowrap} .flex-center{justify-content:center} .flex-middle{align-items:center} .flex-top{align-items:flex-start} .flex-bottom{align-items:flex-end} .flex-between{justify-content:space-between} .flex-end{margin-left:auto !important} .float-left, .left-floated{float:left} .float-right, .right-floated{float:right} footer{border-top:1px solid #ddd} footer .flex{justify-content:space-between} fieldset{border:none;border-top:1px solid #eee;padding:.5rem;margin-bottom:.5rem} legend{font-size:.8em;padding:.5rem} label{padding:.5rem;padding-left:0px;font-size:.9em} label:hover{cursor:hand} label span{padding:0 .5rem} .gap-S{gap:.2rem} .gap, .gap-M{gap:.4rem} .gap-L{gap:.8rem} .gap-XL{gap:1.2rem} .gap-X2L{gap:1.6rem} .grid{display:grid} .guttered{padding:0 0.8rem} .guttered >.block{padding:0.8rem} .h-guttered{padding:0 0.8rem} .h-guttered >.block{padding:0 0.8rem;padding-bottom:0.8rem} h1, h2, h3, h4{text-transform:uppercase;font-weight:800;word-break:break-word} h1{font-size:3.6rem;letter-spacing:-0.1rem;padding:1rem 0} h1.L{font-size:4.8rem !important} h2{font-size:2.4rem;letter-spacing:-0.1rem;padding:1rem 0} h2.L{font-size:4.0rem !important} h3{font-size:1.6rem;letter-spacing:-0.05rem} h4{font-size:1.2rem;padding:.5rem 0} h5, h6{color:#999} h5{font-size:1.1rem} h6{font-size:1.1rem} @media (max-width:1000px){h1{font-size:3rem;line-height:3rem}}@media (max-width:480px){h1{font-size:2.4rem;line-height:1} h2{font-size:2.0rem;line-height:1} h3{font-size:1.8rem;line-height:1} h4{font-size:1.4rem;line-height:1} h5{font-size:1.2rem;line-height:1}}.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:5px 10px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity, filter;text-transform:none;color:inherit;border:0;background-color:transparent} .hamburger:hover{opacity:.7} .hamburger-box{position:relative;display:inline-block;width:1.6rem;height:1.4rem} .hamburger-inner{top:50%;display:block;margin-top:-0.075rem} .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{position:absolute;width:1.6rem;height:.15rem;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;background-color:#000} .hamburger-inner:after, .hamburger-inner:before{display:block;content:''} .hamburger-inner:before{top:-0.5rem} .hamburger-inner:after{bottom:-0.5rem} .hamburger-3dx .hamburger-box{perspective:80px} .hamburger-3dx .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1), background-color 0s cubic-bezier(.645,.045,.355,1) .1s} .hamburger-3dx .hamburger-inner:after, .hamburger-3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s} .hamburger-3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent} .hamburger-3dx.is-active .hamburger-inner:before{transform:translate3d(0,.5rem,0) rotate(45deg)} .hamburger-3dx.is-active .hamburger-inner:after{transform:translate3d(0,-0.5rem,0) rotate(-45deg)} .hamburger-3dx-r .hamburger-box{perspective:80px} .hamburger-3dx-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1), background-color 0s cubic-bezier(.645,.045,.355,1) .1s} .hamburger-3dx-r .hamburger-inner:after, .hamburger-3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s} .hamburger-3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent} .hamburger-3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,.5rem,0) rotate(45deg)} .hamburger-3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-0.5rem,0) rotate(-45deg)} .hamburger-label{font-weight:600;display:inline-block;margin-left:5px;vertical-align:middle;text-transform:uppercase} .hamburger-label-hidden{display:none} header{z-index:1000;transition:all .7s ease-out;-webkit-transition:all .7s ease-out} header>.flex{padding:1rem 1.6rem} header #logo{opacity:.8;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} header #logo:hover{opacity:1} header #logo img{height:3.2rem} @media (max-width:640px){#logo{width:3rem;overflow:hidden}}.h100{height:100%} .hover-opacity{opacity:.5;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .hover-opacity:hover{opacity:1} hr{width:100%;border:0px;border-bottom:1px solid #ddd} select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:2rem;background:url(/site/assets/svg/arrow.svg) #fff !important;background-position:calc(100% - .5rem), calc(1rem + 2px) !important;background-size:1rem !important;background-repeat:no-repeat !important} select :-moz-focusring{color:transparent;text-shadow:0 0 0 #000} input, textarea, select, input[type="select"]{font:1rem 'Open Sans', sans-serif;margin:.2rem 0;padding:.5rem;width:100%;color:#000;border:2px solid #999;outline:0;box-sizing:border-box;-moz-box-sizing:border-box} input.invalid, textarea.invalid, select.invalid, input[type="select"].invalid{border:2px solid #c90030} input.valid, textarea.valid, select.valid, input[type="select"].valid{border:2px solid #129800} input.special, textarea.special, select.special, input[type="select"].special{display:none} input:disabled, textarea:disabled, select:disabled, input[type="select"]:disabled{color:#ccc} input.quantity, textarea.quantity, select.quantity, input[type="select"].quantity{width:4rem;text-align:center;margin:0 1.6rem} select option:disabled, input[type="select"] option:disabled{color:#999} ::placeholder{opacity:.3} .ladder *{color:#fff} .ladder .steps{position:relative} .ladder .step{position:absolute;-webkit-clip-path:polygon(0 1.2rem,1.2rem 0,100% 0,100% 0,100% calc(100% - 1.2rem),calc(100% - 1.2rem) 100%,0 100%,0 100%);max-height:2rem;margin:0;padding:.5rem 1.5rem;font-family:'Nulshock Rg';font-size:1.6rem;text-transform:uppercase;font-weight:800;transition:all .7s ease-out;-webkit-transition:all .7s ease-out;opacity:.8} .ladder .step:hover{z-index:100;opacity:1;max-height:20rem} .ladder .step .positioning{font-size:1rem;font-weight:600;text-transform:none;opacity:.8;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .ladder .step .summary{font-size:1rem;font-weight:300;text-transform:none} .ladder .step:hover{color:#fff} body.transition .ladder .step{opacity:0 !important;transform:translateX(-150%) !important} @media (max-width:1600px){.ladder .positioning{display:none}}@media (max-width:1000px){.ladder .step{position:unset;margin:auto;display:block;width:calc(100% - 2.8rem) !important} .ladder .positioning{display:block} .ladder .legend{display:none}}@media (max-width:600px){.ladder .step{font-size:1.4rem} .ladder .step .positioning{font-size:.8rem} .ladder .step .positioning{font-size:.8rem}}#langs a{display:inline-block;padding:.6rem .8rem;margin:.4rem;-webkit-clip-path:polygon(0 .6rem,.6rem 0,100% 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 100%);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} #langs a.current, #langs a:hover{background:#000;color:#fff} #langs a:hover{opacity:1 !important} #langsDropdown{z-index:1000;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1)} #menu-toggle{display:none} @media (max-width:1000px){#langs{margin-right:1.6rem} #menu-toggle{display:block;position:absolute;z-index:1000;right:0rem;top:.8rem} #menu{position:absolute;z-index:-1;left:0px;top:-10rem;opacity:0;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} #menu.visible{display:flex;position:absolute;z-index:500;top:0px;width:100%;padding:1.8rem 0;opacity:1;box-shadow:0 0 1rem rgba(0,0,0,0.5)}}.legend{position:relative;min-height:3.4rem} .legend .item{bottom:1rem;font-size:.9rem;font-weight:600;color:#000;text-transform:lowercase} #loader, #loader:after{border-radius:50%;width:10em;height:10em} #loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:.2em solid rgba(0,0,0,0.2);border-right:.2em solid rgba(0,0,0,0.2);border-bottom:.2em solid rgba(0,0,0,0.2);border-left:.2em solid #ffffff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear} @-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading{animation-name:loading;animation-duration:1s;animation-iteration-count:infinite} @keyframes loading{from{opacity:100%} 50%{opacity:10%} from{opacity:100%}}main{flex:1 0 auto;margin-bottom:2rem} #menu-toggle{box-sizing:border-box;-moz-box-sizing:border-box;line-height:0px;padding:.8rem} #menu{flex:1} .menu{width:100%;background:#fff} .menu[data-level="2"]{top:5.2rem;left:0;z-index:100;width:100%;background:#fff;box-shadow:0 0 2rem rgba(0,0,0,0.1)} .menu[data-level="3"]{box-shadow:0 0 2rem rgba(0,0,0,0.1)} .menu a{text-transform:uppercase;font-weight:600;padding:.4rem 1rem;margin:0 .4rem;-webkit-clip-path:polygon(0 .6rem,.6rem 0,100% 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 100%)} .menu a:hover, .menu a.active, .menu a.current{background:#000;color:#fff} .menu a[data-menu-close]{padding:.4rem;margin:0;line-height:1.2rem} .menu a[data-menu-close]:hover{color:#000;background:none} #menuProducts{justify-content:space-between} @media (max-width:800px){#menuProducts{justify-content:center}}.minw100px{min-width:100px !important} .minw120px{min-width:120px !important} .minw160px{min-width:160px !important} .minw200px{min-width:200px !important} .minw240px{min-width:240px !important} .minw280px{min-width:280px !important} .minw300px{min-width:300px !important} .minw320px{min-width:320px !important} .minw400px{min-width:400px !important} .minw480px{min-width:400px !important} .minw600px{min-width:600px !important} .maxw100px{max-width:100px !important} .maxw120px{max-width:120px !important} .maxw160px{max-width:160px !important} .maxw200px{max-width:200px !important} .maxw240px{max-width:240px !important} .maxw300px{max-width:300px !important} .maxw320px{max-width:320px !important} .maxw400px{max-width:400px !important} .maxw420px{max-width:420px !important} .maxw480px{max-width:480px !important} .maxw500px{max-width:500px !important} .maxw600px{max-width:600px !important} .maxw640px{max-width:640px !important} .maxw800px{max-width:800px !important} .maxw1000px{max-width:1000px !important} .minh200px{min-height:200px} .minh240px{min-height:240px} .minh300px{min-height:300px} .minh320px{min-height:320px} .minh400px{min-height:400px} .minh480px{min-height:480px} .modal{top:0%;left:0%;z-index:1000000;width:100%;padding:20px;padding-top:30px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.9);transition:all .5s ease-out;-webkit-transition:all .5s ease-out} .modal:hover{box-shadow:0 0 20px rgba(0,0,0,0.9)} .modal input{color:#000} .modal .close{display:inline-block;position:absolute;right:20px;top:10px;font-size:24px;color:#0071bb;opacity:.5;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .modal .close:hover{cursor:pointer;opacity:1} .modal input, .modal textarea{color:#000} .modal .button, .modal button, .modal input[type=button]{color:#fff;margin-right:0px} .modal.hidden, .hidden.modal{top:-20%;left:50%;width:0px;height:0px;overflow:hidden;opacity:0} .positive.modal{color:#fff;background:#129800} .positive.modal *{color:inherit} .negative.modal{color:#fff;background:#c90030} .negative.modal *{color:inherit} .overlay{position:fixed;left:0px;top:0px;width:100%;height:100vh;background:rgba(255,255,255,0.95)} .overlay.hidden{top:-100%;z-index:-1} .overlay .visible{z-index:900000} p{hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;padding-bottom:1.6rem;line-height:1.4} .half-padded{padding:0.8rem} .padded{padding:1.6rem} .double-padded{padding:3.2rem} .v-padded{padding:1.6rem 0} .h-padded{padding:0 1.6rem} .half-v-padded{padding:0.8rem 0} .half-h-padded{padding:0 0.8rem} #pagetitle a, #pagetitle i{font-size:inherit} .phone{font-size:2.0em;letter-spacing:-2px} .phone .code{color:inherit;font-size:.8em} .relative{position:relative} .absolute{position:absolute} .fixed{position:fixed} .sticky{position:sticky} .align_left{float:left;margin:0 20px 20px 0} .align_right{float:right;margin:0 0 20px 20px} .product{max-width:21rem} .product:hover{color:#00baff !important;background:none !important} .product:hover .productImage{transform:scale(105%)} .product h3{font-family:'Nulshock Rg'} .product p{text-transform:none;font-weight:100} .productImage{height:16rem;max-width:100%;object-fit:contain;margin-bottom:.5rem;-webkit-clip-path:polygon(0 2rem,2rem 0,100% 0,100% 0,100% calc(100% - 2rem),calc(100% - 2rem) 100%,0 100%,0 100%);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .products-compact .product{max-width:20rem} .products-compact .productImage{height:12rem} blockquote, .quotation{font-style:italic} .rounded{border-radius:1rem;-webkit-border-radius:1rem} html{scroll-behavior:smooth} .selector{box-sizing:border-box;-moz-box-sizing:border-box;display:table-cell;text-align:center;vertical-align:middle;border:1px solid rgba(0,0,0,0.1)} .selector.selected{font-weight:800;border:4px solid rgba(0,0,0,0.5)} .XS, .XS *{font-size:.8rem !important;line-height:1} .S, .S *{font-size:.9rem !important;line-height:1} .L, .L *{font-size:1.2rem !important;line-height:1} .XL, .XL *{font-size:1.8rem !important;line-height:1} .X2L, .X2L *{font-size:2.4rem !important;font-weight:100 !important;line-height:1} .spaced{margin:0.8rem} .half-spaced{margin:0.4rem} .double-spaced{margin:1.6rem} sup, sub, sup *, sub *{white-space:nowrap;font-size:.8em} svg>use{width:1.2rem;height:1.2rem;stroke-width:0} .XS.icon{width:.7rem;height:.7rem} .S.icon{width:1rem;height:1rem} .L.icon{width:1.4rem;height:1.4rem} .XL.icon{width:2rem;height:2rem} .X2L.icon{width:2.4rem;height:2.4rem} .X3L.icon{width:3.2rem;height:3.2rem} .X4L.icon{width:4rem;height:4rem} table{width:100%;border:0px;border-collapse:collapse} table *{text-align:left} table thead{position:sticky;top:0;background:rgba(255,255,255,0.95)} table tr{transition:all .25s ease-out;-webkit-transition:all .25s ease-out} table tr:hover{background:#f0f0f0} table td, table th{padding:.6rem;border-bottom:1px solid #eee;vertical-align:top;word-break:break-word} table th{color:#999;font-weight:300} table.headed tr:first-child{font-weight:800} #tabmenu a{text-transform:uppercase;padding:.4rem 1rem;margin:.4rem;-webkit-clip-path:polygon(0 .8rem,.8rem 0,100% 0,100% 0,100% calc(100% - .8rem),calc(100% - .8rem) 100%,0 100%,0 100%);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} #tabmenu a:hover, #tabmenu a.current{background:var(--pageColor);color:#fff} #tabmenu a.current:hover{cursor:default} .tab{transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .tab.tab-hidden{display:none;opacity:0} .tab.tab-visible{display:block;opacity:1} @media (max-width:480px){#tabmenu{justify-content:center}}.tag{background:#000;padding:.2rem .8rem;margin:.2rem;-webkit-clip-path:polygon(0 .5rem,.5rem 0,100% 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 100%)} .tag, .tag *{font-size:.8rem !important;text-transform:lowercase !important;letter-spacing:0 !important;color:#fff !important} .thumbs a{line-height:0;opacity:.9;transition:all .25s ease-out;-webkit-transition:all .25s ease-out;box-shadow:0 0 1rem rgba(0,0,0,0.05)} .thumbs a:hover{opacity:1;box-shadow:0 0 1rem rgba(0,0,0,0.1)} .thumbs a img{height:12rem} .thumbsXL a img{height:20rem} @media (max-width:800px){.thumbsXL a img{max-width:20rem;height:unset}}ul, ol{padding:1rem} li{font-size:1rem;margin:.5rem 0} .videos a{width:32rem;height:24rem;background-size:contain !important;background-repeat:no-repeat;color:#fff} .videos a .play{transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .videos a:hover .play{opacity:1;transform:scale(1.4)} @media (max-width:800px){.videos a{width:24rem;height:13.5rem}}.hidden{display:none !important} .visible{display:initial !important} .wa-mediabox-overlay{margin:0;padding:0;position:fixed;left:0;top:0;width:100%;height:100%;background:#333333;background:rgba(20,20,20,0.95);z-index:1000;opacity:0.0;transition:opacity 0.4s;-webkit-transition:opacity 0.4s} .wa-mediabox-overlay.opened{opacity:1.0} .wa-mediabox-frame{position:absolute;left:50%;top:50%;width:0;height:0;margin-left:0;margin-top:0;background:#ffffff;box-shadow:0px 3px 14px rgba(0,0,0,0.5);transition:width 0.5s, height 0.5s, margin 0.5s;-webkit-transition:width 0.5s, height 0.5s, margin 0.5s} .wa-mediabox-container{position:relative;width:100%;height:100%;opacity:0.0;z-index:0;cursor:pointer;overflow:hidden;transition:opacity 0.3s;-webkit-transition:opacity 0.3s} .wa-mediabox-frame.loaded .wa-mediabox-container{opacity:1.0} .wa-mediabox-container img{max-width:100%;cursor:pointer} .wa-mediabox-frame .wa-mediabox-close{position:absolute;right:-1rem;top:-1rem;width:2.4rem;height:2rem;padding:.2rem;background:#444444;border:0px none;cursor:pointer;-webkit-clip-path:polygon(0 .5rem,.5rem 0,100% 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 100%);transition:all .25s ease-out;-webkit-transition:all .25s ease-out;opacity:1 !important} .wa-mediabox-frame .wa-mediabox-close:focus{outline:0} .wa-mediabox-frame .wa-mediabox-close:hover{background:#D32F2F;box-shadow:0px 4px 12px rgba(0,0,0,0.4)} .wa-mediabox-frame .wa-mediabox-close svg{width:24px;height:24px;fill:#aaaaaa;transition:fill 0.2s;-webkit-transition:fill 0.2s} .wa-mediabox-frame .wa-mediabox-close:hover svg{fill:#ffffff} .wa-mediabox-title{position:absolute;left:0px;right:0px;bottom:0px;padding:0px 52px 0px 14px;line-height:24px;font-size:13px;font-weight:300;background:#333333;background:rgba(0,0,0,0.8);color:#ffffff;opacity:0.0;transition:opacity 0.3s, padding 0.3s;-webkit-transition:opacity 0.3s, padding 0.3s} .wa-mediabox-frame.loaded.has-title .wa-mediabox-title{padding:14px 52px 14px 14px;opacity:1.0} .wa-mediabox-frame .wa-mediabox-open{position:absolute;right:1rem;bottom:1rem;padding:1rem;display:none;opacity:0.0;z-index:20;cursor:pointer;background:#ffffff;border:0px none;transition:opacity 0.3s;-webkit-transition:opacity 0.3s} .wa-mediabox-frame .wa-mediabox-open svg{width:24px;height:24px;fill:#333333} .wa-mediabox-frame.can-open-in-new .wa-mediabox-open{display:block} .wa-mediabox-frame.can-open-in-new:hover .wa-mediabox-open{opacity:0.4} .wa-mediabox-frame.can-open-in-new:hover .wa-mediabox-open:hover{opacity:1.0} .wa-mediabox-prev, .wa-mediabox-next{position:absolute;top:50%;width:74px;height:74px;padding:5px;margin-top:-32px;border:0px none;background:transparent;cursor:pointer;opacity:0.0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s} .wa-mediabox-prev{left:-80px} .wa-mediabox-next{right:-80px} .wa-mediabox-frame.has-prev .wa-mediabox-prev{opacity:1.0} .wa-mediabox-frame.has-next .wa-mediabox-next{opacity:1.0} .wa-mediabox-prev:focus, .wa-mediabox-next:focus{outline:0} .wa-mediabox-prev svg, .wa-mediabox-next svg{width:64px;height:64px;fill:#999999;transition:fill 0.2s;-webkit-transition:fill 0.2s} .wa-mediabox-prev:hover svg, .wa-mediabox-next:hover svg{fill:#ffffff} @media all and (max-width:479px){.wa-mediabox-prev{left:-40px} .wa-mediabox-next{right:-40px} .wa-mediabox-prev, .wa-mediabox-next{width:42px;height:42px;margin-top:-21px} .wa-mediabox-prev svg, .wa-mediabox-next svg{width:32px;height:32px}}.wa-mediabox-preloader{position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;opacity:1.0;transition:opacity 0.5s;-webkit-transition:opacity 0.5s} .wa-mediabox-preloader.hidden{opacity:0.0} .wa-mediabox-preloader .wa-mediabox-preloader-wrap{box-sizing:border-box;position:relative;display:inline-block;width:64px;height:64px;-webkit-animation:wa-mediabox-preloader-container-rotate 1568ms linear infinite;animation:wa-mediabox-preloader-container-rotate 1568ms linear infinite} .wa-mediabox-preloader .wa-mediabox-preloader-spinner{position:absolute;width:100%;height:100%;opacity:1;border-color:#2196F3;-webkit-animation:wa-mediabox-preloader-fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;animation:wa-mediabox-preloader-fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;box-sizing:inherit} .wa-mediabox-preloader .wa-mediabox-preloader-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit;box-sizing:inherit} .wa-mediabox-preloader .wa-mediabox-preloader-clipper.left{float:left} .wa-mediabox-preloader .wa-mediabox-preloader-clipper.right{float:right} .wa-mediabox-preloader .wa-mediabox-preloader-clipper .wa-mediabox-preloader-circle{width:200%;height:100%;border-width:5px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;position:absolute;top:0;right:0;bottom:0;box-sizing:inherit} .wa-mediabox-preloader .wa-mediabox-preloader-clipper.left .wa-mediabox-preloader-circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg);-webkit-animation:wa-mediabox-preloader-left-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;animation:wa-mediabox-preloader-left-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both} .wa-mediabox-preloader .wa-mediabox-preloader-clipper.right .wa-mediabox-preloader-circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg);-webkit-animation:wa-mediabox-preloader-right-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;animation:wa-mediabox-preloader-right-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both} .wa-mediabox-preloader .wa-mediabox-preloader-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit} .wa-mediabox-preloader .wa-mediabox-preloader-patch .wa-mediabox-preloader-circle{width:1000%;left:-450%} @-webkit-keyframes wa-mediabox-preloader-container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes wa-mediabox-preloader-container-rotate{to{transform:rotate(360deg)}}@-webkit-keyframes wa-mediabox-preloader-fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)} 25%{-webkit-transform:rotate(270deg)} 37.5%{-webkit-transform:rotate(405deg)} 50%{-webkit-transform:rotate(540deg)} 62.5%{-webkit-transform:rotate(675deg)} 75%{-webkit-transform:rotate(810deg)} 87.5%{-webkit-transform:rotate(945deg)} to{-webkit-transform:rotate(1080deg)}}@keyframes wa-mediabox-preloader-fill-unfill-rotate{12.5%{transform:rotate(135deg)} 25%{transform:rotate(270deg)} 37.5%{transform:rotate(405deg)} 50%{transform:rotate(540deg)} 62.5%{transform:rotate(675deg)} 75%{transform:rotate(810deg)} 87.5%{transform:rotate(945deg)} to{transform:rotate(1080deg)}}@-webkit-keyframes wa-mediabox-preloader-blue-fade-in-out{from{opacity:1} 25%{opacity:1} 26%{opacity:0} 89%{opacity:0} 90%{opacity:1} 100%{opacity:1}}@keyframes wa-mediabox-preloader-blue-fade-in-out{from{opacity:1} 25%{opacity:1} 26%{opacity:0} 89%{opacity:0} 90%{opacity:1} 100%{opacity:1}}@-webkit-keyframes wa-mediabox-preloader-left-spin{from{-webkit-transform:rotate(130deg)} 50%{-webkit-transform:rotate(-5deg)} to{-webkit-transform:rotate(130deg)}}@keyframes wa-mediabox-preloader-left-spin{from{transform:rotate(130deg)} 50%{transform:rotate(-5deg)} to{transform:rotate(130deg)}}@-webkit-keyframes wa-mediabox-preloader-right-spin{from{-webkit-transform:rotate(-130deg)} 50%{-webkit-transform:rotate(5deg)} to{-webkit-transform:rotate(-130deg)}}@keyframes wa-mediabox-preloader-right-spin{from{transform:rotate(-130deg)} 50%{transform:rotate(5deg)} to{transform:rotate(-130deg)}}.nowrap{white-space:nowrap} .w10{width:10%} .w15{width:15%} .w20{width:20%} .w25{width:25%} .w33{width:33.3%} .w40{width:40%} .w50{width:50%} .w65{width:65%} .w66{width:66.66666%} .w70{width:70%} .w75{width:75%} .w80{width:80%} .w90{width:90%} .w100{width:100%} @font-face{font-family:'Nulshock Rg';src:url('/site/assets/fonts/NulshockRg/NulshockRg-Bold.woff2') format('woff2'), url('/site/assets/fonts/NulshockRg/NulshockRg-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Onest';src:url('/site/assets/fonts/Onest/Onest-Regular.woff2') format('woff2'), url('/site/assets/fonts/Onest/Onest-Regular.woff') format('woff');font-weight:200;font-weight:normal;font-style:normal;font-display:swap}  @font-face{font-family:'Onest';src:url('/site/assets/fonts/Onest/Onest-SemiBold.woff2') format('woff2'), url('/site/assets/fonts/Onest/Onest-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap} @font-face{font-family:'Onest';src:url('/site/assets/fonts/Onest/Onest-ExtraBold.woff2') format('woff2'), url('/site/assets/fonts/Onest/Onest-ExtraBold.woff') format('woff');font-weight:900;font-style:normal;font-display:swap} @keyframes flickerAnimation{0%{opacity:.8} 50%{opacity:0} 100%{opacity:.8}}@-o-keyframes flickerAnimation{ 0%{opacity:.8} 50%{opacity:0} 100%{opacity:.8}}@-moz-keyframes flickerAnimation{ 0%{opacity:.8} 50%{opacity:0} 100%{opacity:.8}}@-webkit-keyframes flickerAnimation{ 0%{opacity:.8} 50%{opacity:0} 100%{opacity:.8}}.animate-flicker{-webkit-animation:flickerAnimation 2s infinite;-moz-animation:flickerAnimation 2s infinite;-o-animation:flickerAnimation 2s infinite;animation:flickerAnimation 2s infinite}