{"product_id":"brunton-truarc20-compass-glow","title":"Brunton TruArc20 Compass Glow","description":"\u003cul\u003e  \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Crafted from the highest quality materials  \u003c\/span\u003e\u003c\/li\u003e  \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Built for performance and durability  \u003c\/span\u003e\u003c\/li\u003e  \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Made in United States  \u003c\/span\u003e\u003c\/li\u003e  \u003c\/ul\u003e\u003cbr\u003e\u003cstyle type=\"text\/css\"\u003e    \/*     * Used when device = desktop     * Configured in: configuration\/brazil-config\/global\/brand-story.cfg     *\/    \/* Because the carousel is implemented as an ol list,       any lists in the card text will have a secondary list style (letters).       This will give an incorrect appearance to viewers,       so we set all lists to the primary list style (numbers). *\/    .aplus-brand-story-card ol li {        list-style: decimal;    }    \/* Top level containers *\/    .aplus-module .apm-brand-story-hero {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      width: 1464px;      height: 625px;      background-color: #fff;    }    .aplus-module .apm-brand-story-card {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      width: 362px;      height: 453px;      background-color: #fff;    }    .apm-brand-story-hero,    .apm-brand-story-card {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      position: relative;      width: 100%;      height: 100%;      float: none;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-card {      \/* Only 12px to account for image cell border *\/      padding: 12px;    }    \/* Full background image (Hero 1 \u0026 Card 2) *\/    .aplus-module .apm-brand-story-background-image {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      overflow: hidden;      position: absolute;      width: 100%;      height: 100%;    }    .aplus-module .apm-brand-story-background-image img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }    \/* Card 1 small images *\/    .aplus-module .apm-brand-story-image-grid {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      padding: 0px;      margin: auto;      display: flex;      flex-flow: row wrap;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item {      \/* Use content-box to ensure image size matches editor schema *\/      -moz-box-sizing: content-box;      -webkit-box-sizing: content-box;      box-sizing: content-box;      padding: 0px;      margin: 2px;      width: 162px;      height: 185px;      border: 1px solid #fff;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item .apm-brand-story-image-link {      display: block;      width: 100%;      height: 100%;      padding: 2px;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item .apm-brand-story-image-link .apm-brand-story-image-img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }    \/* Card 3 logo image *\/    .aplus-module .apm-brand-story-logo-image {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        height: 145px;        margin: 0px 4px;        padding: 20px;        padding-bottom: 0px;    }    \/* Text overlays *\/    .aplus-module .apm-brand-story-text-bottom {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      position: absolute;      bottom: 13px;      left: 13px;    }    .aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom {        background-color: rgba(0,0,0,0.6);        color: #fff;        padding: 13px 65px 13px 13px; \/* accounts for overlap of first card *\/        width: 437px;    }    .aplus-module.brand-story-card-2-media-asset .apm-brand-story-text-bottom {        background-color: rgba(255,255,255,0.6);        color: #000;        padding: 13px;        width: 336px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text {        margin-top: 8px;        padding-left: 2px;        padding-right: 2px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text.apm-brand-story-text-single {        margin-top: 20px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text h3 {        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;    }    .aplus-module .apm-brand-story-slogan-text {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        margin: 0px 4px;        padding: 20px;    }    .aplus-module .apm-brand-story-faq {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        padding-top: 10px;    }    .aplus-module .apm-brand-story-faq-block {        margin: 0px 10px;        padding: 10px;    }\u003c\/style\u003e                                                \u003cstyle\u003e    .aplus-v2 .apm-brand-story-carousel-container {        position: relative;    }    .aplus-v2 .apm-brand-story-carousel-hero-container,    .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {        position: absolute;        width: 100%;    }\u003c\/style\u003e    \u003cstyle\u003e        \/*          Ensuring the carousel takes only the space it needs.          The sizes need to be set again on the absolutely positioned elements so they can take up space.        *\/        .aplus-v2 .apm-brand-story-carousel-container,        .aplus-v2 .apm-brand-story-carousel-hero-container {            height: 625px;            width: 100%;            max-width: 1464px;            margin-left: auto;            margin-right: auto;            overflow: hidden;        }        .aplus-v2 .apm-brand-story-carousel-hero-container,        .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {            height: 625px;        }    \u003c\/style\u003e   \u003cstyle\u003e        .aplus-v2 .apm-brand-story-carousel.a-carousel-container {            padding: 0px;        }        \/*          This centers the carousel vertically on top of the hero image container and after the logo area (125px).          Margin-top = (heroHeight - cardHeight - logoAreaHeight) \/ 2 + logoAreaHeight        *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {            margin-top: 149px;        }        \/*          Cards need to have a width set, otherwise they default to 50px or so.          All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.          The left margin is for leaving a space between each card.        *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-card {            width: 362px;            margin-left: 30px !important;        }        \/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {            padding: 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {            border: none;            margin: 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {            background: #fff;            padding: 20px 6px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {            border-radius: 0px 4px 4px 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {            border-radius: 4px 0px 0px 4px;        }    \u003c\/style\u003e  \u003cdiv\u003e        \u003cdiv class=\"apm-brand-story-carousel-container\"\u003e                 \u003cdiv class=\"apm-brand-story-carousel-hero-container\"\u003e                             \u003cdiv class=\"celwidget aplus-module brand-story-hero-1-image-logo aplus-brand-story-hero\" cel_widget_id=\"aplus-brand-story-hero-1-image-logo\" data-csa-c-id=\"t7jziw-jzvnkg-a9auwk-c8mdfj\" data-cel-widget=\"aplus-brand-story-hero-1-image-logo\"\u003e             \u003cdiv class=\"apm-brand-story-hero\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Brunton Compass\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d0f027c9-a6f2-4057-b46b-667915ed96ca.__CR0,0,1464,625_PT0_SX1464_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Brunton Compass\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d0f027c9-a6f2-4057-b46b-667915ed96ca.__CR0,0,1464,625_PT0_SX1464_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e                   \u003c\/div\u003e                    \u003cdiv id=\"apm-brand-story-carousel\" data-a-carousel-options=\"{\" name aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" role=\"group\" class=\"a-begin a-carousel-container a-carousel-display-stretchyGoodness a-carousel-transition-slide apm-brand-story-carousel size-cards a-carousel-container\"\u003e\n\u003cinput autocomplete=\"on\" type=\"hidden\" class=\"a-carousel-firstvisibleitem\"\u003e \u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons\"\u003e\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003ePrevious page\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\u003cdiv class=\"a-carousel-viewport\" role=\"group\" aria-roledescription=\"slide\"\u003e\u003col class=\"a-carousel\" role=\"list\"\u003e  \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-0\"\u003e   \u003c\/li\u003e      \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-1\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"hy7o1b-pedx8z-yuzjuc-wyfd7l\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Brunton Compass, Pocket Scope and Pocket Transit\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/3f9217a5-aece-426a-9e5b-11555bd4b84d.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Brunton Compass, Pocket Scope and Pocket Transit\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/3f9217a5-aece-426a-9e5b-11555bd4b84d.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-2\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"743v16-v3fiv2-xlryua-z6en7z\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Brunton Compass\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d4f6933a-34a1-4e0a-b1fd-09f2fa52fb14.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Brunton Compass\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d4f6933a-34a1-4e0a-b1fd-09f2fa52fb14.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-3\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"kip7c3-1ukmsj-7iv5pm-aucq6k\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Pocket Compass\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/9c3a7bb0-d5a8-4a01-924d-feafa68ce89d.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Pocket Compass\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/9c3a7bb0-d5a8-4a01-924d-feafa68ce89d.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-4\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"ah2fxx-7upt8f-420cq6-qiu6p3\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Brunton Map Multi Tool Card\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/84d30558-6cdd-4bc9-88bd-efec17be9f93.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Brunton Map Multi Tool Card\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/84d30558-6cdd-4bc9-88bd-efec17be9f93.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-5\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"uz9imc-25cxo1-1hmaqk-17ijv3\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Brunton Transit\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/ed58ea83-a2f1-47a0-9b23-3228bb958070.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Brunton Transit\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/ed58ea83-a2f1-47a0-9b23-3228bb958070.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-6\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"foz3w4-jsowl4-lvddgh-bovz5k\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Brunton Transit\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/0d9075d7-9468-4742-be75-9e286f7f48e4.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Brunton Transit\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/0d9075d7-9468-4742-be75-9e286f7f48e4.__CR0,1,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e   \u003c\/ol\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003eNext page\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e \u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e        \u003cdiv class=\"aplus-brandstory-pagination\"\u003e             \u003c\/div\u003e    \u003c\/div\u003e ","brand":"ARENAOX","offers":[{"title":"Default Title","offer_id":57455463629182,"sku":null,"price":206.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0975\/8212\/1342\/files\/51AxeSOFuyL._AC_SL1200.jpg?v=1779538375","url":"https:\/\/romaqay.com\/products\/brunton-truarc20-compass-glow","provider":"romaqay","version":"1.0","type":"link"}