section.systems{padding-bottom:30px}.system-tiles{text-align:center;margin-bottom:30px}.system-tiles-row{overflow-x:hidden;background-color:#fff}.system-tiles-row:not(:first-child){margin-top:-1px}.system-tile-container{box-sizing:border-box;display:inline-block;vertical-align:top;width:33.3%;margin:0;padding:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.system-tile-container:first-child{border-left:1px solid #ddd}.system-tile{display:inline-block;vertical-align:top;width:100%;margin:135px 0 3px 0;padding:0;font-weight:normal;line-height:20px;background-clip:padding-box;color:#444}.system-tile .rating{height:20px;padding-bottom:6px}.system-tile a.system-name{color:inherit}.system-tile,.system-tile:visited{color:#444}.system-tile:hover{text-decoration:none;color:#444}.system-tile .system-image{margin-top:-135px;padding-bottom:2px;height:110px;line-height:110px;text-align:center}.system-image img{vertical-align:bottom}.system-tile .cpu-mfr-logo{display:inline-block;box-sizing:border-box;width:100%;height:40px;line-height:40px}.system-tile .cpu-mfr-logo svg{max-width:90px;max-height:40px;vertical-align:middle}.system-tile .system-details{display:inline-block;vertical-align:top;line-height:150%;width:92%}.system-tile .system-details ul{list-style:disc;margin:4px 0 4px 16px;padding:4px 0 2px 0}.system-tile .system-details li{margin:0;padding:2px 0;text-align:left;color:#444}.system-tile .system-details li span{color:#777}.product-stockstatus{color:#888;padding:8px 10px;min-height:40px}.system-badges{text-align:center;padding:20px 0 10px 0}.system-badges svg.badge{width:70px;border-radius:15px;background-color:#fc0;box-shadow:0 0 10px rgba(0,0,0,.1)}.system-badges svg.badge .graphic{fill:#000}.system-badges .system-badge-container{display:inline-block;text-align:center;vertical-align:top;width:130px;padding:0 0 20px 0}.system-badges .system-badge-container span.comments{display:block;margin-top:5px;color:#222}@media screen and (max-width:500px){.wrap-width.systems{padding-left:0;padding-right:0}.wrap-width.systems .system-category>h2,.wrap-width.systems .system-category>p{padding-left:15px;padding-right:15px}.system-tile-container{display:block;width:100%;border-right:0;border-top:0;border-bottom:1px solid #ddd}.system-tile-container:first-child{border-left:0}.system-tiles-row:first-child .system-tile-container:first-child{border-top:1px solid #ddd}.system-tiles-row:nth-child(odd) .system-tile-container:nth-child(odd){background-color:#f2f2f2}.system-tiles-row:nth-child(even) .system-tile-container:nth-child(even){background-color:#f2f2f2}}.system-videos{text-align:center;margin:0;background-image:linear-gradient(180deg,#f2f2f2,rgba(255,255,255,0));padding:20px 0}.system-videos h2{padding-bottom:15px;font-size:24px}.system-videos h2,.system-videos p.intro{text-align:center}.system-videos .video-thumbnail{display:inline-block;vertical-align:top;width:120px;margin:0 8px;margin-bottom:20px}.system-videos .video-thumbnail .thumbnail-container{width:120px;height:66px;overflow:hidden}.system-videos .video-thumbnail .thumbnail-container img{margin-top:-12px;width:120px}.system-videos .video-thumbnail .title{display:block;margin-top:10px;color:#222}.system-videos .video-thumbnail:hover{cursor:pointer}.system-videos .video-thumbnail:hover .title{text-decoration:underline}@media screen and (max-width:500px){.system-videos{margin:0}}.lightbox .box.video{width:800px}.lightbox .box.video .close{float:right;margin:-22px -36px 0 0;cursor:pointer}.lightbox .box.video iframe.player{margin:12px 0}.lightbox .box.video .links{margin:0 0 12px 0}.lightbox .box.video .links .separator{color:rgba(0,0,0,0)}.lightbox .box.video .video-link:hover{cursor:pointer;text-decoration:underline}.lightbox .box.video .video-link.next{float:right}.page-systems .systems-introduction{background-image:linear-gradient(5deg,rgba(200,100,240,.1),rgba(200,100,240,.7)),linear-gradient(100deg,rgba(240,220,20,.5),rgba(220,240,20,.2)),linear-gradient(160deg,rgba(0,20,220,0),rgba(0,20,250,.5))}.page-systems .systems-introduction .breadcrumbs-container{margin-bottom:-12px}.page-systems .category-or-filter>div{display:inline-block;vertical-align:middle;text-align:center}.page-systems .category-or-filter{padding:20px 0;font-size:1.2rem;color:#222}.page-systems .category-or-filter .choose-container,.page-systems .category-or-filter .filter-container{box-sizing:border-box;width:calc(50% - 60px)}.page-systems .category-or-filter .or{font-size:1.8rem;width:120px}.page-systems .category-or-filter .choose,.page-systems .category-or-filter .filter{display:block;padding:20px;background-color:rgba(255,255,255,.65);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.15);color:inherit}.page-systems .category-or-filter .choose:hover,.page-systems .category-or-filter .filter:hover{text-decoration:none;background-color:rgba(255,255,255,.75);box-shadow:0 0 20px rgba(0,0,0,.25)}.page-systems .category-or-filter .scroll-down-container{height:20px;margin:15px 0 0 0}.page-systems .category-or-filter svg.scroll-down,.page-systems svg.filter-arrow{width:40px;padding:0 0 8px 0;stroke:#000;stroke-width:1.5px}.page-systems .category-or-filter svg.scroll-down{width:40px;animation:arrow-bounce-v 4s infinite}.page-systems .category-or-filter svg.filter-arrow{height:40px;animation:arrow-bounce-h 4s infinite}.page-systems .category-or-filter .filter>span{display:inline-block;width:calc(100% - 50px);vertical-align:middle}.page-systems .category-or-filter .filter-arrow-container{display:inline-block;width:40px;height:40px;vertical-align:middle}@keyframes arrow-bounce-v{0%{padding-top:0}20%{padding-top:0}30%{padding-top:10px}65%{padding-top:0}100%{padding-top:0}}@keyframes arrow-bounce-h{0%{padding-left:0}50%{padding-left:0}60%{padding-left:10px}95%{padding-left:0}100%{padding-left:0}}