{"title":"Keyboard Systems","description":null,"products":[{"product_id":"penclic-mini-keyboard-kb3","title":"Penclic KB3 Mini Keyboard - KB3-B","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eTiny typing titan.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eTired of bulky keyboards weighing you down? Say hello to the mini keyboard that packs a punch in both cuteness and functionality. The Penclic KB3 is here to revolutionize your on-the-go typing experience with its light and compact design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eWireless wordsmith wonder.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003e With seamless Bluetooth connectivity, the KB3 effortlessly syncs with your tablet, smartphone, or laptop, giving you the freedom to type wherever inspiration strikes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/712ZtT9ukyL._AC_UF350_350_QL80_480x480.jpg?v=1689271491\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/712ZtT9ukyL._AC_UF350_350_QL80_480x480.jpg?v=1689271491\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003ePortable powerhouse pal.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWhether you're a jet-setting professional or an adventurous digital nomad, this ultra-portable keyboard is your ultimate companion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/penclic-keyboard-pro-black-penclic-mini-keyboard-kb3-2530711601257_1800x1800.jpg?v=1559197021\" alt=\"penclic-keyboard-pro-black-penclic-mini-keyboard-kb3-2530711601257_1800x1800.jpg (866×600)\" data-mce-src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/penclic-keyboard-pro-black-penclic-mini-keyboard-kb3-2530711601257_1800x1800.jpg?v=1559197021\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCord-free creativity.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eDive into a world of cord-free bliss and experience the joy of wireless freedom. The Penclic KB3 is designed to complement the mobile user in you, ensuring that your productivity and creativity have no boundaries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/penclic-kb3-working-on-go-345x230_480x480.jpg?v=1689272452\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/penclic-kb3-working-on-go-345x230_480x480.jpg?v=1689272452\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: 10.25 mm x 286 mm x 135.5 mm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWired or Wireless: Wireless (connects to Bluetooth-capable\u003cbr\u003edevices or via micro USB receiver)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 340 g\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor:Black\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eHigh-quality, full-size, scissor-switch keys that are crisp and easily clicked.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLow profile keyboard to prevent hand and wrist strains.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eThe absence of numeric pad allows mouse proximity.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eConnects instantly to two Bluetooth-capable devices simultaneously.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFor non-Bluetooth devices, the keyboard can be connected via micro USB receiver.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlug and play: no need for a software driver.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCompatible with Windows, Mac, iOS, Android.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eBrushed aluminum casing.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Penclic","offers":[{"title":"Black","offer_id":8132828528745,"sku":"KB3-B","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/penclic-keyboard-pro-black-penclic-mini-keyboard-kb3-2530711502953.jpg?v=1559197021"},{"product_id":"evoluent-essentials-full-featured-compact-keyboard-wired","title":"Evoluent Essentials Full Featured Compact Keyboard Wired-EKB","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003ePortable productivity perfected.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Essentials Full Featured Compact Keyboard Wired, the ultimate keyboard companion for modern, on-the-go laptop users! We've crafted this compact powerhouse with meticulous attention to detail, ensuring you never compromise productivity while jet-setting or exploring new horizons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eEfficiency unleashed anywhere.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eProviding a hassle-free experience wherever your adventures take you. No more struggling with clunky setups or time-consuming installations – connect and conquer! This sleek keyboard is your ticket to unlocking peak efficiency without sacrificing precious space in your travel bag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/evoluent-keyboard-evoluent-essentials-full-featured-compact-keyboard-wired-2530712715369_1800x1800.jpg?v=1559204142\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eStreamlined typing bliss.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWe've left no essential feature behind, ensuring that every keystroke counts. Say goodbye to the bulky number pads and cumbersome Fn keys – the EKB focuses solely on what truly matters, delivering a streamlined and intuitive typing experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/gallery-PRS103-evoluent-compact-keyboard-1__29058_480x480.jpg?v=1687540488\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003ePortable powerhouse.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eYour on-the-go productivity with the Essentials Full Featured Compact Keyboard Wired and discover a world of possibilities at your fingertips. Compact yet powerful, this keyboard is the perfect fusion of portability and functionality, tailored specifically for the modern adventurer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/3833-1_evoluent-klavesnice-bez-numerickeho-blokuevoluent-klavesnice-s-numerickym-blokem-vlevo_480x480.jpg?v=1687541670\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: 12.9” W x 6.7” D x 0.7” H\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eConnectivity: Wired or Wireless Wired (through USB connector)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 1.1 lb\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eThe absence of numeric pad allows mouse proximity.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSmall, tactile bumps for error-free touch typing. Precision scissor keys give crisp feedback.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFull-sized arrow and F1-F12 keys are present, which is unlike other compact keyboards.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNo Fn keys. In place are 12 one-touch hotkeys for Undo, Cut, Copy, Paste, Web, E-mail, Computer, Mute, Volume Down, Volume Up, Sleep, and Turn Off.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eExtremely low profile to prevent hand and wrist strains.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlug and play; no need for a software driver.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCompatible with Windows, Mac, Linux, and Unix.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Evoluent","offers":[{"title":"Default Title","offer_id":8132828692585,"sku":"EKB","price":49.95,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/evoluent-keyboard-evoluent-essentials-full-featured-compact-keyboard-wired-2530712715369.jpg?v=1559204142"},{"product_id":"workrite-compact-diagonal-corner-sleeve-179ccd","title":"Workrite Compact Diagonal Corner Sleeve 179CCD","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eCorner productivity revolution.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Workrite 179CCD Compact Corner Diagonal - your workstation's ultimate game-changer! Tired of that pesky, unused corner taking up precious space in your office? Say goodbye to wasted real estate and hello to productivity paradise with this ingenious accessory.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eCorner comfort zone.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eGone are the days of awkwardly squeezing between your desk and the wall like a contortionist. The 179CCD comes to the rescue, effortlessly turning that forgotten corner into a haven of productivity. Embrace the comfort and efficiency of a fully optimized workspace, designed to cater to your every need.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/uplift-corner-sleeve-94__76995_480x480.jpg?v=1694807227\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eErgo corner bliss.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eBut that's not all – this brilliant solution is more than just a space-saver. The 179CCD is your gateway to ergonomic enlightenment. Compatible with Workrite keyboard trays, Pinnacle 2, and Pinnacle AD arms, it empowers you to customize your desk to suit your individual needs. Bid farewell to strained wrists and sore shoulders – this corner diagonal sets the stage for ergonomic excellence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"workrite-keyboard-arm-black-workrite-compact-diagonal-corner-sleeve-2530726772841_1800x1800.jpg (800×800)\" src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-arm-black-workrite-compact-diagonal-corner-sleeve-2530726772841_1800x1800.jpg?v=1559173662\" data-mce-src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-arm-black-workrite-compact-diagonal-corner-sleeve-2530726772841_1800x1800.jpg?v=1559173662\" data-mce-selected=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCorner of possibilities.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eDon't let that corner gather dust any longer – seize the opportunity to create a thriving, functional workspace with the Workrite 179CCD. Revolutionize the way you work, and watch as productivity soars to new heights. The corner of yesterday becomes the corner of endless possibilities today!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/179CCD_1800x1800.jpg?v=1656022512\" alt=\"179CCD_1800x1800.jpg (500×227)\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: 17.5″W × 8.75″D × 1.5″H\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor: Black \u0026amp; Gray\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eConverts 90° into usable work space.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCompatibility with Workrite keyboard trays and arms.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"Black","offer_id":40566561669225,"sku":"179CCD-1 1\/2B","price":89.5,"currency_code":"USD","in_stock":true},{"title":"Gray","offer_id":40566561701993,"sku":"179CCD-1 1\/2G","price":89.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-arm-black-workrite-compact-diagonal-corner-sleeve-2530726772841.jpg?v=1559173662"},{"product_id":"workrite-adjustable-curved-corner-sleeve","title":"WorkRite Adjustable Corner Diagonal-179ACD-B","description":"\u003ch3\u003eWorkRite 179ACD Adjustable Corner Diagonal\u003c\/h3\u003e\n\u003cp\u003eIntroducing the ultimate solution for cramped workspaces - The Adjustable Diagonal Corner Sleeve! Say goodbye to wasted space and hello to maximum productivity with this game-changing accessory. Designed to fit seamlessly into the inside corner of your l-shaped desk, it transforms previously unusable space into a functional workspace.\u003c\/p\u003e\n\u003cp\u003eCompatible with Workrite keyboard trays, Pinnacle 2, and Pinnacle AD arms, this versatile corner sleeve is a must-have for anyone looking to optimize their workstation. With a keyboard arm and platform that offer height adjustment capabilities, you can easily achieve the perfect ergonomic setup for your needs.\u003c\/p\u003e\n\u003cp\u003eWhether you're working from home or in a bustling office, the Adjustable Diagonal Corner Sleeve will revolutionize the way you work. Don't let tight spaces hold you back - upgrade your workstation today and experience the ultimate in comfort and efficiency.\u003c\/p\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eConverts 90º \u0026amp; curved corners (up to 9\") to usable work areas\u003c\/li\u003e\n\u003cli\u003eAllows use of adjustable arm and keyboard platform when the natural corner of the work surface does not permit it\u003c\/li\u003e\n\u003cli\u003eAdjusts to fit 1\" to 2.25\" thick worksurfaces\u003c\/li\u003e\n\u003cli\u003eClamping design eliminates spacers, saving installation time\u003c\/li\u003e\n\u003cli\u003eWorks with the Pinnacle 2 and Pinnacle AD arms\u003c\/li\u003e\n\u003cli\u003eWorks with the following Workrite platforms: 2180S, 2181SN, 2100FT, 317RL, 2110D, 2110RL, 180\u003c\/li\u003e\n\u003cli\u003eDimensions: 12\" W × 1.75\" H\u003c\/li\u003e\n\u003c\/ul\u003e\nAvailable in black","brand":"Workrite","offers":[{"title":"Default Title","offer_id":8132835967081,"sku":"179ACD-B","price":62.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-arm-workrite-179acd-adjustable-corner-diagonal-2530726871145.jpg?v=1559192907"},{"product_id":"workrite-2227-revo-keyboard-and-intensive-mouse-application-tray","title":"Workrite 2227 Revo Keyboard and Intensive Mouse Application Tray","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eCorner solutions made easy.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the game-changing Revo Platform – your ultimate solution for tight workspaces and corner applications! Designed with adaptability in mind, this innovative mouse-over platform will revolutionize the way you work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eSpace-saving genius.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Revo Platform's ingenious design conserves precious space, making it an ideal choice for any compact work environment. Whether you're working in a corner or a snug cubicle, this platform effortlessly fits in, maximizing your productivity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-platform-17-workrite-2227-revo-keyboard-and-intensive-mouse-application-tray-2530727362665_1800x1800.jpg?v=1559193506\" data-mce-src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-platform-17-workrite-2227-revo-keyboard-and-intensive-mouse-application-tray-2530727362665_1800x1800.jpg?v=1559193506\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCustomize with ease.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith our innovative Lift-n-Lock height adjustment mechanism, you can bid farewell to clunky knobs and levers. Effortlessly find your ideal keyboard position with a simple lift and lock action. Experience seamless customization as you discover the perfect ergonomic fit for your unique needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Revo-AKP-1_1024x1024_e63cc7d7-370c-460f-99df-efc3aa8c6fdb_480x480.webp?v=1689364376\" alt=\"Revo-AKP-1_1024x1024_e63cc7d7-370c-460f-99df-efc3aa8c6fdb_480x480.webp (480×480)\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Revo-AKP-1_1024x1024_e63cc7d7-370c-460f-99df-efc3aa8c6fdb_480x480.webp?v=1689364376\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eTilt for comfort.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eTilt your world in the right direction with the Revo Platform System's incredible 25-degree tilt range. From a soothing -15 degrees to an uplifting +10 degrees, you can easily find the ideal angle for enhanced comfort and reduced strain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite-keyboard-platform-17-workrite-2227-revo-keyboard-and-intensive-mouse-application-tray-2530727428201_1800x1800_f1586f0c-155c-4f5b-bda3-84da3913b77f_480x480.jpg?v=1689366169\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite-keyboard-platform-17-workrite-2227-revo-keyboard-and-intensive-mouse-application-tray-2530727428201_1800x1800_f1586f0c-155c-4f5b-bda3-84da3913b77f_480x480.jpg?v=1689366169\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Material: UltraThin™ .25″ solid phenolic construction\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Tilt: 25° tilt range: -15° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVertical Adjustment: Adjusts from flush to 6″ below work surface\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTrack Length: 17” (2227-17); 21”(2227-22)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Storage: 17” track - exceeds 3” front of track; 22” track- full storage\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSwivel mouse tray.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eBuilt in document holder.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRemovable palm support.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAuto lock mechanism that allows you to easily adjust tray position (Keyboard Tray System).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":8132836294761,"sku":"2227-17","price":372.5,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":8132836327529,"sku":"2227-22","price":383.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-17-workrite-2227-revo-keyboard-and-intensive-mouse-application-tray-2530727329897.jpg?v=1559193506"},{"product_id":"workrite-2172-compact-keyboard-and-mouse-platform-tray-system","title":"Workrite 2172 Compact Keyboard and Mouse Platform \/ Tray System","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eLimitless workspace.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Compact Platform: Revolutionize your workspace with a touch of innovation and versatility. Designed specifically for those sleek, straight work surfaces that crave a little extra functionality, this remarkable platform is the perfect extension you've been waiting for. Say goodbye to limited depth constraints, and hello to ultimate productivity!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eEfficiency at your fingertips.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith the Compact Platform, you can effortlessly transform your work area into a haven of efficiency. Imagine comfortably placing your keyboard at just the right distance, allowing your fingers to dance across the keys easily.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-platform-17-workrite-2172-compact-keyboard-and-mouse-platform-tray-system-2530727657577_1800x1800.jpg?v=1559192820\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCustomizable comfort.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWhether you're left-handed or right-handed, simply adjust it from side to side to match your preference. It's a small detail that makes a world of difference.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-platform-17-workrite-2172-compact-keyboard-and-mouse-platform-tray-system-2530727624809_1800x1800.jpg?v=1559192820\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eComfort meets productivity.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eUpgrade your workspace today and discover the true potential of comfort and efficiency. Your keyboard will thank you, and so will your creative mind. Embrace the future of work, one keystroke at a time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Compact_Platform_Beauty_3_6d43321f-cf9f-4e03-af12-46cf442ff3dd_480x480.webp?v=1689361376\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Material: UltraThin™.25 phenolic\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Inclusion (Optional): 3170 Pinnacle 2 keyboard arm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Tilt: 25° tilt range: -15° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVertical Adjustment: Adjusts from flush to 6″ below work surface\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTrack Length: 17” (2172-17); 21”( 2172-22)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Storage: Fully stores on both 17″ and 22″ track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRemovable palm support.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eIntegrated keyboard and mouse tray.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAccommodates left and right mouse users.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform ideal for compact keyboards with less than 6” depth.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAuto lock mechanism that allows you to easily adjust tray position (Keyboard Tray System).\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":8132836458601,"sku":"2172-17","price":302.5,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":8132836491369,"sku":"2172-22","price":310.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-17-workrite-2172-compact-keyboard-and-mouse-platform-tray-system-2530727624809.jpg?v=1559192820"},{"product_id":"workrite-banana-board-keyboard-tray-2128-22","title":"Workrite Banana board Keyboard Tray","description":"\u003cp\u003eThe Workrite Banana Board keyboard tray is a keyboard platform for anyone who wants a dedicated, well-organized surface for typing and mousing. It pairs with Workrite keyboard arms to bring your keyboard to a more comfortable working position.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eBrand: Workrite\u003c\/li\u003e\n\u003cli\u003eType: keyboard platform\u003c\/li\u003e\n\u003cli\u003eAvailable as SKUs 2128-17 and 2128-22\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":40564135788649,"sku":"2128-17","price":329.5,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":40564135821417,"sku":"2128-22","price":344.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-banana-board-platform-only-ub-2180s-25-workrite-banana-board-keyboard-tray-model-2128-22-or-2128-17-quick-ship-2530727952489.jpg?v=1571257049"},{"product_id":"workrite-standard-keyboard-tray-system-for-straightaway-desk","title":"Workrite Standard Keyboard Tray System for Straightaway Desk","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eProductivity perfected.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Workrite Standard Keyboard Tray System for Straightaway Desks – the ultimate ergonomic companion for your work center! This innovative platform system is thoughtfully designed to enhance your productivity while ensuring a comfortable and adaptable workspace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eStreamlined efficiency.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith its sleek in-line mouse design, this keyboard tray system is tailor-made for straightaway work center applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite-keyboard-tray-continuous-palm-support-17-workrite-standard-keyboard-tray-system-for-straightaway-desk-2530728149097_1800x1800_f0f62902-8999-4682-a7d9-cb67df79f9f6_480x480.jpg?v=1689634139\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCutting-edge system.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eFeaturing our cutting-edge Pinnacle 2 Value keyboard arm, this system ensures smooth and seamless movement, making typing a breeze.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite-keyboard-tray-continuous-palm-support-17-workrite-standard-keyboard-tray-system-for-straightaway-desk-2530728247401_1800x1800_6e5f8c87-1bbe-4878-b23a-e3bd63b6d3bc_480x480.jpg?v=1689634517\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eWorkstation upgrade.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eExperience a work revolution with the Workrite Standard Keyboard Tray System for Straightaway Desks. Elevate your comfort, productivity, and overall work experience with this exceptional solution that's designed to keep you at the top of your game.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite-keyboard-tray-continuous-palm-support-22-workrite-standard-keyboard-tray-system-for-straightaway-desk-2530728181865_1800x1800_4f1c92ad-026c-4d69-90bc-12feec875792_480x480.jpg?v=1689635036\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Material: T-molded .625” Melamine construction\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Tilt: 25° tilt range: -15° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVertical Adjustment: Adjusts from flush to 6″ below work surface\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Inclusion (Optional): 3170 Pinnacle 2 keyboard arm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTrack Length: 17” (2151-17\/2191-17), 21”(2151-22\/2191-22)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Storage: 17” track - exceeds 3” front of track, 22” track- full storage\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRemovable palm support.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eIntegrated keyboard and mouse tray.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAccommodates left and right mouse users.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAuto lock mechanism that allows you to easily adjust tray position (Keyboard Tray System).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"Continuous Palm Support \/ 17\"","offer_id":28277363540073,"sku":"2151-17","price":229.5,"currency_code":"USD","in_stock":true},{"title":"Continuous Palm Support \/ 22\"","offer_id":28277370585193,"sku":"2151-22","price":238.5,"currency_code":"USD","in_stock":true},{"title":"Split-pad Palm Support \/ 17\"","offer_id":28277370617961,"sku":"2191-17","price":244.5,"currency_code":"USD","in_stock":true},{"title":"Split-pad Palm Support \/ 22\"","offer_id":28277370650729,"sku":"2191-22","price":253.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-tray-continuous-palm-support-17-workrite-standard-keyboard-tray-system-for-straightaway-desk-2530728149097.jpg?v=1559184764"},{"product_id":"matias-mini-tactile-pro-keyboard-for-mac","title":"Matias Mini Tactile Pro Keyboard for Mac - FK303","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eRetro bliss reimagined.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eStep back in time and immerse yourself in the nostalgia of a bygone era with the Matias Mini Tactile Pro Keyboard for Mac - a keyboard that effortlessly evokes the charm of vintage typewriters, not once, but twice over!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eClassic keys.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Matias Mini Tactile Pro Keyboard embraces the rich legacy of the Apple Extended Keyboard of that era, utilizing the time-honored Alps key switch technology to deliver an unrivaled typing experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"matias-wired-keyboard-matias-mini-tactile-pro-keyboard-for-mac-2541153943657_1800x1800.jpg (1500×811)\" src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/matias-wired-keyboard-matias-mini-tactile-pro-keyboard-for-mac-2541153943657_1800x1800.jpg?v=1559188921\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eKey symphony unleashed.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003e Your fingers will dance gracefully across the keys, indulging in the euphoria of typing like never before.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/maxresdefault_a8c0a432-eccb-4a72-a881-350f15ba5fdb_480x480.jpg?v=1690398285\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eMac magic reunited.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003e\u003cspan\u003eWhether you're a seasoned Mac enthusiast or a newcomer to the Apple world, this keyboard embraces you like a long-lost friend, making typing an absolute delight.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/71D0ldbZ-sL_480x480.jpg?v=1690398986\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: 5.2” x 2.6” x 0.5”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWired or Wireless: Wired (through USB connector)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 2.06 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor: White\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTraditionally-sculpted keytops and the Alps key switch technology provides comfort and feel.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecial anti-ghosting circuitry lets our keyboard keep up with fast typing.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLaser-etched keys. Characters are burned into the keys, so they won't wear off overtime.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eThe absence of numeric pad allows mouse proximity.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFunction keys for controlling screen brightness, volume, iTunes, and more.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e3 integrated USB 2.0 ports.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Matias","offers":[{"title":"Default Title","offer_id":8140939198569,"sku":"FK303","price":119.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/matias-wired-keyboard-matias-mini-tactile-pro-keyboard-for-mac-2541153910889.jpg?v=1559188921"},{"product_id":"matias-quiet-pro-keyboard-for-mac","title":"Matias Quiet Pro Keyboard for Mac-FK302Q","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eSerenity in keystrokes.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the keyboard that speaks volumes through its silence - the Matias Quiet Pro Keyboard for Mac. Elevate your typing experience to a new level of tranquility without compromising on performance. Designed with Mac users in mind, this mechanical marvel redefines what a keyboard can be.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eWhispering cloud productivity.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eImagine the sensation of typing on a cloud, where every keystroke is a whisper of productivity. Gone are the days of the disruptive clicky-clacky noise that disrupts your flow and draws unwanted attention. With the innovative Quiet Click key switch technology, embrace the perfect harmony of tactile feedback and serene quietness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/81db5dMJodL_480x480.jpg?v=1692901120\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eConnect and charge.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Matias Quiet Pro Keyboard proudly boasts a trio of USB 2.0 ports, transforming your desk into a digital hub. Connect, charge, and conquer without missing a beat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/1b9fd941-93f6-49a1-8a16-8f1705e4c7e6.d2c88188525bc1324aa8025c7be6505a_480x480.webp?v=1692901973\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eSymbols of elegance.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eGaze upon the laser-etched keys, each imbued with Mac option symbols, a testament to the thoughtfulness woven into every detail. It's not just a keyboard; it's a masterpiece of design and function, a bridge between nostalgia and innovation. Experience the nostalgia of early keyboards, reimagined for the modern era.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/81db5dMJodL_396c77dc-91a1-49f5-9623-1a9f693d1d62_480x480.jpg?v=1692902630\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: 18.1” x 6.5” x 1.4”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWired or Wireless: Wired (through USB connector)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 2.75 lbs 2.75 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor: Gray and Black\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTraditionally-sculpted keytops and the new Quiet Click mechanical switches. For unparalleled comfort, without sacrificing tactile feedback.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecial anti-ghosting circuitry lets our keyboard keep up with fast typing.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLaser-etched keys. Characters are burned into the keys, so they won\u0026amp;#39;t wear off over time.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFunction keys for controlling screen brightness, volume, iTunes, and more.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e3 integrated USB 2.0 ports.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Matias","offers":[{"title":"Default Title","offer_id":8140965150825,"sku":"FK302Q","price":139.95,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/matias-wired-keyboard-matias-quiet-pro-keyboard-for-mac-2541186285673.jpg?v=1559188799"},{"product_id":"matias-ergo-pro-for-mac","title":"Matias Ergo Pro for Mac - FK403Q-P","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eVintage elegance.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Matias Ergo Pro for Mac - where vintage charm meets cutting-edge allure. If you're a Mac enthusiast in search of the perfect ergonomic keyboard, look no further. This exceptional keyboard seamlessly combines the timeless appeal of yesteryear with the futuristic features you crave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eUnmatched performance.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eMatias Ergo Pro for Mac encapsulates the essence of their renowned mechanical keyboards, setting them apart from the competition. With every touch, you'll feel a satisfying tactile response, allowing your fingers to dance effortlessly across the keys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"matias-wired-keyboard-matias-ergo-pro-for-mac-2541415825513.jpg (1080×810)\" src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/matias-wired-keyboard-matias-ergo-pro-for-mac-2541415825513.jpg?v=1559188262\u0026amp;width=1080\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eSeamless flow.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Matias Ergo Pro for Mac enables lightning-fast typing, allowing your thoughts to flow seamlessly from mind to screen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/1708_480x480.webp?v=1689265498\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eLimitless freedom.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThis ingenious keyboard takes innovation to the next level by coming in two detachable halves. Expand the distance between them, and witness a whole new world of typing freedom unfold before your eyes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/matias-wired-keyboard-matias-ergo-pro-for-mac-2541415661673_1800x1800.jpg?v=1559188262\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: 14.5” x 6.5” x 1.4”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWired or Wireless: Wired (through USB connector)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 2.75 lbs 3.73 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor: Black\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Matias","offers":[{"title":"Default Title","offer_id":8141223362665,"sku":"FK403Q-P","price":220.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/matias-wired-keyboard-matias-ergo-pro-for-mac-2541415235689.jpg?v=1559188262"},{"product_id":"workrite-fundamentals-akp01","title":"Workrite Fundamentals AKP01","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eGame-changing workspace.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eRevolutionize your workspace with the Fundamentals AKP01, the ultimate solution for practicality, affordability, and versatility. Designed to seamlessly blend into any contemporary or conventional setting, this remarkable computer desk is a game-changer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eElevate your typing bliss.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eExperience unparalleled comfort as you work, thanks to the included palm cushion that provides a cozy resting spot for your tired hands. And with the Fundamentals keyboard arm, your typing experience reaches new heights of ergonomic excellence. Choose between the 17\" or 22\" long nylon glide track, tailored to meet your specific requirements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Fundamentals_AKP01_1_1024x1024_0c564da3-197a-4a4c-8654-fe3f920aaf4e_480x480.webp?v=1689374054\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Fundamentals_AKP01_1_1024x1024_0c564da3-197a-4a4c-8654-fe3f920aaf4e_480x480.webp?v=1689374054\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCustomized comfort.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe AKP01's keyboard arm offers unrivaled adjustability. With a simple turn of a knob, you can effortlessly fine-tune the height and tilt to your desired levels. Enjoy a remarkable tilt range of 25°, from -15° to +10°, ensuring optimal comfort and reducing strain on your wrists.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/fundamentals-akp01-2_480x480.png?v=1689374358\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/fundamentals-akp01-2_480x480.png?v=1689374358\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eElegance and productivity unleashed.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eEmbrace a workspace that empowers you to achieve more, all while exuding style and sophistication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Fundamentals_AKP01_-_FD-AKP01_1024x1024_6c538816-043a-4616-b1b1-b63081ce1833_480x480.webp?v=1689374645\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Fundamentals_AKP01_-_FD-AKP01_1024x1024_6c538816-043a-4616-b1b1-b63081ce1833_480x480.webp?v=1689374645\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform: T-molded .625″ melamine construction\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKeyboard arm: 173 Fundamentals keyboard arm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKeyboard arm tilt: 25° tilt range: -15° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm Glide Track: 17”– arm exceeds front of track 1” when stored, 22”– arm fully tucks under the platform\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm vertical adjustment: From flush to 6\" below work surface\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMouse Tray Orientation: Either left or right; reversible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e360° arm swivel at track\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eIntegrated Mouse-tray\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSmooth nylon glide track\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRemovable memory foam wrist support\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSingle knob height and tilt adjustment\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":12198761529449,"sku":"FD-AKP01-17","price":193.5,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":12198761562217,"sku":"FD-AKP01-22","price":201.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-17-workrite-fundamentals-akp01-3643985952873.jpg?v=1559193087"},{"product_id":"workrite-fundamentals-akp02","title":"Workrite Fundamentals AKP02","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eWork in comfort.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the game-changer in ergonomic workstations: The Fundamentals AKP02! Designed to revolutionize your workspace, this versatile work station is the ultimate blend of durability, functionality, and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eSleek and compact.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe AKP02 boasts a robust molded platform that can effortlessly take center stage or gracefully fit into any corner of your office. With its sleek design and compact footprint, it's a space-saving dream come true!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Fundamentals-AKP02-FD-AKP02_480x480.jpg?v=1689608761\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eErgonomic comfort and bliss.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eYour comfort is our priority, which is why we've included a removable wrist cushion. Now, you can bid farewell to discomfort and embrace a new level of ergonomic bliss.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/FDAKP02-Left-Handed-callout-WORKING-1_480x480.jpg?v=1689609056\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eExperience excellence.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eExperience the future of workstations today and elevate your workspace to new heights with The Fundamentals AKP02.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Fundamentals-FDAKP02-MED-copy_480x480.jpg?v=1689609583\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform: Molded\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKeyboard arm: 3175 Pinnacle 2 Value keyboard arm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKeyboard arm tilt: 25° tilt range: -15° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm Glide Track: 17” (FD-AKP01-17) – arm exceeds front of track 1” when stored, 22” (FD-AKP01-22) – arm fully tucks under the platform\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm vertical adjustment: From flush to 6\" below work surface\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMouse Tray Orientation: Either left or right; reversible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e360° arm swivel at track\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNon-skid keyboard pads\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSmooth nylon glide track\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMemory foam wrist support\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLift-n-Lock height adjustment\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eIndependent and reversible mouse tray\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":12198867566697,"sku":"FD-AKP02-17","price":248.99,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":12198867599465,"sku":"FD-AKP02-22","price":256.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-17-workrite-fundamentals-akp02-3644094906473.jpg?v=1559195702"},{"product_id":"workrite-advantage","title":"Workrite Advantage Single\/Dual Keyboard Tray System","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eGlide into efficiency.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eThe Workrite Advantage keyboard platform with single\/dual mouse surface is available as a standalone platform or as part of a complete hardware system that includes our Pinnacle 2 Value keyboard arm with 17\" and 22\" nylon glide track.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eCutting-edge efficiency.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eDesigned to elevate your work experience, this innovative system combines cutting-edge features with unbeatable versatility to transform your workspace into a powerhouse of efficiency.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Advantage_Single_-_2144_1024x1024_ea615e4c-50db-4dae-bb75-fe5fd6dc9ca6_480x480.webp?v=1689370566\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Advantage_Single_-_2144_1024x1024_ea615e4c-50db-4dae-bb75-fe5fd6dc9ca6_480x480.webp?v=1689370566\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eEngineering marvel.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eAt the heart of this exceptional system is the 3175 Pinnacle 2 Value keyboard arm, a marvel of engineering prowess. With its seamless design and effortless functionality, it takes your typing experience to new heights.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Advantage_Single_1024x1024_a98b2426-a1f0-4899-b996-85e22778126a_480x480.webp?v=1689371271\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Advantage_Single_1024x1024_a98b2426-a1f0-4899-b996-85e22778126a_480x480.webp?v=1689371271\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eEffortless elevation.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eSay goodbye to cumbersome knobs and levers! The Lift-n-Lock height adjustment feature lets you effortlessly raise or lower the keyboard tray with a simple touch. With a tilt range of 25 degrees (-15° to +10°), you can achieve the ideal angle for comfortable typing, reducing strain on your wrists and maximizing productivity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Workrite-keyboard-tray-tilt_480x480.jpg?v=1689371574\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Workrite-keyboard-tray-tilt_480x480.jpg?v=1689371574\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Material: UltraThin™.phenolic\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMouse Surface Orientation: Either Left-handed or right-handed - remove and reattached with simple hand tools\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Tilt: 25° tilt range: -15° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Inclusion: 3175 Pinnacle 2 Value keyboard arm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm Glide Track: 17”– arm exceeds front of track 1” when tucked under, 22”– arm fully tucks under the platform\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCable management kit\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eBuilt in document holder\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSingle mouse-under design\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLift-n-Lock height adjustment\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDetachable swivel mouse tray\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"Single \/ 17\"","offer_id":30863306457193,"sku":"2144-17","price":254.5,"currency_code":"USD","in_stock":true},{"title":"Single \/ 22\"","offer_id":30863306489961,"sku":"2144-22","price":256.99,"currency_code":"USD","in_stock":true},{"title":"Dual \/ 17\"","offer_id":30863306522729,"sku":"2112-17","price":264.5,"currency_code":"USD","in_stock":true},{"title":"Dual \/ 22\"","offer_id":30863306555497,"sku":"2112-22","price":277.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-17-workrite-advantage-keyboard-single-mouse-surface-3644289384553.jpg?v=1559193059"},{"product_id":"workrite-fundamentals-173-arm","title":"Workrite Fundamentals 173 Arm","description":"\u003cp\u003eThe Workrite Fundamentals 173 Arm is a keyboard arm for building out a new workstation or upgrading an existing desk. Its 360° swivel lets you position or store your keyboard exactly where you want it.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e360° swivel for flexible keyboard positioning\u003c\/li\u003e\n\u003cli\u003e17\" nylon glide track\u003c\/li\u003e\n\u003cli\u003e9.5\" or 14.5\" of platform storage\u003c\/li\u003e\n\u003cli\u003eStraightforward installation\u003c\/li\u003e\n\u003cli\u003eSKUs: 173-17N, 173-22N\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":12217219350633,"sku":"173-17N","price":93.99,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":12217219383401,"sku":"173-22N","price":103.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-arm-17-workrite-fundamentals-173-arm-3665836474473.jpg?v=1559195686"},{"product_id":"workrite-25-standard-platform-182","title":"Workrite Standard Platform","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eRevolutionary productivity partner.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Workrite Standard Platform - The Classic 25\" \u0026amp; 27\" Standard Platform, your ultimate productivity companion! Designed with meticulous attention to detail and crafted from premium particleboard, this integrated keyboard and mouse platform is set to revolutionize the way you work!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003ePalm-support perfection.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Workrite 25\" \u0026amp; 27\" Standard Platform comes with removable palm support, gently cradling your wrists to prevent strain and fatigue. Wave goodbye to discomfort and say hello to unparalleled productivity!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite_ergonomics_heavy_duty_melamine_keyboard_platform_p1_2700x1800_178af6b5-d1e1-4e35-af12-96d970828877_480x480.jpg?v=1689696241\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eSeamless space solution.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith its sleek 25\" \u0026amp; 27\" size, this platform is a perfect fit for any straightaway work surface, providing you with an expansive workspace to tackle your tasks with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/S2S_Ultrathin_Stowed_480x480.jpg?v=1689697964\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eLeap to greatness.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eUnleash your true potential and take the leap into a world of enhanced productivity and unmatched comfort with the Workrite Classic 25\" \u0026amp; 27\" Standard Platform. Your work life will never be the same again! Get ready to revolutionize the way you work!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite-keyboard-and-mouse-platform-ultra-thin-workrite-25-standard-platform-182-3666221858921_1800x1800_697d11e2-a00a-4e66-915b-c97266c5afb8_480x480.jpg?v=1689698352\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform: .625\" thick particleboard with melamine cover.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 24.75” - widest\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth: 11.5”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm Options(Sold separately): Pinnacle 2 Arm, Pinnacle 2 Extended Arm, Pinnacle AD Arm, Budget Arm, Locking Lever Arm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCable management kit\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSwivel plate compatible\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eBuilt-in document holder\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFor Right or Left Handed Users\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e2.5” Removable memory foam palm support\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"Classic \/ 25\"","offer_id":12217607913577,"sku":"CB182-25","price":121.99,"currency_code":"USD","in_stock":true},{"title":"Classic \/ 27\"","offer_id":40581186453609,"sku":"CB185-25","price":121.99,"currency_code":"USD","in_stock":true},{"title":"Ultra Thin \/ 25\"","offer_id":12217607946345,"sku":"UB182-25","price":147.5,"currency_code":"USD","in_stock":true},{"title":"Ultra Thin \/ 27\"","offer_id":40581186486377,"sku":"UB185-25","price":147.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-and-mouse-platform-classic-workrite-25-standard-platform-182-3666220744809.jpg?v=1559196540"},{"product_id":"workrite-advantage-dual-platform-2110d","title":"Workrite Advantage Dual Platform #2110D-UB2110D25","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eProductivity redefined.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Workrite Advantage Dual Platform #2110D – your ultimate workstation companion! Get ready to experience a new level of productivity and comfort with this revolutionary addition to your setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eSleek efficiency.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Workrite Advantage #2110D offers a sleek and streamlined design that complements any workspace. Say goodbye to clutter and hello to efficiency with the built-in optimizer document holder and cable management system.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Advantage_Adjustable_Keyboard_Platform_2_1024x1024_0f3d417a-f643-4faf-b68a-c4aa6e3bf421_480x480.webp?v=1692129064\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eTailored comfort typing.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Workrite Advantage #2110D understands that your comfort is paramount. With its removable palm support, you can customize your typing experience to suit your needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Palm-Supports_1024x1024_ac25cba0-1471-4fa1-a9b6-a53abce4f25b_480x480.webp?v=1692130220\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eEffortless mouse mastery.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eOne of the standout features of this innovative platform is its dual swivel-out mouse platforms. Designed for mouse-forward positioning, they provide a seamless and fluid mouse navigation experience. And when you're not using the mouse, simply store it under the keyboard tray, keeping your desk space free from unnecessary clutter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/2112_1__52853.1646114928.1280.1280__93101_480x480.jpg?v=1692130709\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform: .25” Phenolic platform\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 19” at the widest\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth: 11.28”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMouse Platform: 2- left and right; Swivel\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMouse Platform Depth: 9”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor: Black\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm Options(Sold separately): Pinnacle 2 Arm, Pinnacle 2 Extended Arm, Pinnacle AD Arm, Budget Arm, Locking Lever Arm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eUltra-thin platform\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCable management kit\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eBuilt-in document holder\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFor Right or Left Handed Users\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e2.5” Removable memory foam palm support\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"Default Title","offer_id":12217697009769,"sku":"UB2110D25","price":165.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-workrite-advantage-dual-platform-2110d-3666376523881.jpg?v=1559196945"},{"product_id":"workrite-banana-board-platform","title":"Workrite Microsoft Natural Banana Board Platform-UB2181SN","description":"\u003cp\u003eThe Workrite Microsoft Natural Banana Board Platform (UB2181SN) is an ultra-thin keyboard platform shaped to fit Microsoft Natural and Elite keyboards. Its mouse platform swings from left to right, so it adapts to either hand.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eUltra-thin platform contoured for Microsoft Natural and Elite keyboards\u003c\/li\u003e\n\u003cli\u003eMouse platform swings left or right in one motion\u003c\/li\u003e\n\u003cli\u003eRemovable palm support\u003c\/li\u003e\n\u003cli\u003eBuilt-in document holder\u003c\/li\u003e\n\u003cli\u003eCable management accessories included\u003c\/li\u003e\n\u003cli\u003eSKU: UB2181SN\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Workrite","offers":[{"title":"Default Title","offer_id":12219092205673,"sku":"UB2181SN","price":173.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-platform-workrite-microsoft-natural-banana-board-platform-3668426784873.jpg?v=1559195623"},{"product_id":"workrite-pinnacle-ad-arm","title":"Workrite Pinnacle AD arm","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eReach new heights.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eAre you tired of the one-size-fits-all approach to workstations? Are you searching for that perfect solution to optimize your productivity and efficiency? Look no further! The Pinnacle AD Arm is here to revolutionize your workspace and take your work experience to a whole new level.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eFlex your style.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith its space-saving design, this sleek and compact arm offers the ultimate flexibility, allowing you to tailor your workstation exactly the way you need it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-arm-17-workrite-pinnacle-ad-arm-3671919460457.jpg?v=1559195580\u0026amp;width=1080\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eGlide to organize.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWe understand that storage is essential for a tidy and organized workspace. That's why the Pinnacle AD 3176-17TG and 3176-22TG editions come equipped with a 17\" and 22\" \u003cspan data-mce-fragment=\"1\"\u003eball bearing track\u003c\/span\u003e, respectively.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-arm-17-workrite-pinnacle-ad-arm-3668545175657_1800x1800.jpg?v=1559195580\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eEfficiency elevated.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eUpgrade your workstation to a whole new realm of efficiency and style with the Pinnacle AD Arm. This is not just any mount; it's a game-changer that will adapt to your every work need.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/workrite-keyboard-arm-17-workrite-pinnacle-ad-arm-3668544618601_1800x1800.jpg?v=1559195580\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTilt Range: -15° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVertical Adjustment: From 7.25\" above to 7\" below the work surface\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTrack: 17” ball bearing track, 22” ball bearing track, 28\" ball bearing track\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Storage: 6” (17\" track), 11” (for 22” track), 17\"(28\" track)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSwivel: 360°\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLift-N-Lock one-touch height adjustmen\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLow profile ball bearing track, 5.75\" in width\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":12219192606825,"sku":"3176-17TG","price":242.99,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":12219192639593,"sku":"3176-22TG","price":252.99,"currency_code":"USD","in_stock":true},{"title":"28\"","offer_id":40566536732777,"sku":"3176-28TG","price":262.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-arm-17-workrite-pinnacle-ad-arm-3671919460457.jpg?v=1559195580"},{"product_id":"workrite-pinnacle-ad-value-arm","title":"Workrite Pinnacle AD Value Arm","description":"\u003cp\u003eThe Workrite Pinnacle AD Value Arm is a versatile keyboard arm that extends above your desk or tucks neatly underneath for storage. One-touch Lift-N-Lock height adjustment and a built-in tilt gauge make it easy to dial in a comfortable typing position.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eVertical adjustment from 7.25\" above to 7\" below the work surface\u003c\/li\u003e\n\u003cli\u003eTilt range -15° to +10° with built-in tilt gauge and ergonomic knob\u003c\/li\u003e\n\u003cli\u003e360° swivel\u003c\/li\u003e\n\u003cli\u003e17\" or 22\" low-profile nylon track (5.75\" wide) with 6\" or 11\" of platform storage\u003c\/li\u003e\n\u003cli\u003eBlack finish; SKUs 3177-17N, 3177-22N\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Workrite","offers":[{"title":"17\" Track","offer_id":12219298480233,"sku":"3177-17N","price":223.5,"currency_code":"USD","in_stock":true},{"title":"22\" Track","offer_id":12219298513001,"sku":"3177-22N","price":236.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-arm-17-track-workrite-pinnacle-ad-value-arm-3668636696681.jpg?v=1559195505"},{"product_id":"workrite-corner-rectangle","title":"Workrite Corner Rectangle","description":"\u003cp\u003eThe Workrite Corner Rectangle is a platform adapter that turns the corner of an L-shaped desk into usable keyboard space. It works with all Workrite keyboard arms and a wide range of Workrite platforms.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eDimensions: 26\" W x 15\" D x 1.5\" thick\u003c\/li\u003e\n\u003cli\u003eCompatible with all Workrite keyboard arms\u003c\/li\u003e\n\u003cli\u003eWorks with Workrite platforms including 188, 488, 2180S, 2181SN, 2100FT, 317RL, 2110D and more\u003c\/li\u003e\n\u003cli\u003eEasy to install\u003c\/li\u003e\n\u003cli\u003eAvailable in black or gray (179CR-B, 179CR-G)\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Workrite","offers":[{"title":"Black","offer_id":12219404976233,"sku":"179CR-B","price":171.5,"currency_code":"USD","in_stock":true},{"title":"Gray","offer_id":12219405009001,"sku":"179CR-G","price":171.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-corner-rectangle-black-workrite-corner-rectangle-3668778319977.jpg?v=1559195671"},{"product_id":"workrite-s2s-compact-system","title":"Workrite S2S Compact System","description":"\u003cp\u003eThe Workrite S2S Compact System turns a fixed height desk into a sit-stand workstation with a wide range of keyboard height adjustment. It pairs a Pinnacle S2S keyboard arm with a compact keyboard-and-mouse platform suited to smaller keyboards.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eVertical adjustment from 16\" above to 6\" below the work surface\u003c\/li\u003e\n\u003cli\u003eTilt range -20° to +10°; Lift-N-Lock height adjustment\u003c\/li\u003e\n\u003cli\u003eUltraThin .25\" solid phenolic platform for keyboards under 6\" deep\u003c\/li\u003e\n\u003cli\u003e17\" or 22\" low-profile nylon track\u003c\/li\u003e\n\u003cli\u003eRemovable palm support for left or right mouse users\u003c\/li\u003e\n\u003cli\u003eMeets ANSI\/BIFMA X5.5; black finish\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":12248005214313,"sku":"2472-17","price":405.99,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":12248005247081,"sku":"2472-22","price":417.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-arm-17-workrite-s2s-compact-system-3703221223529.jpg?v=1559195402"},{"product_id":"workrite-s2s-ultrathin-system","title":"Workrite S2S Ultrathin System","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eHeight freedom.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the S2S Ultrathin System – the ultimate solution to unlock the true potential of your workspace! Say goodbye to the limitations of fixed-height work centers and embrace the future of ergonomic comfort and productivity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eHeight flexibility.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith its unmatched range of height adjustability, the S2S Ultrathin System revolutionizes the way you work. Effortlessly transform your workstation from sitting to standing and find your perfect ergonomic position in an instant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/S2S_Ultrathin_Standing_480x480.webp?v=1689619215\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/S2S_Ultrathin_Standing_480x480.webp?v=1689619215\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eBuilt to last.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eRest assured, the S2S Ultrathin System is built to the highest standards. It meets the ANSI\/BIFMA X5.5 standards, guaranteeing durability, stability, and reliability. Invest in a product that not only enhances your working experience but also stands the test of time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/S2S_Ultrathin_Mid_480x480.webp?v=1689619675\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/S2S_Ultrathin_Mid_480x480.webp?v=1689619675\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eProductivity amplified.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eUpgrade your workspace with the S2S Ultrathin System and unlock a new level of comfort, flexibility, and productivity. Embrace the future of ergonomic excellence and take control of your workday like never before.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/S2S_Ultrathin_Sitting_1024x1024_af6599de-e787-4325-a017-e3dca5b356cd_480x480.webp?v=1689619835\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/S2S_Ultrathin_Sitting_1024x1024_af6599de-e787-4325-a017-e3dca5b356cd_480x480.webp?v=1689619835\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform: UltraThin™ .25\" solid phenolic\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 18 lb (17” track); 20lbs (22” track)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e30° Arm Tilt Range: -20° +10°\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVertical Adjustment: from 16\" above to 6\" below work surface\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTrack Length: 17” nylon; 22” nylon\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Storage: 17” track - exceeds 5.75” front of track, 22” track exceeds .75” front of track.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRemovable palm support\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLift-n-lock height adjustment\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSmooth gliding low profile nylon track\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform ideal for keyboards less than 6”.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAccommodates left and right mouse users\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eOptimizer document holder \u0026amp; cable management\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"17\"","offer_id":12248041816169,"sku":"2485-17","price":513.5,"currency_code":"USD","in_stock":true},{"title":"22\"","offer_id":12248041848937,"sku":"2485-22","price":521.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-arm-17-workrite-s2s-ultrathin-system-3703272505449.jpg?v=1559197081"},{"product_id":"workrite-metro-6-adjustable-keyboard-system","title":"Workrite Metro 6 Adjustable Keyboard System","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eDesign redefined.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the revolutionary Metro 6 Adjustable Keyboard System, a true game-changer in the world of ergonomic design. Crafted by the renowned industrial genius, Mark Müller, this masterpiece combines form and function seamlessly. Prepare to be captivated by its stunning features and the unparalleled convenience it brings to your workspace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003ePrecision meets comfort.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Metro 6 boasts the remarkable Pinnacle EX arm and the Pinnacle S2S Arm, renowned for its precision engineering and effortless adjustability. Paired with the exclusive Metro platform, this dynamic duo creates a harmonious symphony of comfort and efficiency.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Untitled_c4a889f4-be09-4964-8dbd-56eb63ee34cf_480x480.jpg?v=1689613286\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003ePamper your wrists.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eIndulge in the luxurious comfort of the molded wrist cushion, thoughtfully designed to cradle your hands and provide a supportive oasis for your typing endeavors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/workrite-keyboard-and-mouse-platform-black-black-workrite-metro-6-adjustable-keyboard-system-3752069202025_1800x1800_6695e605-c63f-40a7-8140-9185d04dd153_480x480.webp?v=1689615446\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eElevate and adjust.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWorkrite Metro 6 Lift-n-Lock! Elevate your work experience with effortless height adjustment, available in 17\" or 22\" nylon glide track options. With an impressive 30° tilt range (-20° to +10°), find your perfect ergonomic sweet spot and unlock a new level of productivity and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/metro6-dims_480x480.jpg?v=1689616141\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform: Metro 26.75\" straight keyboard platform; .25\" phenolic aminate\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Length: 26.5”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Depth: 10.5”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm: Pinnacle EX, Pinnacle S2S\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e30° Arm Tilt Range: -20° +10° with Dial-a-Tilt knob\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVertical Arm Adjustment: Adjusts from 2.38\" above to 6.5\" below worksurface (EX), Adjusts from 16\" above to 6\" below worksurface (S2S)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eArm Swivel: 360° at the track\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTrack Length: 17\" - 22″ nylon glide track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRemovable molded palm support to accommodate left and right-hand users.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eIntegrated rear blockstopper that keeps keyboard and mouse from slipping. Vertical arm adjustment to enhance comfort.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e360° arm swivel at track.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eIntegrated Mouse-tray.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Workrite","offers":[{"title":"Pinnacle EX-Black \u0026 Black \/ 17\"","offer_id":12292058611817,"sku":"METRO6-S-BK","price":350.5,"currency_code":"USD","in_stock":true},{"title":"Pinnacle EX-Black \u0026 Black \/ 22\"","offer_id":40563525550185,"sku":"METRO6-BK","price":350.5,"currency_code":"USD","in_stock":true},{"title":"Pinnacle EX-White \u0026 Ash \/ 17\"","offer_id":12292102193257,"sku":"METRO6-S-WH","price":350.5,"currency_code":"USD","in_stock":true},{"title":"Pinnacle EX-White \u0026 Ash \/ 22\"","offer_id":40563525582953,"sku":"METRO6-WH","price":350.5,"currency_code":"USD","in_stock":true},{"title":"Pinnacle S2S-Silver\/White \u0026 Ash \/ 17\"","offer_id":40563525615721,"sku":"24M6-17-WH","price":356.5,"currency_code":"USD","in_stock":true},{"title":"Pinnacle S2S-Silver\/White \u0026 Ash \/ 22\"","offer_id":40563525648489,"sku":"24M6-22-WH","price":365.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/workrite-keyboard-and-mouse-platform-black-black-workrite-metro-6-adjustable-keyboard-system-3752071168105.jpg?v=1571262034"},{"product_id":"kinesis-freestyle2-for-pc","title":"Kinesis Freestyle2 for PC","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eRevolutionize your typing.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the ultimate keyboard revolution: The Freestyle2 for PC! Get ready to experience typing like never before with this extraordinary split keyboard. Designed to adapt to your unique needs, it's connected by an adjustable cable, allowing you to position the two parts exactly how you want them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eElevate typing comfort.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Freestyle2 boasts a stunning low profile that not only looks stylish but also prioritizes your comfort. With its zero-degree slope, this keyboard takes wrist strain reduction to a new level, making long typing sessions a breeze.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/maxresdefault_f8fb6ae9-8c43-44d1-b666-1e160cc37370_480x480.jpg?v=1689096694\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCustomize your comfort.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eBut that's not all that sets the Freestyle2 apart. With the option to purchase it pre-installed with either the VIP3 (KB820PB-us) or V3 (KB830PB-us) accessory, you can take your typing experience to new heights.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/kinesis-keyboard-20-keyboard-only-kinesis-freestyle2-for-pc-3760969187433.jpg?v=1559197048\u0026amp;width=1080\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eType with total freedom.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eImmerse yourself in its split keyboard technology, indulge in its ergonomic design, and conquer your typing tasks with ease. Upgrade your keyboard game and embrace the future of comfortable and customizable typing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/maxresdefault_1_480x480.jpg?v=1689097816\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 15 3\/8” (KB800PB-us); 20” (KB800PB-us-20)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMax Height: 7 ⅛’’\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth: 7 ⅛’’\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKeyboard Weight: 2 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eShipping Weight: 3 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor: Black\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWired or Wireless: Wired; USB connector\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eUSB cable length: 6 feet\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMax Height: 15° slope: 2 7\/8 ”; at 10° slope: 2 1\/8 ”; at 5° slope: 1 1\/2”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWith the V3 (AC730-blk) Accessory: One set of right and left V3 lifters\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMax Height: 15° slope: 2 7\/8“; at 10° slope: 2 1\/8”; at 5° slope: 1 1\/2”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eOperating Systems: Windows 7, Windows 8 \u0026amp; Windows 10; Linux\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eZero degree slope from front to back to keep your wrists in a neutral position, reducing wrist strain.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLinking cable to allow for adjustment in position and distance to ensure great user comfort.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLow-force and tactile key switches to reduce pressure on your fingertips.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlug-and-Play and therefore does not require driver installations.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kinesis","offers":[{"title":"9\" (Keyboard Only)","offer_id":12300465307753,"sku":"KB800PB-us","price":89.0,"currency_code":"USD","in_stock":true},{"title":"9\" (Pre-Assembled w\/ V3)","offer_id":12300465340521,"sku":"KB830PB-us","price":174.0,"currency_code":"USD","in_stock":true},{"title":"9\" (Pre-Assembled w\/ VIP3)","offer_id":12300465373289,"sku":"KB820PB-us","price":189.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/kinesis-keyboard-20-keyboard-only-kinesis-freestyle2-for-pc-3760959357033.jpg?v=1559197048"},{"product_id":"kinesis-freestyle2-for-mac","title":"Kinesis Freestyle2 for Mac","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eType with bliss\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eAre you tired of the same old, uncomfortable keyboards that leave your wrists aching and your productivity suffering? Say goodbye to those woes and embrace a new level of typing bliss with the revolutionary Freestyle2 for Mac Keyboard.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003eCustomize your comfort\u003c\/span\u003e.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003e Say goodbye to the rigid, one-size-fits-all approach of traditional keyboards. With this adjustable feature, you have the freedom to position the keyboard parts exactly how you want them—tailored to your preferred distance and orientation. Finally, a keyboard that adapts to you, not the other way around.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/kinesis-keyboard-20-keyboard-only-kinesis-freestyle2-for-mac-3761378001001_1800x1800_c6d290cf-8f27-4762-a0dd-e4c9bf1ff9e9_480x480.jpg?v=1689093386\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003e\"Elevate your workspace.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eSleek and portable, the Freestyle2 boasts a stunning low profile design that will elevate the aesthetics of any workspace. Its elegant appearance is matched only by its ergonomic prowess.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/202_1800x1800.jpg?v=1651786908\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eComfort redefined.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe keyboard's zero-degree slope is a game-changer, offering a more natural typing angle that helps reduce wrist strain and enhance comfort, even during those marathon typing sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"kinesis-keyboard-20-keyboard-only-kinesis-freestyle2-for-mac-3761385209961_1800x1800.jpg (1800×1343)\" src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/kinesis-keyboard-20-keyboard-only-kinesis-freestyle2-for-mac-3761385209961_1800x1800.jpg?v=1651786826\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 15 3\/8” (KB80HMB-us); 20” (KB800HMB-us-20)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMax Height: ¾”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth: 7 ⅛’’\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKeyboard Weight: 2 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eShipping Weight: 3 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eColor: Black\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWired or Wireless: Wired; USB connector\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eUSB cable length: 6 feet\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMax Height: 15° slope: 2 7\/8 ”; at 10° slope: 2 1\/8 ”; at 5° slope: 1 1\/2”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMax Height: 15° slope: 2 7\/8“; at 10° slope: 2 1\/8”; at 5° slope: 1 1\/2”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eOperating Systems: Mac OS 8.6 and higher\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eZero degree slope from front to back to keep your wrists in a neutral position, reducing wrist strain.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLinking cable to allow for adjustment in position and distance to ensure great user comfort.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eLow-force and tactile key switches to reduce pressure on your fingertips.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlug-and-Play and therefore does not require driver installations.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kinesis","offers":[{"title":"9\" (Keyboard Only) Standard Separation","offer_id":12300865863785,"sku":"KB800HMB-us","price":98.0,"currency_code":"USD","in_stock":true},{"title":"20\" (Keyboard Only) Extended Separation","offer_id":12300865831017,"sku":"KB800HMB-us-20","price":115.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/kinesis-keyboard-20-keyboard-only-kinesis-freestyle2-for-mac-3761305190505.jpg?v=1559201506"},{"product_id":"neutral-posture-stand-up-sit-stand-keyboard-tray","title":"Neutral Posture Stand Up Sit-Stand Keyboard Tray","description":"\u003ch2\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe Stand Up Sit-Stand Keyboard Tray is an affordable and easy-to-use sit-stand conversion kit is ergonomically designed to lessen muscle fatigue and even prevent Repetitive Strain Injury (RSI) resulting from working all day in front of the computer. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThis award-winning workstation solution can boost the height range of any keyboard tray system, allowing users to alternate between sitting down and standing up while working. This means that you get to stretch your legs and arms from time to time while working, improving respiration, reaction alertness and productivity.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"panel panel-default\"\u003e\n\u003cbr\u003e\n\u003ctable style=\"width: 503px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 186px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eKeyboard Platform\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 303px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e20\" W x 11.5\" D\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 186px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eTilt Range\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 303px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e0° to -15°\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 186px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eVertical Adjustment\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 303px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eFrom flush to 6\" below work surface\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 186px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eTrack\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 303px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e6\" W x 23\" D\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 186px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eWeight\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 303px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e12 lbs\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 186px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eWarranty\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 303px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eLifetime\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eFeatures\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003cul\u003e\n\u003cli\u003eAdditional 2\"-11\" height adjustment.\u003c\/li\u003e\n\u003cli\u003eCompatible with most keyboard tray brands.\u003c\/li\u003e\n\u003cli\u003eInfinite range positioning and effortless adjustability.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"Neutral Posture","offers":[{"title":"Default Title","offer_id":12518782107753,"sku":"SUP04","price":252.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/neutral-posture-keyboard-sit-stand-platform-neutral-posture-stand-up-sit-stand-keyboard-tray-4003851239529.jpg?v=1559194439"},{"product_id":"goldtouch-v2-adjustable-keyboard-pc-only-usb","title":"Goldtouch V2 USB Comfort Keyboard (black) + PS2 Connector - GTN-0099","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eBeyond typing bliss.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Goldtouch V2 Adjustable Comfort Keyboard - the sensational successor to the renowned premier Goldtouch keyboard that has captured your heart. Prepare to be amazed as we take you on a journey beyond your wildest typing dreams. With its unrivaled ergonomic design, this keyboard has been crafted with absolute perfection to cater to your individual needs. Say goodbye to discomfort and hello to a world of typing bliss!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eUnmatched typing perfection.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWhether you're a seasoned professional or a passionate gamer, this exceptional keyboard guarantees an unparalleled typing experience tailored to your specific requirements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouchkey-GTN-0099-GLD100-4__22551_480x480.jpg?v=1688066695\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eCustomized comfort.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eSay goodbye to strained wrists and hello to optimum comfort with our adjustable split design, allowing you to find the ideal position that suits your body's unique contours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Goldtouch-V2-Adjustable-Keyboard-Ambient-Top_480x480.jpg?v=1688066864\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eMaximum satisfaction.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith its cutting-edge features, including whisper-quiet keys and responsive tactile feedback, your typing will become an absolute pleasure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouchkey-GTN-0099-GLD100-3__89592_480x480.jpg?v=1688067031\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Requirements: Windows 2000, Windows XP, Windows Vista, Windows 7, Windows 8, Windows 10, USB or PS2 Port Connectivity\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 16.25 inches \/ 41.275 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth (front-to-back): 6.75 in \/ 17.145 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eHeight at home row: 1.25 in \/ 3.175 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 3.3 lb \/ 1.5 kg\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCable Length: 5 ft 11 inches \/ 1.8 m\u0026lt;\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTravel Distance: 3.6mm, +\/-.5mm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eActivation Key Force: 36g-42g (average)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePrevent carpal tunnel with the perfect fit: This keyboard adjusts from 0-30° on the horizontal plane to properly straighten your wrists and provides 0-30° of vertical tenting to help you achieve a more natural and comfortable position.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAllows for dynamic positioning: Two feet on the back of the keyboard create a negative sloping angle, positioning your wrists in a neutral or downward position rather than tilted upward.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSoft key touch, low activation force, and full key travel distance: Provides keying comfort and reduces the risk of “bottoming out” when typing.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFully PC Compatible: Includes a USB and a PS2 connector for easy use with your PC. Just plug and play.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Goldtouch","offers":[{"title":"Default Title","offer_id":12551628521577,"sku":"GTN-0099","price":89.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/goldtouch-keyboard-goldtouch-v2-adjustable-keyboard-pc-only-usb-4051550470249.jpg?v=1559170502"},{"product_id":"goldtouch-v2-adjustable-keyboard-pc-and-mac-usb","title":"Goldtouch V2 Adjustable Keyboard | PC and Mac (USB) - GTU-0088","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eType in pure bliss.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing Welcome to Comfort 2.0, where productivity meets pure bliss! Get ready to immerse yourself in the ultimate typing experience with the revolutionary Goldtouch V2 Adjustable Comfort Keyboard.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eEffortless typing mastery.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eFeel the difference as you glide your fingers across the keys, effortlessly typing your way to success. This second-generation masterpiece is designed to cater to your individual body and typing style, making work feel like a soothing breeze.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouchkey-GTN-0099-GLD100-3__89592_480x480.jpg?v=1688067031\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eInnovative comfort.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Goldtouch V2 Adjustable Comfort Keyboard is here to transform your workspace into a haven of comfort and efficiency. Every keystroke is met gently, reducing strain and minimizing the risk of repetitive strain injuries. No more tense shoulders or aching wrists—just pure typing bliss.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouchkey-GTN-0099-GLD100-4__22551_480x480.jpg?v=1688066695\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eSpill-proof excellence.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eEnjoy seamless connectivity with both Mac and PC systems, enabling you to switch between devices effortlessly. The whisper-quiet keys allow you to focus without any distracting clatter, while the spill-resistant design ensures durability and longevity.\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/71O18h5624L._AC_UF1000_1000_QL80_480x480.jpg?v=1688069262\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Requirements: Windows 2000, Windows XP, Windows Vista, Windows 7, Windows 8, Windows 10, Mac OS 10.4, and newer\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 16.25 inches \/ 41.275 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth (front-to-back): 6.75 in \/ 17.145 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eHeight at home row: 1.25 in \/ 3.175 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 3.3 lb \/ 1.5 kg\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCable Length: 5 ft 11 inches \/ 1.8 m\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eComplete Adjustability: With 0°-30° of adjustments on the horizontal and vertical planes, the Comfort Keyboard will straighten your hands, wrists, shoulders, and back, helping to prevent carpal tunnel syndrome and other RSIs.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eA better typing experience: With soft keys, a low activation force and full key travel distance, reduce the risk of “bottoming out” while typing.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpace saving: This compact keyboard will fit nicely into limited spaces, reducing shoulder abduction when reaching for mice and other peripherals.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Goldtouch","offers":[{"title":"Default Title","offer_id":12553055862889,"sku":"GTU-0088","price":96.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/goldtouch-keyboard-goldtouch-v2-adjustable-keyboard-pc-and-mac-usb-4053823488105.jpg?v=1559170561"},{"product_id":"goldtouch-go-2-bluetooth-wireless-mobile-keyboard-pc-and-mac","title":"Goldtouch Go!2 Bluetooth Wireless Mobile Keyboard | PC and Mac - GTP-0044W","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003ePortable powerhouse.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the epitome of convenience and style: the remarkable Go!2 Bluetooth Wireless Mobile Keyboard. Uniting the seamless portability of Goldtouch's ergonomic design with cutting-edge Bluetooth technology, this keyboard revolutionizes the on-the-go work experience like never before.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003ePerfection in portability.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eCrafted with meticulous precision, this keyboard boasts full-sized keys that ensure a comfortable typing experience even when you're away from your traditional workstation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"goldtouch-keyboard-goldtouch-go-2-bluetooth-wireless-mobile-keyboard-pc-and-mac-4053906686057_1800x1800.jpg (1003×303)\" src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/goldtouch-keyboard-goldtouch-go-2-bluetooth-wireless-mobile-keyboard-pc-and-mac-4053906686057_1800x1800.jpg?v=1559170861\" data-mce-src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/goldtouch-keyboard-goldtouch-go-2-bluetooth-wireless-mobile-keyboard-pc-and-mac-4053906686057_1800x1800.jpg?v=1559170861\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eEmbrace wireless freedom.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eImmerse yourself in a world of wireless freedom as you connect this keyboard to your devices with the latest Bluetooth technology. Say goodbye to messy cables and tangled wires, and embrace the liberating simplicity of a truly wireless connection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/is201508180465-1_480x480.jpg?v=1687904255\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/is201508180465-1_480x480.jpg?v=1687904255\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eSophisticated ergonomic brilliance.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eNot only does this keyboard embody ergonomic excellence, but it also emanates elegance in every detail. Its sleek and sophisticated design elevates your workspace, reflecting your commitment to both style and substance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/3500-3_goldtouch-mobilni-skladaci-klavesnice-bezdratova_480x480.jpg?v=1687904460\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/3500-3_goldtouch-mobilni-skladaci-klavesnice-bezdratova_480x480.jpg?v=1687904460\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Requirements: Windows 2000, Windows XP, Windows Vista, Windows 7, Windows 8, Windows 10, Mac OS 10.4 and newer, iPad 1, 2nd Generation or higher\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eConnects via Bluetooth technology.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlease note, this keyboard does not come with a Bluetooth Dongle Adapter. Many newer PC's, Mac's, and laptops have a built-in Bluetooth receiver, and do not require a dongle adapter.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 13.5 inches \/ 34.29 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth (front-to-back): 6 inches \/ 15.24 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eHeight .9 inches \/ 2.29 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 1.1 lb \/ .5 kg\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFolded Width: 7 inches \/ 17.78 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFolded Depth (front-to-back): 6 inches \/ 15.24 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFolded Height: 2.5 inches \/ 6.35 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKey Travel Distance: 2.7 mm, +\/-1 mm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eActivation Key Force: 40-45g (average)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEnjoy patented Goldtouch comfort: With our patented lock and lever system, find perfect fit with adjustments from 0º to 30º along the horizontal plane and 0º to 30º along the vertical plane.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNo cord catches or tangles: Bluetooth technology will sync this cordless keyboard with all your mobile devices.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eGoes where you do: Light, slim, and easy to fold, the Go!2 Bluetooth Wireless Mobile Keyboard is as portable as any mobile device.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTake advantage of driver-free installations: The Goldtouch Go!2 Bluetooth Wireless Mobile Keyboard is compatible with Windows 7, 8, 10, Vista, XP, and 2000, and Mac 10.4 and above. Just pair and play! Additionally, this keyboard has multimedia key support for both Windows and Mac OS.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Goldtouch","offers":[{"title":"Default Title","offer_id":12553094627433,"sku":"GTP-0044W","price":119.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/goldtouch-keyboard-goldtouch-go-2-bluetooth-wireless-mobile-keyboard-pc-and-mac-4053906686057.jpg?v=1559170861"},{"product_id":"goldtouch-go-2-mobile-keyboard-pc-and-mac","title":"Goldtouch Go!2 Mobile Keyboard PC and Mac - GTP-0044","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003ePortable perfection\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the remarkable Goldtouch Go!2 Mobile Keyboard, a true marvel designed for the modern, on-the-move professional. Sleek, slim, and feather-light, this keyboard effortlessly blends portability with unrivaled comfort, making it the ultimate work and travel companion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eUnmatched typing bliss.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWhile other travel ergonomic keyboards leave you yearning for more, the Goldtouch Go!2 Mobile Keyboard emerges as a game-changer. Equipped with full-sized keys, this remarkable innovation ensures that your typing experience remains utterly satisfying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/key_ovation_goldtouch_go2_mobile_keyboard_p5_600x600_67594d48-c248-454d-b12e-0dfa34931e1c_480x480.jpg?v=1687969549\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eUnparalleled sophistication.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eImpeccably crafted with a discerning eye for detail, this keyboard exudes an air of elegance and sophistication. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouch-keyboard-goldtouch-go-2-mobile-keyboard-pc-and-mac-4054143008873_1800x1800_0c4152b9-5b89-4f19-ae32-c8139a16d047_480x480.jpg?v=1687970087\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003ePortable powerhouse.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe Goldtouch Go!2 Mobile Keyboard's lightweight construction means you can effortlessly slip it into your bag, barely adding any weight to your on-the-go lifestyle. No more lugging around heavy, clunky keyboards. Embrace the freedom of mobility without compromising on the quality and comfort of your typing experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/GOLDTCH1_480x480.webp?v=1687971133\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Requirements: Windows 2000, Windows XP, Windows Vista, Windows 7, Windows 8, Windows 10, Mac OS 10.4, and newer\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWidth: 13.5 inches \/ 34.29 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDepth (front-to-back): 6 inches \/ 15.24 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eHeight .9 inches \/ 2.29 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWeight: 1.1 lb \/ .5 kg\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCable Length: 5 ft 1.5 inches \/ 1.56 m\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFolded Width: 7 inches \/ 17.78 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFolded Depth (front-to-back): 6 inches \/ 15.24 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFolded Height: 2.5 inches \/ 6.35 cm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKey Travel Distance: 2.7 mm, +\/-1 mm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eActivation Key Force: 40-45g(average)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFind your perfect fit: Adjusts from 0º to 30º along the horizontal and vertical planes, allowing you to find the perfect position that fits your body type.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eErgonomic comfort and precision: Features a scissor-switch system for fluid, silent keystrokes with tactile feedback.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eBuilt for convenience: From airplane tray tables to hotel desks, this slim keyboard fits neatly within even the smallest spaces. Additionally, this keyboard folds to a compact size for even greater travel convenience.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDriver-free installations for a wide range of platforms: Compatible with Windows 7, 8, 10, Vista, XP, and 2000, and Mac 10.4 and above. Just plug and play! This keyboard also features multimedia key support for both Windows and Mac OS.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAdjustability: The Goldtouch ergonomic keyboard allows for 0°-30° adjustment on the horizontal plane, combined with 0°-30° adjustment of vertical tenting to help straighten your hands, wrists, shoulders and back\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSoft key touch, low activation force, and full key travel distance provides keying comfort and reduces risk from “bottoming out” when typing.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCompact size allows for use in limited space environments, and reduces shoulder abduction when reaching for mice and other peripherals.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEase of use and intuitive design allow new users to adjust the keyboard to a comfortable typing position without additional accessories or attachments.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Goldtouch","offers":[{"title":"Default Title","offer_id":12553268330601,"sku":"GTP-0044","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/goldtouch-keyboard-goldtouch-go-2-mobile-keyboard-pc-and-mac-4054142877801.jpg?v=1559170682"},{"product_id":"kinesis-advantage2-ergonomic-keyboard-kb600","title":"Kinesis Advantage2 Ergonomic Keyboard (KB600) Free 2nd Day Air Shipping","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eComfort and precision.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eThe Advantage2 features Kinesis' patented Contoured keyboard design and low-force mechanical key switches to address the major risk factors associated with keyboarding for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eCustomize and simplify.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe fully programmable Advantage2 features Kinesis’ all-new SmartSet Programming Engine, allowing you to customize the keyboard’s layout without installing clunky software or special drivers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/3842-1_kinesis-advantage2-kb600-us-cherry-mx-brown-programmable-keyboard--windows-mac_7f731852-4d2e-49a6-876d-fd57f0746007_480x480.jpg?v=1689190093\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/3842-1_kinesis-advantage2-kb600-us-cherry-mx-brown-programmable-keyboard--windows-mac_7f731852-4d2e-49a6-876d-fd57f0746007_480x480.jpg?v=1689190093\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eKeycap precision.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eKeycap heights are varied to match the different lengths of your fingers. The result is less muscle tension and a shorter reach for keys, increasing efficiency and reducing fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"kinesis-keyboard-kinesis-advantage2-ergonomic-keyboard-kb600-free-2nd-day-air-shipping-4115027951721_1800x1800.jpg (1500×964)\" src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/kinesis-keyboard-kinesis-advantage2-ergonomic-keyboard-kb600-free-2nd-day-air-shipping-4115027951721_1800x1800.jpg?v=1559162222\" data-mce-src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/kinesis-keyboard-kinesis-advantage2-ergonomic-keyboard-kb600-free-2nd-day-air-shipping-4115027951721_1800x1800.jpg?v=1559162222\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003ePerfect alignment.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eSeparating the keywells positions the arms at shoulder-width to keep wrists straight and perpendicular to the home row.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"kinesis-keyboard-kinesis-advantage2-ergonomic-keyboard-kb600-free-2nd-day-air-shipping-4115027918953_1800x1800.jpg (1500×1003)\" src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/kinesis-keyboard-kinesis-advantage2-ergonomic-keyboard-kb600-free-2nd-day-air-shipping-4115027918953_1800x1800.jpg?v=1559162222\" data-mce-src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/kinesis-keyboard-kinesis-advantage2-ergonomic-keyboard-kb600-free-2nd-day-air-shipping-4115027918953_1800x1800.jpg?v=1559162222\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eConcave key wells\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVertical key layout\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSmaller footprint\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMechanical Key Switch\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eConcave keywells - The keywells are scooped into a concave shape to reduce hand and finger extension. Hands rest in a natural, relaxed position, with the fingers curled down to the keys. Keycap heights are varied to match the different lengths of your fingers. The result is less muscle tension and a shorter reach for keys which increases efficiency and reduces fatigue.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSeparate keywells for each hand - Separating the keywells positions the arms at shoulder-width to keep wrists straight and perpendicular to the home row. Typing with straight wrists is essential in avoiding injuries because it reduces abduction and ulnar deviation which can lead to pain and injury.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSeparate thumb keys - The thumb keypad includes often used keys such as Enter, Space, Backspace, Delete and the combination keys, Control and Alt on the PC (Command and Option on the Macintosh). This redistributes the workload away from your relatively weaker and overused little fingers to stronger thumbs as well eliminating extension for these more distant keys.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e20-degrees of tenting\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kinesis","offers":[{"title":"Default Title","offer_id":32647263584361,"sku":"KB600","price":379.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/kinesis-keyboard-kinesis-advantage2-ergonomic-keyboard-kb600-free-2nd-day-air-shipping-4115028246633.jpg?v=1559162222"},{"product_id":"innovative-model-8209-flip-up-keyboard-tray-monitor-holder","title":"Combination Flip LCD\/Keyboard Holder","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eVersatile ergo powerhouse.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the revolutionary Model 8209 Flip-Up Keyboard Tray and Monitor Holder—an ergonomic game-changer! Say goodbye to discomfort and hello to effortless productivity with this sleek and versatile workstation companion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eStrain-free viewing bliss.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eDesigned with your comfort in mind, the Model 8209 allows you to position your monitor at the perfect height above your keyboard, providing optimal viewing angles and reducing strain on your neck and eyes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/Innovative_8209_Flip-Up_Keyboard_TrayLCD_Holder_480x480.jpg?v=1688154181\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eAdaptive Perfection.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eLeft-handed or right-handed, this keyboard tray has got you covered! Equipped with an adjustable mouse tray, it effortlessly accommodates users of all preferences. Now, you can navigate your digital world easily and precisely, enhancing your workflow like never before.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/innovative-keyboard-tray-monitor-holder-black-innovative-model-8209-flip-up-keyboard-tray-monitor-holder-4297271541865_1800x1800_77dcfd1e-4f24-4af2-b1a9-640cdc402895_480x480.webp?v=1688154471\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eSpace-saving marvel.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWhen you're not using your workstation, fold the keyboard tray against the monitor, reclaiming precious desk space. It's a modern marvel that seamlessly integrates into any workspace, whether a cozy corner or a bustling office.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/8326-7509-248-folded-500x500_480x480.jpg?v=1688154764\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Length: 25.6” including mouse tray\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMonitor Stand Height: 16.6”\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKeyboard Clearance when Folded: 4\"\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlatform Depth: 13.8” from keyboard tray handle to monitor stand\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTray\/Holder Weight: 6 lbs\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTray\/Holder Material: Aluminum\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNote: Monitor Arm sold separately \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDesigned to accommodate left and right-hand users.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCompatible with 75mm and 100mm VESA monitors.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpace-saving integrated keyboard tray and monitor holder.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"HAT Design Works","offers":[{"title":"White","offer_id":13626331791465,"sku":"8209-248","price":315.7,"currency_code":"USD","in_stock":false},{"title":"Silver","offer_id":13626331824233,"sku":"8209-124","price":315.7,"currency_code":"USD","in_stock":false},{"title":"Black","offer_id":13626331857001,"sku":"8209-104","price":315.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/innovative-keyboard-tray-monitor-holder-white-innovative-model-8209-flip-up-keyboard-tray-monitor-holder-4297271410793.png?v=1559163602"},{"product_id":"innovative-8137-keyboard-platform-with-wrist-rest","title":"8137 Keyboard Platform with Wrist Rest","description":"\u003ch3\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cstrong\u003eHat Design Works 8137 – Keyboard Platform with Wrist Res\u003c\/strong\u003et\u003c\/span\u003e\u003c\/h3\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"flex p-4 gap-4 text-base md:gap-6 md:max-w-2xl lg:max-w-[38rem] xl:max-w-3xl md:py-6 lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex items-start overflow-x-auto whitespace-pre-wrap break-words flex-col gap-4\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eIntroducing the Hat Design Works 8137 – Keyboard Platform with Wrist Rest8138, the ultimate keyboard and mouse platform designed to revolutionize your work experience! Say goodbye to discomfort and hello to seamless adaptability with this ingenious creation.\u003c\/p\u003e\n\u003cp\u003eLefties and righties, rejoice! Our keyboard platform is engineered to cater to all users, regardless of your dominant hand. With its smart design, you can effortlessly switch between left-handed and right-handed configurations, providing a tailored and ergonomic setup that perfectly suits your needs.\u003c\/p\u003e\n\u003cp\u003eBut here's where it gets even better: the Hat Design Works 8137 – Keyboard Platform with Wrist Rest8138 goes beyond your typical platform. It unleashes a new level of freedom and flexibility with the 8131 keyboard adapter, allowing independent rotation and pivot motion separate from your monitor. Imagine effortlessly gliding your keyboard and mouse in any direction, adapting to your workflow like a well-choreographed dance.\u003c\/p\u003e\n\u003cp\u003eComfort is king, and we've got you covered. This innovative platform comes equipped with a luxurious wrist rest, ensuring that your hands are cradled in blissful support. No more strained wrists or discomfort during those intense work sessions. It's time to experience pure typing bliss and ergonomic perfection.\u003c\/p\u003e\n\u003cp\u003eCrafted with the highest quality materials, our keyboard platform is built to withstand the test of time. Its sturdy construction ensures stability, while the sleek design adds a touch of modern elegance to your workspace. Get ready to turn heads and inspire envy among your colleagues with this eye-catching addition.\u003c\/p\u003e\n\u003cp\u003eUpgrade your workspace with the Hat Design Works 8137 – Keyboard Platform with Wrist Rest8138 and embrace a new era of productivity and comfort. Experience the joy of effortless adaptability and ergonomic excellence. With this revolutionary platform by your side, there are no limits to what you can achieve. Say goodbye to the mundane and hello to a world of innovation. It's time to take control of your work experience like never before.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e  \u003c\/p\u003e\n\u003ch2 data-lineheight=\"26\" data-fontsize=\"16\"\u003eSpecifications\u003cbr\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003ctable style=\"width: 509px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 404px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003ePlatform Length\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 91px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e27.5”\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 404px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003ePlatform Depth\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 91px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e11”\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cul\u003e\u003c\/ul\u003e","brand":"HAT Design Works","offers":[{"title":"White","offer_id":13626522370153,"sku":"8137-248","price":227.0,"currency_code":"USD","in_stock":false},{"title":"Silver","offer_id":13626522402921,"sku":"8137-124","price":227.0,"currency_code":"USD","in_stock":false},{"title":"Black","offer_id":13626522435689,"sku":"8137-104","price":227.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/innovative-keyboard-tray-white-innovative-8137-keyboard-platform-with-wrist-rest-4297543024745.png?v=1559165583"},{"product_id":"innovative-8138-left-or-right-handed-keyboard-platform","title":"8138 Left or Right-handed Keyboard Platform","description":"\u003ch3\u003e\u003cspan\u003eHat Design Works 8138 – Left- or Right-handed Keyboard Platform\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eIntroducing the game-changer in keyboard accessories: the Sturdy Large Keyboard Platform! Designed with precision and versatility in mind, this revolutionary platform is here to take your typing experience to a whole new level.\u003c\/p\u003e\n\u003cp\u003eSay goodbye to cramped spaces and hello to ultimate comfort. Our Sturdy Large Keyboard Platform offers ample room for your keyboard and mouse, providing you with the freedom to unleash your full potential. No more juggling between devices or compromising on your productivity.\u003c\/p\u003e\n\u003cp\u003eBut that's not all! We understand that everyone has their own unique style, so we've made this platform adaptable for both left- and right-handed users. You heard it right – we've got your back, regardless of which hand you prefer to dominate with. It's time to let your creativity flow without any limitations.\u003c\/p\u003e\n\u003cp\u003eCrafted with durability in mind, this platform is built to last. Its sturdy construction ensures stability and reliability, allowing you to focus on what matters most – conquering your tasks with ease. So, whether you're a hardcore gamer, a meticulous professional, or an aspiring artist, the Sturdy Large Keyboard Platform is your trusty companion through it all.\u003c\/p\u003e\n\u003cp\u003eTo top it off, this incredible platform requires the 8131 Keyboard Adapter, ensuring seamless compatibility with a wide range of keyboards. We've got the details covered, so you can simply plug in and get started on your journey towards greatness.\u003c\/p\u003e\n\u003cp\u003eIt's time to transform your workspace into a powerhouse of productivity and creativity. Don't settle for anything less than the best – choose the Sturdy Large Keyboard Platform and unlock your true potential. Get ready to elevate your typing experience to new heights!\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"\"\u003e\n\u003cli\u003eDimensions 27.5\" x 11\"\u003c\/li\u003e\n\u003cli\u003eColor 104 - Vista Black, 124 - Silver, 248 - Flat White\u003c\/li\u003e\n\u003cli\u003eIndependent rotation \u0026amp; pivot between monitor and keyboard tray\u003c\/li\u003e\n\u003cli\u003eREQUIRES\u003cspan\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/innovativeworkspaces.com\/product\/model-8131-52-10-lcd-arm-keyboard-adapter\/\"\u003e8131 Keyboard Adapter\u003c\/a\u003e\u003cspan\u003e \u003c\/span\u003e(included with\u003cspan\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/innovativeworkspaces.com\/product\/9140\/\"\u003e9140 data entry arm\u003c\/a\u003e)\u003c\/li\u003e\n\u003cli\u003eCombination mouse tray adapts for left or right-handed users.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eKeyboard tray with wrist rest and space for mouse\u003c\/li\u003e\n\u003cli\u003e27.5\" wide, 11\" deep\u003c\/li\u003e\n\u003cli\u003eMove mouse pad for left hand users, right hand users\u003c\/li\u003e\n\u003cli\u003e8131 keyboard adapter required to be added to any monitor arm\u003c\/li\u003e\n\u003cli\u003eRotate, pivot monitor and keyboard tray independent of each other \u003c\/li\u003e\n\u003c\/ul\u003e","brand":"HAT Design Works","offers":[{"title":"Silver","offer_id":13627954266217,"sku":"8138-124","price":170.8,"currency_code":"USD","in_stock":false},{"title":"Black","offer_id":13627954298985,"sku":"8138-104","price":170.8,"currency_code":"USD","in_stock":false},{"title":"White","offer_id":40683491295337,"sku":"8138-248","price":170.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/innovative-keyboard-tray-white-innovative-8138-left-or-right-handed-keyboard-platform-4299764400233.png?v=1559165520"},{"product_id":"innovative-8056-left-or-right-handed-mouse-tray-option","title":"8056 Left or Right-handed Mouse tray option-8056-003","description":"\u003ch3\u003e\n\u003cspan\u003e\u003c\/span\u003eHat Design Works 8056  Left or Right-Handed Mouse Tray Option\u003c\/h3\u003e\n\u003cp\u003eIntroducing the game-changer in ergonomic productivity: the 8056 Left or Right-handed Mouse Tray Option! Designed to revolutionize your work setup, this versatile accessory is an absolute must-have for users of Innovative keyboard trays 8066 and 8136.\u003c\/p\u003e\n\u003cp\u003eUnlock unparalleled freedom and flexibility with this innovative add-on. With the ability to be installed on either side of your compatible keyboard tray, you can tailor your workstation to suit your specific needs. Whether you're a lefty or a righty, this mouse tray option effortlessly adapts to your preferred hand, enhancing your comfort and efficiency like never before.\u003c\/p\u003e\n\u003cp\u003eImagine gliding through your tasks with seamless precision. The 8056 Mouse Tray Option provides a spacious and sturdy surface, giving your mouse the perfect playground to navigate with utmost accuracy. Say goodbye to cramped movements and hello to fluid, effortless control.\u003c\/p\u003e\n\u003cp\u003eCrafted with utmost attention to detail, this mouse tray option exudes durability and reliability. Its high-quality construction ensures long-lasting performance, making it a trustworthy companion for countless hours of productive work. Plus, its sleek and stylish design adds a touch of modern sophistication to your workspace, elevating both aesthetics and functionality.\u003c\/p\u003e\n\u003cp\u003eBut that's not all – this mouse tray option seamlessly integrates with your Innovative keyboard tray, creating a harmonious duo that transforms your workstation into a productivity powerhouse. With this dynamic combination, you'll experience an ergonomic haven where every task becomes a breeze.\u003c\/p\u003e\n\u003cp\u003eUpgrade your work experience today with the 8056 Left or Right-handed Mouse Tray Option. Unleash your potential, redefine comfort, and take control of your workflow like never before. Elevate your productivity to new heights with this essential addition to your workspace setup. Embrace innovation and embrace the future of efficient work.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-fontsize=\"16\" data-lineheight=\"26\"\u003eSpecifications\u003cbr\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003ctable style=\"width: 523px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 404px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003ePlatform Length\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 105px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e27.5”\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 404px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003ePlatform Depth\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 105px;\"\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003e11”\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eFeatures \u003c\/h3\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEasily adapts to keyboard tray for left or right-handed users.\u003c\/li\u003e\n\u003cli\u003eRotates left or right independently of keyboard tray.\u003c\/li\u003e\n\u003cli\u003eUse only with 8066 or 8136 keyboard trays\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"HAT Design Works","offers":[{"title":"Default Title","offer_id":13627992342633,"sku":"8056-003","price":108.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/innovative-mouse-tray-innovative-8056-left-or-right-handed-mouse-tray-option-4299830558825.jpg?v=1559165686"},{"product_id":"spaceco-scissor-lift-keyboard-platform","title":"SpaceCo Scissor Lift Keyboard Platform","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eHeighten your efficiency.\u003c\/h3\u003e\n\u003cp class=\"paragraph\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eIntroducing the ultimate keyboard revolution for your dynamic work environment: the SpaceCo ScissorLift! It's the perfect companion for any sit-stand workplace, ensuring optimal comfort and productivity throughout your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eElevate your workflow.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe ScissorLift empowers you to effortlessly switch between sitting and standing positions, taking your keyboard and mouse to new heights.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/KeyboardStand_3_mini-opgh5vqzv106matszvznoiszo2mqay2dg9kilz2qxc__73377.1658845682.1280.1280__37909_480x480.jpg?v=1689289057\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eSimplicity transformed.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eThe ScissorLift embraces a no-tool design that puts simplicity at its core. Just place it on your desk, add your keyboard and mouse, and voila! You're ready to experience a whole new level of ergonomic bliss.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/spaceco-sit-stand-keyboard-platform-scissor-lift-sl027-800x800_480x480.jpg?v=1689289264\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/spaceco-sit-stand-keyboard-platform-scissor-lift-sl027-800x800_480x480.jpg?v=1689289264\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eUnleash your potential.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eSo, whether you're a dedicated professional, a creative genius, or a multitasking maestro, the SpaceCo ScissorLift is your ultimate keyboard companion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/maxresdefault_efd44432-0c6e-40bd-ba87-6be8db552a03_480x480.jpg?v=1689289638\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/maxresdefault_efd44432-0c6e-40bd-ba87-6be8db552a03_480x480.jpg?v=1689289638\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAvailable in three models 21\" (SL021), 24\" (SL024), and 27\" (SL027) Most choose the 27\"\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e1\" of height when the ScissorLift is collapsed.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e9.25\" of height when the tray is fully raised.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"text-align: left;\" class=\"titleComp\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePerfect for most keyboards and mice.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSuper Ergonomic\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCost effective for a sit stand solution\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpace saving by keeping your mouse and keyboard off the desk\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEasy to change platforms to different size.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePRO TIP: Be sure to use a monitor with this solution. The monitor arm will need to reach up to eye level so you do not strain your neck. I would recommend the Chief K1C200 this allows you to raise and lower your monitor to many different heights.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SpaceCo","offers":[{"title":"SL021 21\" Wide","offer_id":28168219852905,"sku":"SL021","price":309.27,"currency_code":"USD","in_stock":true},{"title":"SL024 24\" Wide","offer_id":28168219885673,"sku":"SL024","price":299.0,"currency_code":"USD","in_stock":false},{"title":"SL027 27\" Wide","offer_id":28168219918441,"sku":"SL027","price":309.27,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/spaceco-keyboard-tray-sl021-21-wide-spaceco-scissor-lift-keyboard-platform-models-sl021-sl024-and-sl027-11011755802729.jpg?v=1559168908"},{"product_id":"evoluent-reduced-reach-right-hand-keyboard-r3k","title":"Evoluent Reduced Reach Right-Hand Keyboard-R3K","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eErgonomic excellence.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the Evoluent R3K Reduced Reach Right-Hand Keyboard, the ultimate solution for achieving a harmonious balance in your work routine! Say goodbye to the strain and discomfort caused by imbalanced mouse usage, and welcome a new era of ergonomic efficiency.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eReinventing work comfort.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eDesigned with meticulous attention to detail, the Evoluent R3K revolutionizes how you interact with your computer. By intelligently redistributing the load between the left and right sides of your upper body, this remarkable keyboard reduces stress on your shoulder muscles, offering a respite from the pains of prolonged mouse usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/evoluent-keyboard-evoluent-reduced-reach-right-hand-keyboard-r3k-11347629178985_1800x1800_0df8d8eb-4bef-40f4-837a-7ea1862e4742_480x480.jpg?v=1687543914\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eLeft-handed numeric bliss.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eImagine the convenience of having the number pad effortlessly positioned on the left side of your keyboard. With the Evoluent Reduced Reach Right-Hand Keyboard, you can effortlessly input numbers with your left hand while your right hand remains free to navigate the digital realm with precision and ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/evoluent-keyboard-evoluent-reduced-reach-right-hand-keyboard-r3k-11347629473897_1800x1800.jpg?v=1561064111\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eUnleash your computing potential.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eUnlock new levels of productivity as you effortlessly glide through your tasks while safeguarding your precious well-being. With its intuitive design and unparalleled comfort, this keyboard is a game-changer for professionals, creatives, and anyone seeking an elevated computing experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/R3K-7_480x480.jpg?v=1687544741\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/R3K-7_480x480.jpg?v=1687544741\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cspan\u003eSystem Requirements: the Evoluent Reduced Reach Right-Hand Keyboard is fully compatible with Windows XP, Windows 7, Windows 8, Windows 10\u003cbr data-mce-fragment=\"1\"\u003e(The top row of shortcut keys only works in Windows. No driver download necessary).\u003cbr data-mce-fragment=\"1\"\u003eThe Evoluent Reduced Reach Right-Hand Keyboard is also compatible with Unix and Linux systems (with the exception of the hotkeys on the top row)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cspan\u003eDimensions:Width: 15.9 inches (40.3 cm), Depth: 6.7 inches (17.1 cm), Height: 0.8 inches (2.0 cm)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cspan\u003eWeight: 24.8 oz (704 g)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cspan\u003eConnectivity: Wired USB\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cspan\u003eCable Length: 5 ft 6 inches (1.68 m)\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eUnique Keypad Location - The Evoluent Keyboard's numeric keypad is uniquely on the left side to let you put your right-handed mouse much closer to your keyboard, greatly reducing your reach to the mouse for a more relaxed arm position.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWorks the Way You Do - Quickly locate the Enter, Del, Page Up, Page Down, arrows, and other keys in the numeric keypad on the left. These often-used keys are also duplicated on the right side of the Evoluent keyboard.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eOne-Touch Shortcut Keys - Enjoy one-touch access to the Web, E-mail, cut, copy, paste, volume control, sleep, shut down, and other functions with the Evoluent keyboard's dedicated Windows shortcut keys.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTactile Bumps - Used on often-pressed keys such as Ctrl, Del, Home, Page Down, and the down arrow to aid operation by touch.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eScissor Keys - High-quality scissor key mechanisms have crisp action and no key cap wobble.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Evoluent","offers":[{"title":"Default Title","offer_id":28517699911785,"sku":"R3K","price":54.95,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/evoluent-keyboard-evoluent-reduced-reach-right-hand-keyboard-r3k-11347629736041.jpg?v=1561064111"},{"product_id":"goldtouch-pc-usb-numeric-keypad-black","title":"Goldtouch PC USB Numeric Keypad","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eEfficiency meets elegance.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eIntroducing the ultimate productivity boost for today's tech-savvy individuals: the black Goldtouch PC USB Numeric Keypad! In a world where sleek devices reign supreme, it's no secret that dedicated keypads have become a rarity. But fear not, number crunchers and laptop users, because we've got the perfect solution to streamline your data entry and calculations, all while adding a touch of elegance to your workspace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eData input revolutionized.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eSay goodbye to the days of painstakingly navigating through endless menus or struggling with virtual keyboards. With the Goldtouch PC USB Numeric Keypad, you'll experience seamless and efficient data input like never before.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/1029660_goldtouch-gtc-0077-pc-usb-numeric-keypad-black_550_480x480.jpg?v=1687985513\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/1029660_goldtouch-gtc-0077-pc-usb-numeric-keypad-black_550_480x480.jpg?v=1687985513\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eProductivity on-the-go.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eIts compact size ensures easy portability, making it an ideal companion for on-the-go professionals and digital nomads who refuse to compromise on productivity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouch-numeric-i9xbvt-1_480x480.jpg?v=1687986448\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouch-numeric-i9xbvt-1_480x480.jpg?v=1687986448\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eEmpower your fingertips.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eUpgrade your tech game today and experience the power of a dedicated keypad at your fingertips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/keypad-logo-update-lifestyle_480x480.jpg?v=1687982896\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/keypad-logo-update-lifestyle_480x480.jpg?v=1687982896\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Requirements: The Goldtouch Numeric Keypad supports Windows PC and various flavors of LINUX and UNIX without requiring 3rd party drivers. (Windows XP, Windows Vista, Windows 7, Windows 8\/8.1, Windows 10, Linux, UNIX)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: Length: 6 inches \/ 15.24 cm, Width: 3.75 inches \/ 9.5 cm, Height: 1.25 inches \/ 3.175 cm, Weight: 10.1 ounces \/ .29 kg, Cable Length: 6 ft \/ 1.83 m\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eUSB Connector\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e22 Keys\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e2 USB Hubs (for low power devices; mice, USB memory sticks\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSwitch life 20 million cycles\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eOperating Key Force: 50g-55g\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePre-travel: 2mm-6mm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTotal Travel: 4mm-5mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSoft key touch: Experience satisfying tactile feedback and easy access to essential calculation keys.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eMakes a great pair: The Goldtouch Numeric Keypad (USB hub included) complements the Goldtouch Adjustable Comfort Keyboard, allowing for optimal mouse and keypad placement within arm’s reach.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePlug and play: Fully compatible with Windows 2000, XP, Vista, and Windows 7 — no driver installations required.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Goldtouch","offers":[{"title":"Black","offer_id":30933968978025,"sku":"GTC-0077","price":50.0,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":30933969010793,"sku":"GTC-0033","price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/goldtouch-numeric-keypad-goldtouch-pc-usb-numeric-keypad-black-13248591429737.jpg?v=1571695895"},{"product_id":"goldtouch-mac-usb-numeric-keypad","title":"Goldtouch Mac USB Numeric Keypad","description":"\u003cstyle\u003e\u003c!--\n\/* See more link *\/ .FAQ_tempalateForCategory_Template { max-width: 780px; margin: 90px auto; } .FAQ_tempalateForCategory_Template .FAQ_tempalateForCategory_title{ text-align:center; margin-bottom: 40px; } @media (min-width: 768px) { .headerTrackingOrder div[data-navigation], .headerTrackingOrder li { visibility: hidden; pointer-events: none; } .bulkOrderTrackingOrder { display: none; } } @media (min-width: 1025px) { .bulkOrderCheckout { display: none; } .mainCheckout { margin-top: 53px; } .headerCheckout { margin-top: 0!important; transform: translate3d(0,0,0)!important; } .headerCheckout + main { margin-top: 50px; } .headerCheckout div[data-navigation] { visibility: hidden; pointer-events: none; } .headerCheckout li[data-navigation] { visibility: hidden; pointer-events: none; } .headerTrackingOrder + main { margin-top: 54px; } } .seemore-link { margin-top: 10px; } .seemore-link a { position: relative; padding-right: 13px; display: inline-block; color: #1774dc; } .seemore-link a:after { content: \"\"; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #1774dc; border-right: 1px solid #1774dc; transform: translateY(-50%) translateX(0) rotate(45deg) ; transition: transform .3s; margin-top: 1px; } .seemore-link a:hover:after { transition: transform .3s; transform: translateY(-50%) translateX(3px) rotate(45deg) ; } .seemore-link a:hover { color: #1774dc; } @media only screen and (max-width: 992px) { .seemore-link a { font-size: 16px; line-height: 24px; } } \/* common style *\/ .h1Bold { font-weight: 500; font-size: 48px; color: #222; } .h5Bold { font-weight: 500; font-size: 20px; color: #222; } .headingReset { margin: 0 0 20px; font-size: 34px; line-height: 44px; font-weight: 400; color: #222; } .videoBlock { width: 70%; margin: 0 auto; } @media only screen and (max-width: 992px) { .h1Bold { font-size: 22px; } .paragraph { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 767px) { .headingReset { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 992px) { .headerOpenSearch { z-index: 1000!important; } } @media only screen and (max-width: 767px) { .headerOpenSearch { z-index: 11!important; } } div[class~=\"paypal-buttons\"] iframe .paypal-button.paypal-button-color-gold { background: red!important; } .paypal-button.paypal-button-shape-rect { border-radius: 0!important; } \/* table With Image *\/ .tableWithImage { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 1200px; } .tableWithImage .header { margin-bottom: 50px; } .tableWithImage .header .paragraph { margin-bottom: 0; max-width: 80%; font-weight: 400; } .tableWithImage .header h1, .tableWithImage .header h2, .tableWithImage .header h3, .tableWithImage .header h4, .tableWithImage .header h5 { margin: 0 0 30px; color: #222; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; text-transform: uppercase; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } .tableCustom tr { border-top: 1px solid#D8D8D8; } .tableCustom tr:first-child { border-top: none; } .tableCustom td { padding: 10px 30px 10px 0; font-size: 16px; color: #222; line-height: 26px; } .tableCustom td p, .tableCustom td a, .tableCustom td span, .tableCustom td b, .tableCustom td strong { font-size: 16px; line-height: 26px; } .tableCustom td a { border-bottom: 1px solid #1774dc; } .tableCustom td a:hover { text-decoration: none; } .tableCustom td:first-child { padding-left: 0; color: #666; } .tableWithImage .mediaBlock img { max-width: 550px; } .tableWithImage.imageLeft .tableCustom { width: 40%; padding-left: 40px; } .tableWithImage.imageLeft .mediaBlock { width: 60%; } .tableWithImage.imageLeft .header { margin-bottom: 20px; } .tableWithImage.imageRight { width: 80%; margin: 80px auto; display: block; } .tableWithImage.imageRight .inner { display: flex; flex-wrap: wrap; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-weight: 400; font-size: 48px; line-height: 62px; text-align: center; } @media only screen and (max-width: 1024px) { .tableWithImage.imageRight { width: 100%; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage { max-width: none; margin: 60px auto 0; } .tableWithImage .header { margin-bottom: 30px; } .tableWithImage .tableCustom { margin-bottom: 40px; overflow-x: auto; } .tableWithImage .tableCustom table { width: 100%; } .tableWithImage.imageLeft .tableCustom { padding-left: 0; } .tableWithImage.imageLeft .mediaBlock { margin-bottom: 40px; } .tableWithImage.imageLeft .tableCustom { margin-bottom: 0; } .tableWithImage .tableCustom { width: 40%; padding-right: 15px; } .tableWithImage .mediaBlock { width: 60%; padding-left: 15px; } } @media only screen and (max-width: 992px) { .tableWithImage .tableCustom, .tableWithImage .mediaBlock, .tableWithImage.imageLeft .tableCustom, .tableWithImage.imageLeft .mediaBlock, .tableWithImage.imageRight .tableCustom, .tableWithImage.imageRight .mediaBlock { width: 100%; } .tableWithImage .tableCustom { padding-right: 0; } .tableWithImage .mediaBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .tableWithImage.imageRight { padding-left: 0; padding-right: 0; margin-top: 50px; } .tableWithImage.imageRight .header h1, .tableWithImage.imageRight .header h2, .tableWithImage.imageRight .header h3, .tableWithImage.imageRight .header h4, .tableWithImage.imageRight .header h5 { font-size: 32px; line-height: 44px; text-align: left; } } \/* Thumnails slider *\/ .thumnailsCarouselWrapper { overflow: hidden; padding: 80px 0; } .thumnailsCarouselWrapper .textBlock { max-width: 600px; margin: 0 auto 50px; text-align: center; } .thumnailsCarousel { max-width: 1200px; margin: 0 auto; } .thumnailsCarousel div { display: block!important; } .thumnailsCarousel img { max-width: 100%; min-height: 280px; } .thumnailsCarousel div[class~='slick-track'] { padding: 50px 0; } .thumnailsCarousel div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsCarousel div[class~='slick-slide']:before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.75); transform: scale(1); } .thumnailsCarousel div[class~='slick-slide'] img { object-fit: cover; } .thumnailsCarousel div[class~='slick-center'] { position: relative; z-index: 3; transform: scale(2.5); transition: transform .25s; } .thumnailsCarousel div[class~='slick-center']:before { display: none; } .thumnailsCarousel div[class~='slick-center'] img { object-fit: contain; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; } .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] svg, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] svg { color: #222; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next']:before, .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'] { left: 5px; } .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel button[class~='slick-next'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-prev'], .thumnailsCarouselWrapper .thumnailsCarousel div[class~='slick-next'] { height: 50px; margin: 0; } .thumnailsCarousel div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 767px) { .thumnailsCarouselWrapper { padding: 50px 0; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } .thumnailsCarousel div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; top: auto; bottom: 25%; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] svg, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] svg { color: #222; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { content: \"\"; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev']:before { left: 20px; border-left: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(-45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next']:before, .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next']:before { right: 20px; border-right: 2px solid #222; border-top: 2px solid #222; transform: translateY(-50%) rotate(45deg); } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-prev'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-prev'] { left: 5px; } .ThumnailsWithListIconWrapper .ThumnailsWithListIcon button[class~='slick-next'], .ThumnailsWithListIconWrapper .ThumnailsWithListIcon div[class~='slick-next'] { right: 5px; left: auto; } .ThumnailsWithListIcon div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } .ThumnailsWithListIcon img { max-width: 100%; min-height: 100px; } .ThumnailsWithListIcon div[class~='slick-center'] { transform: scale(2); transition: transform .3s; } } \/* Section background *\/ .bg-light-1 { background-color: #F2F2F2; } .bg-light-2 { background-color: #FBF6F2; } .bg-light-3 { background-color: #EAF0F3; } .bg-light-4 { background-color: #F4F2F2; } .bg-light-5 { background-color: #F0F0ED; } .bg-light-6 { background-color: #EFF5F8; } .bg-light-7 { background-color: #FAFAF5; } .bg-light-8 { background-color: #FCF8F4; } .bg-light-9 { background-color: #F7F5F4; } .bg-light-10 { background-color: #f8f8f8; } .bg-blue-1 { background-color: #DEF0F7; } .bg-dark-1 { background-color: #535744; } .bg-dark-2 { background-color: #535454; } .bg-dark-3 { background-color: #555555; } .bg-dark-4 { background-color: #3D3538; } .bg-dark-5 { background-color: #484543; } .bg-dark-6 { background-color: #123258; } .sectionTemplate { margin: 0; padding: 80px 0; overflow: hidden; } .sectionTemplate div.oneColumn:last-child { margin: 0; } img, video { max-width: 100%; } .iconBoxTemplate { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0 0; text-align: left; } .iconBoxTemplate img { max-width: 40px; display: block; margin: 0; } .iconBoxTemplate p { margin: 0; padding-left: 20px; font-size: 16px; font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .sectionTemplate { padding: 50px 0; margin-bottom: 50px; } .sectionTemplate.spacingLeftRightMobile { padding-left: 15px; padding-right: 15px; } } \/* HEADING BLOCK *\/ .headingBlock { max-width: 900px; margin: 0 auto 60px; text-align: center; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; color: #222; } @media only screen and (max-width: 992px) { .headingBlock { padding: 0 15px; text-align: center; } } @media only screen and (max-width: 767px) { .headingBlock { padding: 0; margin-bottom: 40px; } .headingBlock .paragraph { font-size: 16px; line-height: 26px; } .sectionTemplate .headingBlock { padding: 0; } } \/* common style *\/ .paddingTop { padding-top: 80px; } .paddingBottom { padding-bottom: 80px; } .marginTop { margin-top: 80px; } .marginBottom { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .paddingTop { padding-top: 40px; } .paddingBottom { padding-bottom: 40px; } .marginTop { margin-top: 40px; } .marginBottom { margin-bottom: 40px; } } .resetSpacing { margin-bottom: 0!important; padding-bottom: 0!important; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .containerFullWidth { display: flex; width: 100%; } .titleSection { margin: 0 0 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; } @media only screen and (max-width: 767px) { .titleSection br { display: none; } } .titleComp { margin: 0 0 20px; font-size: 36px; line-height: 120%; font-weight: 500; letter-spacing: -1px; color: #222; } .subTitle { margin: 0 0 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #3D3538; text-transform: uppercase; } .groupLinks { margin-top: 20px; } .groupLinks a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #3D3538; text-transform: uppercase; } .groupLinks a:before { content: \"\"; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3D3538; } .paragraph , strong { margin: 0; font-size: 18px; line-height: 150%; color: #555; } .paragraph { font-weight: 300; } strong { font-weight: 500; } .paragraph a { margin: 0; font-size: 16px; line-height: 26px; font-weight: 300; color: #222; border-bottom: 1px solid #1774dc; } .textWhite .titleSection, .textWhite .titleComp, .textWhite .paragraph, .textWhite strong { color: #fff; } .bg-dark-6.textWhite .titleSection, .bg-dark-6.textWhite .titleComp, .bg-dark-6.textWhite .paragraph, .bg-dark-6.textWhite strong { color: #fff; opacity: .8; } .blueLight .titleSection, .blueLight .titleComp, .blueLight .paragraph, .blueLight strong { color: #BDE1F2; } .mediaBlock video, .mediaBlock img { max-width: 100%; width: 100%; display: block; } .overlay { position: relative; } .overlay:before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); } .overlay \u003e * { 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; } }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__1mpoO\"\u003e\n\u003cdiv class=\"ProductFeatures_ProductFeatures__wrapper__2EaK2\"\u003e\n\u003cdiv class=\"html-container\"\u003e\n\u003cdiv class=\"oneColumn\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch3\u003eEffortless precision.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" class=\"paragraph\" data-mce-style=\"text-align: center;\"\u003eThe ultimate solution for effortless number crunching and data entry is the Goldtouch Mac USB Numeric Keypad in sleek black! Whether you're a laptop user seeking the convenience of a full keypad or simply on the lookout for a more comfortable and ergonomic way to tackle calculations, this innovative accessory has got you covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003ch3 class=\"titleComp\"\u003eUnleash your efficiency.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eSay goodbye to cramped fingers and welcome a new level of efficiency. The Goldtouch Mac USB Numeric Keypad is here to power you through the most demanding number-crunching sessions with absolute ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/www.jestik.com\/cdn\/shop\/products\/goldtouch-numeric-keypad-black-goldtouch-mac-usb-numeric-keypad-13248710901865_1800x1800.png?v=1571697233\" alt=\"goldtouch-numeric-keypad-black-goldtouch-mac-usb-numeric-keypad-13248710901865_1800x1800.png (618×620)\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn textMedia\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eComfort redefined.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eDesigned with your comfort in mind, this keypad offers a delightful typing experience that will make you wonder how you ever managed without it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/keypad-logo-update-lifestyle_480x480.jpg?v=1687982896\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twoColumn mediaText\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"textBlock\"\u003e\n\u003cdiv class=\"innerText\"\u003e\n\u003cp class=\"subTitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"titleComp\"\u003eEfficiency perfected.\u003c\/h3\u003e\n\u003cp class=\"paragraph\"\u003eWith its reliable functionality and sleek design, the Goldtouch Mac USB Numeric Keypad is the perfect companion for professionals, students, and anyone needing a dependable tool for efficient data entry and calculations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mediaBlock\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouch-numeric-rawev1-1_480x480.jpg?v=1687983185\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/files\/goldtouch-numeric-rawev1-1_480x480.jpg?v=1687983185\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oneColumn paddingTop\"\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSpecifications\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSystem Requirements: The Goldtouch Numeric Keypad supports Mac systems only. Mac systems do not require a Numlock Key to operate. Because these keypads do not have Numlock keys these keypads will not work on non-Mac devices. Mac Operating System 10.4 and newer.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eDimensions: Length: 6 inches \/ 15.24 cm, Width: 3.75 inches \/ 9.5 cm, Height: 1.25 inches \/ 3.175 cm, Weight: 10.1 ounces \/ .29 kg, Cable Length: 6 ft \/ 1.83 m\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eUSB Connector\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e2 USB Hubs (for low power devices; mice, USB memory sticks)\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSwitch life 20 million cycles\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eOperating Key Force: 50g-55g\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003ePre-travel: 2mm-6mm\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eTotal Travel: 4mm-5mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"titleComp\" style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eFeatures\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul style=\"font-size: 18px; font-weight: 300;\" data-mce-style=\"font-size: 18px; font-weight: 300;\"\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eAdjusts to you: Unlike attached numeric keypads, this one is easily moved wherever you’d like it to go, allowing for optimal mouse placement as well.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eConvenient and unobtrusive: Plugs directly into your USB port and casts a low profile.\u003c\/li\u003e\n\u003cli style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eWorks out of the box: Compatible with Mac OS 10.4 and newer without any additional driver installations.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Goldtouch","offers":[{"title":"Black","offer_id":30934129311849,"sku":"GTC-MACB","price":55.0,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":30934129344617,"sku":"GTC-MACW","price":55.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/goldtouch-numeric-keypad-black-goldtouch-mac-usb-numeric-keypad-13248710901865.png?v=1571697233"},{"product_id":"esi-solution-1","title":"ESI Solution 1","description":"\u003cp\u003e\u003cspan\u003ePL003-25 Keyboard Platform and AA260 Articulating arm.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for straight edge worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL003-25 keyboard platform*\n\u003cul\u003e\n\u003cli\u003eIncludes: gel palm rests, mouse pad, mouse guards, cord management clips\u003c\/li\u003e\n\u003cli\u003eMade from black 0.3\" thin phenolic (*except R-series)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e25.0\" rectangle keyboard platform\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right handed users\u003c\/li\u003e\n\u003cli\u003eAA260 articulating arm\u003c\/li\u003e\n\u003cli\u003e17.0\" glide track\u003c\/li\u003e\n\u003cli\u003e±15º tilt adjustment\u003c\/li\u003e\n\u003cli\u003eSpring assisted adjustment\u003c\/li\u003e\n\u003cli\u003e6.3\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e1.3\" above track | 5.0\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º glide track rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31005765861481,"sku":"SOLUTION 1","price":243.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION1_800w_500h.png?v=1572034985"},{"product_id":"esi-solution-1cc","title":"ESI Solution 1CC","description":"\u003cp\u003eDesigned for diagonal corner work surfaces.\u003c\/p\u003e\n\u003cp\u003eAll Combo Solutions include a keyboard platform, articulating arm, leatherette-covered gel palm rest(s), nonslip pads, mouse pad, mouse guards, and cord management clips at no extra charge. One part number is all you need for a complete system.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for diagonal corner worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL003CC-25 keyboard platform\n\u003cul\u003e\n\u003cli\u003eIncludes: gel palm rests, mouse pad, mouse guards, cord management clips\u003c\/li\u003e\n\u003cli\u003eMade from black 0.3\" thin phenolic (*except R-series)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e25.0\" cut corner keyboard platform\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right handed users\u003c\/li\u003e\n\u003cli\u003eAA260 articulating arm\u003c\/li\u003e\n\u003cli\u003e17.0\" glide track\u003c\/li\u003e\n\u003cli\u003e±15º tilt adjustment\u003c\/li\u003e\n\u003cli\u003eSpring assisted adjustment\u003c\/li\u003e\n\u003cli\u003e6.3\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e1.3\" above track | 5.0\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º glide track rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31007090737257,"sku":"SOLUTION 1CC","price":243.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION1CC_800w_500h.png?v=1572042381"},{"product_id":"esi-solution-2","title":"ESI Solution 2","description":"\u003cp\u003e\u003cspan\u003ePL003-25 Keyboard Platform and AA360 Articulating Arm.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for straight edge worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL003-25 keyboard platform*\u003c\/li\u003e\n\u003cli\u003e25.0\" rectangle keyboard platform\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right handed users\u003c\/li\u003e\n\u003cli\u003eAA360 articulating arm\u003c\/li\u003e\n\u003cli\u003eLift‑and‑lock height adjustment\u003c\/li\u003e\n\u003cli\u003e21.0\" glide track\u003c\/li\u003e\n\u003cli\u003e21.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e±15º tilt\u003c\/li\u003e\n\u003cli\u003e7.0\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e2.5\" above track | 4.5\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31044629856361,"sku":"SOLUTION 2","price":314.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION2_800w_500h.png?v=1572287604"},{"product_id":"esi-solution-2cc","title":"ESI Solution 2CC","description":"\u003cp\u003eDesigned for straight-edge work surfaces.\u003c\/p\u003e\n\u003cp\u003eAll Combo Solutions include a keyboard platform, articulating arm, leatherette-covered gel palm rest(s), nonslip pads, mouse pad, mouse guards, and cord management clips at no extra charge. One part number is all you need for a complete system.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for diagonal corner worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL003CC-25 keyboard platform*\n\u003cul\u003e\n\u003cli\u003eIncludes: gel palm rests, mouse pad, mouse guards, cord management clips\u003c\/li\u003e\n\u003cli\u003eMade from black 0.3\" thin phenolic (*except R-series)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e25.0\" cut corner keyboard platform\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right handed users\u003c\/li\u003e\n\u003cli\u003eAA360 articulating arm\u003c\/li\u003e\n\u003cli\u003e‑and‑lock height adjustment\u003c\/li\u003e\n\u003cli\u003e21.0\" glide track\u003c\/li\u003e\n\u003cli\u003e21.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e±15º tilt adjustment\u003c\/li\u003e\n\u003cli\u003e7.0\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e2.5\" above track | 4.5\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º glide track rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31044726358121,"sku":"SOLUTION 2CC","price":314.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION2CC_800w_500h.png?v=1572288160"},{"product_id":"esi-solution-3","title":"ESI Solution 3","description":"\u003cp\u003eUniversal Fit.\u003c\/p\u003e\n\u003cp\u003eAll Combo Solutions include a keyboard platform, articulating arm, leatherette-covered gel palm rest(s), nonslip pads, mouse pad, mouse guards, and cord management clips at no extra charge. One part number is all you need for a complete system.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDesigned for radius corner worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL215 keyboard platform \n\u003cul\u003e\n\u003cli\u003eIncludes: gel palm rests, mouse pad, mouse guards, cord management clips\u003c\/li\u003e\n\u003cli\u003eMade from black 0.3” thin phenolic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e18.8\" keyboard platform with swivel mouse-below platform\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right handed users\u003c\/li\u003e\n\u003cli\u003eAA360 articulating arm\u003c\/li\u003e\n\u003cli\u003eLift‑and‑lock height adjustment\u003c\/li\u003e\n\u003cli\u003e21.0\" glide track\u003c\/li\u003e\n\u003cli\u003e21.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e±15º tilt adjustment\u003c\/li\u003e\n\u003cli\u003e7.0\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e2.5\" above track | 4.5\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º glide track rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31045364940905,"sku":"SOLUTION 3","price":352.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION3_800w_500h.png?v=1572291528"},{"product_id":"esi-solution-4","title":"ESI Solution 4","description":"\u003cp\u003eExtended Reach.\u003c\/p\u003e\n\u003cp\u003eAll Combo Solutions include a keyboard platform, articulating arm, leatherette-covered gel palm rest(s), nonslip pads, mouse pad, mouse guards, and cord management clips at no extra charge. One part number is all you need for a complete system.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for straight edge worksurfaces or diagonal corner worksurfaces\u003c\/li\u003e\n\u003cli\u003ePLMAC mouse forward platform\u003c\/li\u003e\n\u003cli\u003e26.5\" platform reversible at installation\u003c\/li\u003e\n\u003cli\u003eCan be installed for left or right-handed users\u003c\/li\u003e\n\u003cli\u003eAA370 extended reach articulating arm\u003c\/li\u003e\n\u003cli\u003eLift‑and‑lock height adjustment\u003c\/li\u003e\n\u003cli\u003e24.8\" glide track\u003c\/li\u003e\n\u003cli\u003e25.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e±15º tilt\u003c\/li\u003e\n\u003cli\u003e16.0\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e8.0\" above track | 8.0\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31045471043689,"sku":"SOLUTION 4","price":352.2,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION4_800w_500h.png?v=1572292363"},{"product_id":"esi-solution-6","title":"ESI Solution 6","description":"\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for straight edge worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL003-27 keyboard platform\n\u003cul\u003e\n\u003cli\u003eIncludes: gel palm rests, mouse pad, mouse guards, cord management clips\u003c\/li\u003e\n\u003cli\u003eMade from black 0.3\" thin phenolic (*except R-series)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e27.0\" rectangle keyboard platform\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right-handed users\u003c\/li\u003e\n\u003cli\u003eAA750DAT articulating arm\u003c\/li\u003e\n\u003cli\u003e‑and‑lock height adjustment\u003c\/li\u003e\n\u003cli\u003eDial-a-tilt adjustment\u003c\/li\u003e\n\u003cli\u003e21.8\" glide track\u003c\/li\u003e\n\u003cli\u003e22.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e+10º\/-15º tilt adjustment\u003c\/li\u003e\n\u003cli\u003e7.2\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e2.3\" above track | 4.9\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º glide track rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31045617582185,"sku":"SOLUTION 6","price":334.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/solution6-_800w_500h.png?v=1572293053"},{"product_id":"esi-solution-6cc","title":"ESI Solution 6CC","description":"\u003cp\u003eIndustry Favorite.\u003c\/p\u003e\n\u003cp\u003eAll Combo Solutions include a keyboard platform, articulating arm, leatherette-covered gel palm rest(s), nonslip pads, mouse pad, mouse guards, and cord management clips at no extra charge. One part number is all you need for a complete system.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for corner diagonal worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL003CC-27 keyboard platform\n\u003cul\u003e\n\u003cli\u003eIncludes: gel palm rests, mouse pad, mouse guards, cord management clips\u003c\/li\u003e\n\u003cli\u003eMade from black 0.3” thin phenolic (*except R-series)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e27.0\" keyboard platform cut corner\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right-handed users\u003c\/li\u003e\n\u003cli\u003eAA750DAT articulating arm\u003c\/li\u003e\n\u003cli\u003eLift‑and‑lock height adjustment\u003c\/li\u003e\n\u003cli\u003eDial-a-tilt adjustment\u003c\/li\u003e\n\u003cli\u003e21.8\" glide track\u003c\/li\u003e\n\u003cli\u003e22.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e+10º\/-15º tilt adjustment\u003c\/li\u003e\n\u003cli\u003e7.2\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e2.3\" above track | 4.9\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º glide track rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31045772968041,"sku":"SOLUTION 6CC","price":334.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION6CC_800w_500h.png?v=1572293928"},{"product_id":"esi-solution-7","title":"ESI Solution 7","description":"\u003cp\u003ePL217 Switch-n-Click Platform and AA750DAT Articulating Arm\u003c\/p\u003e\n\u003cp\u003eDesigned to complement radius corner work surfaces and position the keyboard closer to the work area.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for radius corner worksurfaces\u003c\/li\u003e\n\u003cli\u003ePL217 keyboard platform\n\u003cul\u003e\n\u003cli\u003eIncludes: gel palm rests, mouse pad, mouse guards, cord management clips\u003c\/li\u003e\n\u003cli\u003eMade from black 0.3” thin phenolic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e18.8\" keyboard platform with 9.3\" switch‑and‑click mousing platform\u003c\/li\u003e\n\u003cli\u003eReversible design; mouse platform mounts on left or right side - no tools required\u003c\/li\u003e\n\u003cli\u003eAA750DAT articulating arm\u003c\/li\u003e\n\u003cli\u003eLift‑and‑lock height adjustment\u003c\/li\u003e\n\u003cli\u003eDial-a-tilt adjustment\u003c\/li\u003e\n\u003cli\u003e21.8\" glide track\u003c\/li\u003e\n\u003cli\u003e22.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e+10º\/-15º tilt adjustment\u003c\/li\u003e\n\u003cli\u003e7.2\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e2.3\" above track | 4.9\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º glide track rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31045853970537,"sku":"SOLUTION 7","price":369.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION7_800w_500h.png?v=1572294390"},{"product_id":"esi-solution-90","title":"ESI Solution 90","description":"\u003cp\u003eIdeal for 90º corners.\u003c\/p\u003e\n\u003cp\u003eAll Combo Solutions include a keyboard platform, articulating arm, leatherette-covered gel palm rest(s), nonslip pads, mouse pad, mouse guards, and cord management clips at no extra charge. One part number is all you need for a complete system.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTech Specs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRecommended for 90º corners worksurfaces only\u003c\/li\u003e\n\u003cli\u003ePL003CC-25 keyboard platform\u003c\/li\u003e\n\u003cli\u003e25.0\" cut corner platform\u003c\/li\u003e\n\u003cli\u003eAccommodates left or right-handed users\u003c\/li\u003e\n\u003cli\u003eAA355DS articulating arm\u003c\/li\u003e\n\u003cli\u003eLift‑and‑lock height adjustment with dual swivel adjustment\u003c\/li\u003e\n\u003cli\u003e21.8\" glide track\u003c\/li\u003e\n\u003cli\u003e22.0\" clearance required for full retraction\u003c\/li\u003e\n\u003cli\u003e+10º\/-15º tilt\u003c\/li\u003e\n\u003cli\u003e9.3\" height adjustment range\n\u003cul\u003e\n\u003cli\u003e3.4\" above track | 5.9\" below track\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e360º rotation\u003c\/li\u003e\n\u003cli\u003ePositions flush with worksurface\u003c\/li\u003e\n\u003cli\u003eWarranty:\n\u003cul\u003e\n\u003cli\u003e15 yr. articulating arm\/platform\u003c\/li\u003e\n\u003cli\u003e2 yr. palm rest\/mouse pad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable on GSA contract\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ESI","offers":[{"title":"Default Title","offer_id":31045974917225,"sku":"SOLUTION 90","price":359.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1354\/6667\/products\/SOLUTION90_800w_500h.png?v=1572294917"}],"url":"https:\/\/www.jestik.com\/collections\/keyboard-systems.oembed?page=7","provider":"Jestik, Inc.","version":"1.0","type":"link"}