.x-pd{color:#fff;background-color:#000}.x-pd .systems{width:100%;margin-top:30px;margin-bottom:50px;position:relative}.x-pd .systems .x-slider{width:100%}.x-pd .systems .x-slider .x-slider-container{margin-left:calc(50% - 550px)}.x-pd .systems .x-slider .x-slider-container .x-c-slide{flex:0 0 550px}.x-pd .systems.f-2{margin-bottom:50px}.x-pd .systems.f-2 .x-slider{width:100%}.x-pd .systems.f-2 .x-slider .x-slider-container .x-c-slide{flex:0 0 430px}.x-pd .systems.f-2 .sys p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;opacity:.7;max-width:320px}.x-pd .systems .sys{width:100%}.x-pd .systems .sys div{filter:grayscale();opacity:.7;background-repeat:no-repeat;background-size:contain;border:1px solid gray;width:250px;max-width:96vw;height:150px;margin-bottom:30px;transition:all .3s;-webkit-mask-image:radial-gradient(circle at 0 0,#000 50%,#0000 100%);mask-image:radial-gradient(circle at 0 0,#000 50%,#0000 100%)}.x-pd .systems .sys:hover div{opacity:1;filter:grayscale(0);-webkit-mask-image:unset;mask-image:unset;border:1px solid #0000}.x-pd .systems .sys:hover p{opacity:1}.x-pd .systems .sys p{opacity:.4;max-width:450px;transition:all .4s}.x-pd .systems .sys h4{margin:2px 0 30px;padding:8px 15px;font-size:28px;font-weight:500;display:inline-block}.x-pd .systems .sys ul{opacity:.5}.x-pd .systems .sys ul li{margin-bottom:7px;font-family:Ox,Roboto Mono,Lucida Sans,Lucida Sans Regular,Courier New,Courier,monospace;font-size:12px}