{"product_id":"washington-dc-virtual-challenge","title":"Washington DC Virtual Challenge","description":"\u003cstyle\u003e\u003c!--\n.pacer_desc {\n          font-family: Helvetica Neue;\n        }\n        .pacer_desc .main_width {\n          margin: 0 auto;\n        }\n        .pacer_desc .content_font {\n          font-size: 16px;\n          color: #3a3a3a;\n        }\n        .pacer_desc .section_title {\n          text-align: center;\n          font-weight: bold;\n          font-size: 32px;\n        }\n        .pacer_desc .cp_list {\n          margin-top: 50px;\n          display: flex;\n          background: rgba(196, 196, 196, 0.1);\n          border-radius: 10px;\n          padding: 54px 122px;\n        }\n        .pacer_desc .cp_item {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n        }\n        .pacer_desc .cp_item + .cp_item {\n          margin-left: 20px;\n        }\n        .pacer_desc .cp_list .cp_img {\n          width: 100%;\n          max-width: 200px;\n          object-fit: contain;\n          border-radius: 1000px;\n        }\n        .pacer_desc .cp_list .cp_name {\n          margin-top: 30px;\n          font-weight: bold;\n          max-width: 220px;\n          word-break: break-word;\n        }\n        .pacer_desc .divider {\n          background: linear-gradient(90.03deg, #740d16 0.02%, #9f2732 99.98%);\n          text-align: center;\n          color: #fff;\n          margin-top: 60px;\n          padding: 10px 0;\n          font-size: 15px;\n          font-weight: 700;\n          width: 100vw;\n          margin-left: calc(50% - 50vw);\n          position: relative;\n        }\n        .pacer_desc .feature {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        .pacer_desc .feature .content,\n        .pacer_desc .feature .feature_img {\n          width: 50%;\n        }\n        .pacer_desc .feature .content + .feature_img,\n        .pacer_desc .feature .feature_img + .content {\n          margin-left: 50px;\n        }\n        .pacer_desc .feature .content .title {\n          font-size: 32px;\n          font-weight: bold;\n        }\n        .pacer_desc .feature .content .content_value {\n          font-size: 16px;\n        }\n        .pacer_desc .medal .medal_desc,\n        .pacer_desc .tshirt .tshirt_desc,\n        .pacer_desc .checkpoint .cp_desc {\n          margin-top: 30px;\n        }\n        .pacer_desc .medal_images {\n          display: flex;\n          margin: 40px 20px 0;\n          justify-content: center;\n          width: 100vw;\n          margin-left: calc(50% - 50vw);\n          align-items: center;\n        }\n        .pacer_desc .medal_images .medal_img {\n          width: 30%;\n          margin-right: 10px;\n          vertical-align: middle;\n          cursor: pointer;\n        }\n        .pacer_desc .medal_images .medal_img.video_item {\n          cursor: initial;\n        }\n        .pacer_desc .medal_img:last-child {\n          margin-right: 0;\n        }\n        .pacer_desc .mobile_video {\n          display: none;\n          width: 100%;\n          \/* height: 300px; *\/\n          object-fit: cover;\n          margin-top: 20px;\n        }\n        .modal_image {\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          background-color: #000;\n          display: none;\n          z-index: 99;\n        }\n        .modal_image .close {\n          position: absolute;\n          top: 35px;\n          right: 70px;\n          font-size: 50px;\n          font-weight: bold;\n          color: #fff;\n          cursor: pointer;\n          transition: 0.3s;\n        }\n        .modal_image .close:hover {\n          color: #ddd;\n        }\n        .modal_image img {\n          max-width: 100%;\n          max-height: 100%;\n          object-fit: contain;\n        }\n        @media screen and (max-width: 800px) {\n          .pacer_desc .medal {\n            width: 100%;\n          }\n          .pacer_desc .medal_images {\n            padding-left: 15px;\n            margin-top: 10px;\n            overflow-x: scroll;\n            justify-content: flex-start;\n            box-sizing: border-box;\n            scrollbar-width: none;\n            margin-left: -15px;\n            padding-right: 15px;\n\n            \/* no video *\/\n            flex-direction: column;\n            margin-left: 0;\n            margin-right: 0;\n            padding: 0;\n            width: 100%;\n          }\n          .pacer_desc .medal_images::-webkit-scrollbar {\n            display: none;\n          }\n          .pacer_desc .medal_images .medal_img {\n            width: 70vw;\n            min-width: auto;\n            height: auto;\n            align-self: flex-start;\n            margin-bottom: 10px;\n            margin-right: 0;\n\n            \/* no video *\/\n            width: 100%;\n          }\n          .pacer_desc .medal_images .medal_img.video_item {\n            display: none;\n          }\n          .pacer_desc .cp_list {\n            margin-top: 20px;\n            padding: 10px;\n          }\n          .modal_image .close {\n            position: absolute;\n            top: 20px;\n            right: 30px;\n            font-size: 40px;\n            font-weight: bold;\n            color: #fff;\n            cursor: pointer;\n            transition: 0.3s;\n          }\n        }\n        @media screen and (max-width: 768px) {\n          .pacer_desc .mobile_video {\n            display: block;\n          }\n          .pacer_desc .medal {\n            width: 100%;\n          }\n          .pacer_desc .medal_images {\n            padding-left: 15px;\n            margin-top: 10px;\n            overflow-x: scroll;\n            justify-content: flex-start;\n            box-sizing: border-box;\n            scrollbar-width: none;\n            margin-left: -15px;\n            padding-right: 15px;\n\n            \/* no video *\/\n            flex-direction: column;\n            margin-left: 0;\n            margin-right: 0;\n            padding: 0;\n            width: 100%;\n          }\n          .pacer_desc .medal_images::-webkit-scrollbar {\n            display: none;\n          }\n          .pacer_desc .medal_images .medal_img {\n            width: 70vw;\n            min-width: auto;\n            height: auto;\n            align-self: flex-start;\n            margin-bottom: 10px;\n            margin-right: 0;\n\n            \/* no video *\/\n            width: 100%;\n          }\n          .pacer_desc .medal_images .medal_img.video_item {\n            display: none;\n          }\n          .pacer_desc .cp_list {\n            margin-top: 20px;\n            padding: 10px;\n          }\n          .pacer_desc .cp_list .cp_item .cp_img {\n            width: 100%;\n            height: auto;\n          }\n          .pacer_desc .cp_list .cp_name {\n            margin-top: 10px;\n            color: #8f8f8f;\n            font-weight: normal;\n            font-style: italic;\n          }\n          .pacer_desc .feature {\n            flex-direction: column-reverse;\n          }\n          .pacer_desc .feature + .feature {\n            margin-top: 30px;\n          }\n          .pacer_desc .feature.img_first {\n            flex-direction: column;\n          }\n          .pacer_desc .feature .feature_img,\n          .pacer_desc .feature .content {\n            width: 100%;\n          }\n          .pacer_desc .feature .content + .feature_img,\n          .pacer_desc .feature .feature_img + .content {\n            margin-left: 0;\n          }\n          .pacer_desc .feature .content {\n            margin-top: 20px;\n          }\n          .pacer_desc .feature .content .title {\n            text-align: center;\n            width: 80%;\n            margin: 0 auto;\n            font-size: 30px;\n            line-height: initial;\n          }\n          .pacer_desc .medal .medal_desc,\n          .pacer_desc .tshirt .tshirt_desc,\n          .pacer_desc .checkpoint .cp_desc {\n            margin-top: 18px;\n          }\n        }\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"margin: 0; padding: 0;\" class=\"pacer_desc\"\u003e\n\u003cdiv class=\"info main_width\"\u003e\n\u003c!-- to_check --\u003e\n\u003cdiv class=\"info_item content_font\"\u003eTake a 21 km (13 mi) tour of the capital of the United States. Along the way, you will visit grandiose memorials and monuments to the founding fathers of the country. Explore history, the natural environment, mankind's ingenuity, and research for the future.\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"info_item content_font\"\u003e\n\u003cb\u003eWhen and Where\u003c\/b\u003e - This is a virtual adventure challenge. Participate and complete at anytime, from anywhere in the world.\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"info_item content_font\"\u003e\n\u003cb\u003eHow\u003c\/b\u003e - Set your own timeframe and finish the required distance with walk, run, bike or any distance-based activities of your choice.\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"info_item content_font\"\u003e\n\u003cb\u003eRewards\u003c\/b\u003e - Receive a gorgeous finisher medal at your doorstep with worldwide shipping! You will also receive an E-certificate via Email, and unlock digital postcards in your email.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003eGET INSPIRED, BE ACTIVE, AND EARN A MEDAL\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px;\" class=\"medal\"\u003e\n\u003cdiv class=\"title main_width section_title\"\u003eStunning Finisher Medal\u003c\/div\u003e\n\u003cdiv class=\"medal_desc main_width content_font\"\u003eEach medal is created with deliberate design and exquisite craftsmanship, and comes in a cushioned showcase box. It's guaranteed not to be like any other medals that you've earned before.\u003c\/div\u003e\n\u003c!-- to_check --\u003e \u003cvideo poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/video_poster_909741ed-2240-4b7f-8ba4-69582d07e081.jpg?v=1652256856\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/video_bb9a6971-2fad-4476-9d28-c5f7afbe7d01.mov?v=1652256856\" class=\"mobile_video\" loop=\"loop\" autoplay=\"autoplay\" playsinline=\"\" controls=\"controls\" muted=\"\" crossorigin=\"anonymous\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"medal_images\"\u003e\n\u003c!-- to_check --\u003e \u003cvideo poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/video_poster_909741ed-2240-4b7f-8ba4-69582d07e081.jpg?v=1652256856\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/video_bb9a6971-2fad-4476-9d28-c5f7afbe7d01.mov?v=1652256856\" class=\"medal_img video_item\" controls=\"controls\" muted=\"\" loop=\"loop\" autoplay=\"autoplay\" crossorigin=\"anonymous\"\u003e\u003c\/video\u003e \u003c!-- \u003cimg\n            src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/medal_1.jpeg?width=700\"\n            alt=\"\"\n            class=\"medal_img\"\n          \/\u003e --\u003e \u003c!-- to_check --\u003e \u003cimg class=\"medal_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/medal-1_12f61666-e1ad-4f82-b29e-1153f699201b.jpg?v=1652256964\u0026amp;width=700\"\u003e \u003c!-- to_check --\u003e \u003cimg class=\"medal_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/Alexander_3.jpg?v=1652266068\u0026amp;width=700\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px;\" class=\"checkpoint main_width\"\u003e\n\u003cdiv class=\"title section_title\"\u003eAdventure Checkpoints\u003c\/div\u003e\n\u003cdiv class=\"cp_desc content_font\"\u003eUnlock new locations along the map as you progress through your challenge. Each new location is a chance to immerse yourself in the virtual experience and learn about local landmarks, history and culture.\u003c\/div\u003e\n\u003cdiv class=\"cp_list\"\u003e\n\u003cdiv class=\"cp_item\"\u003e\n\u003c!-- to_check --\u003e \u003cimg class=\"cp_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/cp_1_4.png?v=1652257011\u0026amp;width=700\"\u003e\n\u003cdiv style=\"text-align: center; font-size: 13px;\" class=\"cp_name\"\u003eLincoln Memorial\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cp_item\"\u003e\n\u003c!-- to_check --\u003e \u003cimg class=\"cp_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/cp_2_5.png?v=1652257011\u0026amp;width=700\"\u003e\n\u003cdiv style=\"text-align: center; font-size: 13px;\" class=\"cp_name\"\u003eWashington Monument\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cp_item\"\u003e\n\u003c!-- to_check --\u003e \u003cimg class=\"cp_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/cp_3_10.png?v=1652257011\u0026amp;width=700\"\u003e\n\u003cdiv style=\"text-align: center; font-size: 13px;\" class=\"cp_name\"\u003eThe White House\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 70px;\" class=\"tshirt main_width\"\u003e\n\u003cdiv style=\"text-align: center; font-weight: bold;\" class=\"title section_title\"\u003eDesigner T-Shirts\u003c\/div\u003e\n\u003cdiv class=\"tshirt_desc content_font\"\u003eSoft and lightweight, with the right amount of stretch. It’s comfortable and flattering for both men and women. Choose from wide range of colors and sizes. Shirts are shipped right after registration. （*Shirts will cost extra）\u003c\/div\u003e\n\u003c!-- to_check --\u003e \u003cimg class=\"tshirt_img\" alt=\"\" style=\"width: 100%; margin-top: 10px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/dc_shopify_detail.jpg?v=1659689412\u0026amp;width=700\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003eFUN VIRTUAL EXPERIENCE\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px;\" class=\"features main_width\"\u003e\n  \u003cdiv class=\"feature img_first\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/feature_1.5.png?v=1659083416\u0026amp;width=700\" alt=\"\" class=\"feature_img\"\u003e\n          \u003cdiv class=\"content\"\u003e\n            \u003cdiv class=\"title\"\u003e11 Digital Postcards\u003c\/div\u003e\n            \u003cdiv class=\"content_value content_font\" style=\"margin-top: 10px\"\u003e\n              Unlock vintage postcards when you reach certain checkpoints. Each\n              postcard contains interesting information about the location.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"title\"\u003eImmersive Virtual Experience\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eHigh-resolution maps, 360° panoramic views, photos and fun facts. Immerse yourself in the journey and learn fun facts about local landmarks, history and culture.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- to_check --\u003e \u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/Feature_1_05eb0ee3-ddd5-49ee-9a3b-d19021412c44.jpg?v=1652257112\u0026amp;width=700\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature img_first\"\u003e\n\u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_2.jpg?width=700\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"title\"\u003eWorks With What You Have\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eConnect Pacer app with your favorite wearables\/apps and easily sync over your workout. Not a fan of fancy stuff? Your phone works just fine too!\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"title\"\u003eGlobal Leaderboards\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eYou don’t have to be alone during the journey! See and compare your performance with other participants with global and friends leaderboards.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_3.jpg?width=700\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature img_first\"\u003e\n\u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_4.jpg?width=700\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"title\"\u003eDigital Perks\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eUpon completion of each challenge the participant will unlock a unique badge as well as an E-certificate to print or brag about!\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal_image\"\u003e\n\u003cspan class=\"close\"\u003e×\u003c\/span\u003e \u003cimg\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        const modalImageContainerClassName = 'modal_image'\n\n        const medalImages = document.querySelectorAll('.medal_img')\n        const modalImage = document.querySelector('.modal_image')\n        const modalImageImg = document.querySelector('.modal_image img')\n        const modalImageClose = document.querySelector('.modal_image .close')\n\n        const modalImageUtils = (function () {\n          const showModalImage = (src) =\u003e {\n            if (!src) return\n            modalImageImg.src = src\n            modalImage.style.display = 'flex'\n            udpateModalImageWidth()\n          }\n\n          const udpateModalImageWidth = () =\u003e {\n            const windowWidth = window.innerWidth\n            const windowHeight = window.innerHeight\n            if (windowWidth \u003c windowHeight) {\n              modalImageImg.style.width = windowWidth + 'px'\n              modalImageImg.style.height = 'auto'\n            } else {\n              modalImageImg.style.width = 'auto'\n              modalImageImg.style.height = windowHeight + 'px'\n            }\n          }\n          const hideModalImage = () =\u003e {\n            modalImage.style.display = 'none'\n          }\n          return {\n            showModalImage,\n            udpateModalImageWidth,\n            hideModalImage,\n          }\n        })()\n\n        const modalImageListner = (function () {\n          const listenWindowResize = () =\u003e {\n            window.addEventListener('resize', () =\u003e {\n              modalImageUtils.udpateModalImageWidth()\n            })\n          }\n          const listenMedalImageClick = () =\u003e {\n            medalImages.forEach((img) =\u003e {\n              if (img.classList.contains('video_item')) return\n\n              img.addEventListener('click', () =\u003e {\n                const imgSrc = img.src || ''\n                modalImageUtils.showModalImage(imgSrc)\n              })\n            })\n          }\n          const listenModalImageCloseClick = () =\u003e {\n            modalImageClose.addEventListener('click', () =\u003e {\n              modalImageUtils.hideModalImage()\n            })\n            modalImage.addEventListener('click', (e) =\u003e {\n              if (e.target.classList.contains(modalImageContainerClassName)) {\n                modalImageUtils.hideModalImage()\n              }\n            })\n          }\n          const init = () =\u003e {\n            listenWindowResize()\n            listenMedalImageClick()\n            listenModalImageCloseClick()\n          }\n\n          return {\n            init,\n          }\n        })()\n\n        const modalImageMain = () =\u003e {\n          modalImageListner.init()\n        }\n        modalImageMain()\n      \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Pacer Challenges","offers":[{"title":"Registration + Medal","offer_id":54160482926910,"sku":"itn1787268456116","price":22.49,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0942\/4119\/4302\/files\/washington-dc-virtual-challenge_1.jpg?v=1787268461","url":"https:\/\/poshstylefashion.shop\/products\/washington-dc-virtual-challenge","provider":"My Store","version":"1.0","type":"link"}