SpaceCo SpaceArm Single Standard Arm with Laptop Platform

* { position: relative; } .overlayBody { position: relative; } .overlayBody:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); z-index: 2; } @media only screen and (max-width: 1024px) { .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { padding-left: 30px !important; padding-right: 30px !important; } } @media only screen and (max-width: 992px) { .textWhite.mobileBlack .titleSection, .textWhite.mobileBlack .titleComp, .textWhite.mobileBlack .paragraph, .textWhite.mobileBlack strong { color: #222; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .containerFullWidth { padding-left: 0; padding-right: 0; } .containerFullWidth .textBlock { padding: 15px !important; } .twoColumn .container { padding-left: 15px!important; padding-right: 15px!important; } .titleSection { font-size: 32px; line-height: 44px; font-weight: 500; } .titleComp { font-size: 20px; line-height: 32px; margin: 0px; } .subTitle { margin: 0 0 8px; font-size: 12px; } .bannerTextPosition.resetSpacing { margin-bottom: 50px!important; } .paragraph { font-size: 14px; } } .ZendSpecs .ZEN_video { margin-left: -28px; margin-right: -29px; } .ZendSpecs .ZEN_video .ZEN_video_title{ font-size:48px; font-weight: 500; color: #000; text-align: center; padding: 50px 0px; background: #fff; } .ZendSpecs .ZEN_video .ZEN_video_source { padding: 20px 0px; background: #f5f4f5; } @media only screen and (max-width: 767px) { .ZendSpecs .ZEN_video .ZEN_video_title{ font-size:32px; padding: 30px 0px; } } .ZEN_Table { color: #222; padding: 0px 60px} .ZEN_Table .ZEN_Table_row{display: flex;} .ZEN_Table .ZEN_Table_title{ font-weight: 500; font-size: 32px; padding: 50px 0px; } .ZEN_Table .ZEN_Table_text{ flex: 1; margin-left: 40px; } .ZEN_Table .ZEN_Table_content table{ text-align: center; font-size: 16px; color: #222222; border: 1px solid #DDDDDD; vertical-align: middle; padding: 10px; } .ZEN_Table .table th, .ZEN_Table .table td{ padding: 15px; vertical-align: middle; } .ZEN_Table .ZEN_Table_content table tr:nth-child(even) {background-color: #F8F8F8;} .ZEN_Table .ZEN_Table_content table thead{ background: #101010; color: #fff; font-weight: 500; } .ZEN_Table .ZEN_Table_content table .item{ text-align: left; } .ZEN_Table .ZEN_Table_content table a{ font-size: 14px; line-height: 22px; color: #1174DC; } .ZEN_Table .ZEN_Table_content table .name{ font-weight: 500; font-size: 18px; line-height: 28px; } .ZEN_Table .ZEN_Table_text .ZEN_Table_strong{ font-weight: 500; font-size: 18px; line-height: 28px; color: #222; } .ZEN_Table .ZEN_Table_text p { font-size: 16px; line-height: 26px; color: #555; } @media only screen and (max-width: 768px) { .ZEN_Table { padding: 0px} .ZEN_Table .ZEN_Table_row{display: initial;} .ZEN_Table .ZEN_Table_text{margin-top:30px} .ZEN_Table .ZEN_Table_text{ margin-left: 0px; } } .ZEN_shipping{ margin: 30px auto; display: flex; } .ZEN_shipping_col{ position: relative; padding: 10px 10px; text-align: center; color: #222; width: 100%; } .ZEN_shipping_col img{ width: 85px; } .ZEN_shipping_col h4{ font-weight: 500; font-size: 18px; line-height: 26px; } .ZEN_shipping_col p{ margin-top: 10px; font-size: 14px; line-height: 24px; } .ZEN_shipping_col:nth-child(2)::after { position: absolute; width: 1px; height: 40%; content: ""; left: 0px; top: 30%; background-color: #DDDDDD; } .ZEN_shipping_col:nth-child(2)::before { position: absolute; width: 1px; height: 40%; content: ""; right: 0px; top: 30%; background-color: #DDDDDD; } .ZEN_shipping_col:last-child::before { display: none; } @media only screen and (max-width: 767px) { .ZEN_shipping{ flex-direction: column; margin: 10px auto; } .ZEN_shipping_col img{ width: 95px; } .ZEN_shipping_col:nth-child(2)::after { width: 0px; } .ZEN_shipping_col:nth-child(2)::before { width: 0px; } } /* THUMNAILS SLIDER */ .thumnailsGroupSliderWrapper { margin: 80px 0; overflow: hidden; } .thumnailsGroupSliderWrapper h1, .thumnailsGroupSliderWrapper h2, .thumnailsGroupSliderWrapper h3, .thumnailsGroupSliderWrapper h4, .thumnailsGroupSliderWrapper h5 { margin: 0 auto 40px; font-size: 24px; font-weight: 500; line-height: 31px; text-align: center; color: #222; max-width: 350px; } .thumnailsGroupSliderWrapper { max-width: 840px; margin: 0 auto; padding-bottom: 0; } .thumnailsGroupSliderWrapper div { display: block!important; } .thumnailsGroupSliderWrapper img { max-width: 100%; } .thumnailsGroupSliderWrapper div[class~='slick-track'] { padding: 0; } .thumnailsGroupSliderWrapper div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsGroupSliderWrapper div[class~='slick-center']:before { display: none; } .thumnailsGroupSliderWrapper div[class~='slick-center'] img { object-fit: contain; } .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper button[class~='slick-next'], .thumnailsGroupSliderWrapper div[class~='slick-prev'], .thumnailsGroupSliderWrapper div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; margin: 0; } .thumnailsGroupSliderWrapper div[class~='slick-prev'] svg, .thumnailsGroupSliderWrapper div[class~='slick-next'] svg { color: rgb(0, 0, 0, .7); } .thumnailsGroupSliderWrapper button[class~='slick-prev']:before, .thumnailsGroupSliderWrapper button[class~='slick-next']:before, .thumnailsGroupSliderWrapper div[class~='slick-prev']:before, .thumnailsGroupSliderWrapper div[class~='slick-next']:before { content: ""; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsGroupSliderWrapper button[class~='slick-prev']:before, .thumnailsGroupSliderWrapper div[class~='slick-prev']:before { left: 20px; border-left: 2px solid rgb(0, 0, 0, .7); border-top: 2px solid rgb(0, 0, 0, .7); transform: translateY(-50%) rotate(-45deg); } .thumnailsGroupSliderWrapper button[class~='slick-next']:before, .thumnailsGroupSliderWrapper div[class~='slick-next']:before { right: 20px; border-right: 2px solid rgb(0, 0, 0, .7); border-top: 2px solid rgb(0, 0, 0, .7); transform: translateY(-50%) rotate(45deg); } .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper div[class~='slick-prev'] { left: 5px; } .thumnailsGroupSliderWrapper button[class~='slick-next'], .thumnailsGroupSliderWrapper div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper button[class~='slick-next'] { height: 50px; } .thumnailsGroupSliderWrapper div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 992px) { .thumnailsGroupWrapper { margin: 0; } } @media only screen and (max-width: 767px) { .thumnailsGroupSliderWrapper h1, .thumnailsGroupSliderWrapper h2, .thumnailsGroupSliderWrapper h3, .thumnailsGroupSliderWrapper h4, .thumnailsGroupSliderWrapper h5 { margin-bottom: 20px; font-size: 20px; line-height: 26px; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } } /* ICON LIST */ .listComp { display: flex; justify-items: center; align-items: start; flex-wrap: wrap; width: 80%; margin: 0 auto; justify-content: center; } .listComp .iconItem { text-align: center; margin-bottom: 0px; width: 20%; padding: 0 10px; } .listComp .iconItem img { max-width: 65px; display: block; margin: 0 auto; } .listComp .iconItem p { margin: 3px 0 0; } @media only screen and (max-width: 1024px) { .listComp { width: 100%; padding-left: 25px; padding-right: 25px; } } @media only screen and (max-width: 992px) { .listComp { justify-content: flex-start; } .listIconWrapper .containerFullWidth { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .listComp { padding: 0 15px; } .listIconWrapper .headingBlock { text-align: center; } } /* END ICON LIST */ /* One Column */ .oneColumn { text-align: center; margin-bottom: 80px; } .oneColumn .header { margin-bottom: 50px; } .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { margin: 0 auto 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; max-width: 1000px; } .oneColumn .header .paragraph { width: 50%; margin: 0 auto; padding: 0; color: #222; } .oneColumn .mediaBlock img { max-width: 70%; margin: 0 auto; display: block; } .oneColumn .mediaBlock video { max-width: 55%; margin: 0 auto; display: block; } .oneColumn .mediaBlock .full-width { max-width: 100% ; width: 100%; } @media only screen and (min-width: 992px) { .oneColumn.bgGray { background-color: #f8f8f8; padding: 60px 0 10px; } } @media only screen and (max-width: 992px) { .oneColumn { padding: 0 15px; } .mobile-full-width { max-width: 100% !important; } .oneColumn .header { padding-left: 0; padding-right: 0; } .oneColumn .mediaBlock video, .oneColumn .mediaBlock img { margin: 0; max-width: 100%; } .oneColumn { margin-bottom: 60px; text-align: left; } .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { padding: 0; margin-bottom: 34px; font-size: 44px; line-height: 60px; max-width: none; } .oneColumn .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 16px; line-height: 24px; } .oneColumn .header { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { font-size: 32px; line-height: 44px; } } /* One Column left align */ .oneColumnLeftAlign { margin-bottom: 50px; } .oneColumnLeftAlign .header { margin-bottom: 20px; } .oneColumnLeftAlign .header h1, .oneColumnLeftAlign .header h2, .oneColumnLeftAlign .header h3, .oneColumnLeftAlign .header h4, .oneColumnLeftAlign .header h5 { margin-top: 40px; margin-bottom: 20px; color: #222; font-weight: 500; font-size: 30px; line-height: 40px; text-transform: uppercase; } .oneColumnLeftAlign .header h6 { color: #222; font-size: 20px; margin-bottom: 10px; } .oneColumnLeftAlign .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 14px; line-height: 24px; color: #666; } .oneColumnLeftAlign .mediaBlock video, .oneColumnLeftAlign .mediaBlock img { max-width: 100%; margin: 0 auto; display: block; } .oneColumnLeftAlign .text-note { margin-top: 20px; font-size: 12px; color: #555; text-align: center; } @media only screen and (max-width: 992px) { .oneColumnLeftAlign .mediaBlock video, .oneColumnLeftAlign .mediaBlock img { margin: 0; } .oneColumnLeftAlign { margin-bottom: 60px; text-align: left; } .oneColumnLeftAlign .header h1, .oneColumnLeftAlign .header h2, .oneColumnLeftAlign .header h3, .oneColumnLeftAlign .header h4, .oneColumnLeftAlign .header h5 { padding: 0; margin-bottom: 20px; font-size: 22px; line-height: 28px; } .oneColumnLeftAlign .header h6 { font-size: 22px; } .oneColumnLeftAlign .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 16px; color: #222; line-height: 26px; } .oneColumnLeftAlign .header { margin-bottom: 30px; } } /* One Column Left Only Text */ .oneColumnLeftOnlyText .inner { max-width: 1000px; margin: 0 auto; padding: 80px 20px; } .oneColumnLeftOnlyText .inner .textLarge, .oneColumnLeftOnlyText .inner .textLarge a, .oneColumnLeftOnlyText .inner .textLarge strong { font-size: 28px; line-height: 46px; font-weight: 500; color: #222; } .oneColumnLeftOnlyText .inner p + p { margin-top: 40px; } .oneColumnLeftOnlyText .inner .textLarge a { position: relative; } .oneColumnLeftOnlyText .inner .textLarge a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #222; } .oneColumnLeftOnlyText.textWhite .inner .textLarge, .oneColumnLeftOnlyText.textWhite .inner .textLarge a, .oneColumnLeftOnlyText.textWhite .inner .textLarge strong, .oneColumnLeftOnlyText.textWhite .inner p, .oneColumnLeftOnlyText.textWhite .inner p a, .oneColumnLeftOnlyText.textWhite .inner p strong { color: #fff; } .oneColumnLeftOnlyText .inner .textLarge a:before, .oneColumnLeftOnlyText .inner p a:before { background: #fff; } @media only screen and (max-width: 767px) { .oneColumnLeftOnlyText .inner { padding: 60px 0; } } /* TWO COLUMNS */ .twoColumn + .twoColumn { margin-top: 80px; } .twoColumn .container { display: flex; } .twoColumn .textBlock { display: flex; justify-content: space-between; align-items: center; width: 50%; padding-left: 90px; } .twoColumn .mediaBlock { width: 50%; } .twoColumn.hasSlider .mediaBlock { background-color: transparent; } .twoColumn.style2 .mediaBlock { width: 60%; } .twoColumn.style2 .textBlock { width: 40%; } .twoColumn.style2 .icon { max-width: 120px; } .twoColumn.hasSpacing { margin-top: 0; } .twoColumn.hasSpacing .mediaBlock { padding: 80px; } .twoColumn .textBlock .innerText { width: 85%; max-width: 450px; } .twoColumn.mediaText .container, .twoColumn.mediaText .containerFullWidth { display: flex; flex-direction: row-reverse; } .twoColumn.mediaText .textBlock { padding-left: 80px; } .twoColumn.textMedia .containerFullWidth .textBlock { justify-content: flex-end; padding-right: 10%; } @media only screen and (max-width: 1024px) { .twoColumn .textBlock { padding-left: 0; padding-right: 0; } .twoColumn.mediaText .textBlock { padding-left: 60px; } .twoColumn.style2 .mediaBlock { width: 50%; } .twoColumn.style2 .textBlock { width: 50%; } .twoColumn.style2 .icon { max-width: 80px; } .twoColumn.style2 .subTitle { margin-bottom: 10px; } .twoColumn.style2 .groupLinks { margin-top: 10px; } .twoColumn.style2 .titleComp { font-size: 28px; line-height: 34px; } .twoColumn.hasBg .textBlock { padding: 15px 15px 15px 30px; } } @media only screen and (max-width: 992px) { .twoColumn.hasBg { margin-top: 0; } .twoColumn.hasBg .textBlock { background: none!important; padding-left: 0; padding-right: 0; } .twoColumn.style2 { padding: 80px 0; } .twoColumn .textBlock, .twoColumn .mediaBlock, .twoColumn.style2 .textBlock, .twoColumn.style2 .mediaBlock { width: 100%; } .twoColumn .container, .twoColumn .containerFullWidth, .twoColumn.mediaText .container, .twoColumn.mediaText .containerFullWidth { flex-direction: column; } .twoColumn .textBlock { padding: 0; margin-bottom: 20px; } .twoColumn .textBlock .innerText { max-width: 100%; width: 100%; } .twoColumn.mediaText .textBlock, .twoColumn.textMedia .textBlock { padding-left: 0 !important; padding-right: 0 !important; } .twoColumn.hasSpacing { margin-top: 80px; } .twoColumn.hasSpacing .mediaBlock { padding: 0; } .twoColumn.hasBg { padding: 80px 0; } .twoColumn.style2.marginBottom { margin-bottom: 0; padding-top: 0; } .twoColumn.textMedia .containerFullWidth .textBlock, .twoColumn.style2 .textBlock { padding-left: 0; padding-right: 0; } .twoColumn.hasSlider .textBlock { background-color: transparent!important; } } @media only screen and (max-width: 767px) { .twoColumn + .twoColumn { margin-top: 32px; } .twoColumn.style2 { padding: 50px 0; } .twoColumn.hasBg { margin-top: 0; padding: 50px 0; background: #fff!important; } .twoColumnGroupTwoRow .twoColumn.textMedia .containerFullWidth .textBlock, .twoColumnGroupTwoRow .twoColumn.mediaText .containerFullWidth .textBlock, .twoColumn.style2 .textBlock { padding-left: 15px; padding-right: 15px; } } /* TWO COLUMN GROUP THREE ROW */ .twoColumnGroupThreeRow { margin-bottom: 80px; } .twoColumnGroupThreeRow .twoColumn { margin: 0; } .twoColumnGroupThreeRow .twoColumn .textBlock { padding-left: 90px; } .twoColumnGroupThreeRow .twoColumn.mediaText, .twoColumnGroupThreeRow.revert .twoColumn.textMedia { position: relative; } .twoColumnGroupThreeRow .twoColumn .textBlock .innerText { max-width: 100%; } .twoColumnGroupThreeRow .mediaText .textBlock, .twoColumnGroupThreeRow.revert .textMedia .textBlock { width: 65%; background: #EFF5F8; padding-left: calc(15% + 80px); } .twoColumnGroupThreeRow .mediaText .mediaBlock, .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { position: relative; z-index: 1; padding: 80px 0; background-color: transparent; } .twoColumnGroupThreeRow .mediaText .textBlock { padding-left: calc(15% + 80px); } .twoColumnGroupThreeRow.revert .textMedia .textBlock { padding-right: calc(15% + 80px); padding-left: 0; } .twoColumnGroupThreeRow .mediaText .mediaBlock { margin-right: -15%; } .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { margin-left: -15%; } .twoColumnGroupThreeRow.revert .mediaText .textBlock { padding-left: 90px; background: #fff; } .twoColumnGroupThreeRow.revert .mediaText .mediaBlock { margin-right: 0; padding: 0; margin: 0; } @media only screen and (max-width: 1024px) { .twoColumnGroupThreeRow .twoColumn .textBlock { padding-left: 30px; padding-right: 30px; } .twoColumnGroupThreeRow .mediaText .textBlock { padding-left: calc(15% + 80px); } } @media only screen and (max-width: 992px) { .twoColumnGroupThreeRow { margin-bottom: 50px; } .twoColumnGroupThreeRow .twoColumn + .twoColumn { margin-top: 50px; } .twoColumnGroupThreeRow .mediaText .mediaBlock { padding: 50px 0 0; } .twoColumnGroupThreeRow .mediaText .textBlock, .twoColumnGroupThreeRow.revert .textMedia .textBlock { width: 100%; padding: 50px 0 0; background: #fff; } .twoColumnGroupThreeRow .mediaText .mediaBlock { margin-right: 0; padding-top: 0; } .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { margin-left: 0; margin-right: 0; padding: 0; } .twoColumnGroupThreeRow.revert .mediaText .textBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .twoColumnGroupThreeRow .mediaText .textBlock { padding: 0; } } /* TWO COLUMN GROUP TWO ROW */ .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 0; } @media only screen and (max-width: 992px) { .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 50px; } } @media only screen and (max-width: 767px) { .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 50px; } } /* TWO IMAGE TEXT TOP LEFT */ .twoImageTextTopLeft .textBlock, .twoImageTextTopLeft .mediaBlock { width: 50%; display: flex; flex-direction: column; align-items: center; } .twoImageTextTopLeft .textBlock { padding-right: 10px; } .twoImageTextTopLeft .mediaBlock { padding-left: 10px; } .twoImageTextTopLeft .textBlock .innerText { display: flex; flex-direction: column; justify-content: center; max-width: 380px; height: 50%; } .twoImageTextTopLeft.noSpacing .container { margin: 0; } .twoImageTextTopLeft.noSpacing .textBlock, .twoImageTextTopLeft.noSpacing .mediaBlock { padding: 0; } @media only screen and (max-width: 992px) { .twoImageTextTopLeft { margin-bottom: 80px; } .twoImageTextTopLeft .containerFullWidth { flex-direction: column; } .twoImageTextTopLeft .textBlock, .twoImageTextTopLeft .mediaBlock { display: block; width: 100%; padding-left: 0; padding-right: 0; } .twoImageTextTopLeft .textBlock { margin-bottom: 20px; } .twoImageTextTopLeft .textBlock .innerText { max-width: 100%; margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .twoImageTextTopLeft { margin-bottom: 50px; } } --> Ergonomic elevation delight. Introducing the SpaceArm Single Standard Arm with Laptop Platform – the ultimate solution to conquer the notorious stiff necks caused by improper laptop posture. Say goodbye to discomfort and hello to a whole new level of ergonomic bliss! Posture perfection achieved. With the SA01LP, you can finally bid farewell to hunch over your laptop. This ingenious device effortlessly elevates your laptop to a comfortable eye-level position, ensuring you work or play without compromising your well-being. No more straining your neck or contorting your body to get the perfect view – the SpaceArm has got you covered! Limitless laptop mobility. The SA01LP empowers you with the freedom to move your laptop in any direction you desire. Whether it's sideways, up and down, or even front and back, this versatile arm allows you to effortlessly adjust your laptop's position according to your preference and work style. It's like having a personal assistant dedicated to optimizing your comfort and productivity. Heighten your setup. And here's the cherry on top: the SpaceArm offers optional height extenders and mounting configurations, providing you with the flexibility to create a personalized setup that suits your needs perfectly. Tailor-made for mobile workers, the SA01LP ensures you can take your ergonomic oasis wherever your work takes you. Specifications Vertical range: Up to 20.5” (52.1 cm) Horizontal range: Up to 27" (68.6 cm) Laptop tray size: 12.75” X 15.5” (32.4-cm x 39.4-cm) Mounting options: Bolt-through, C-clamp, Large C-clamp, Grommet, Panel Mount VESA Compatibility: Yes, 75-mm and 100-mm Color Arm: Platinum, White, Black, Champagne Tray: Black Features 360-degree rotation. Moves front to back, side to side. Adjustable height +/- 7” from center of hub. Optional height extenders include 4”, 6”, 8” extender tubes. Molded steel platform. With laptop lock (optional).