{"html":"<div class=\"ovh p-0 m-0\">\n\n    \n    <style>\n        .ovh{overflow: hidden;}\n        .p-0{padding: 0;}\n        .m-0{margin: 0;}\n        .pt-20{padding-top: 20px;}\n        .px-20{\n            padding-left: 20px;\n            padding-right: 20px;\n        }\n        .fw-700{font-weight: 700;}\n        .d-flex{display: flex;}\n        .columns--promo{\n            display: flex;\n            \/*flex-wrap: wrap;*\/\n            margin-right: -10px;\n            margin-left: -10px;\n            position: absolute;\n            z-index: 2;\n\n            top: 50%;\n            transform: translate(0%, -50%);\n            width: 100%;\n            height: 100%;\n\n            margin-right: -10px;\n            margin-left: -10px;\n        }\n        .columns--promo > div{\n            padding-left: 10px;\n            padding-right: 10px;\n        }\n        .promo-material{\n            height: auto;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center top;\n            position: relative;\n        }\n        .promo-scrollable{\n            position: fixed;\n            z-index: 1;\n            min-height: 100%;\n            overflow: auto;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            height: 100%;\n            top: 50%;\n            display: flex;\n            align-items: flex-start;\n            width: 100%;\n            max-width: 1200px;\n            justify-content: center;\n        }\n        .promo-scrollable::-webkit-scrollbar{\n            display: none;\n        }\n        .promo-material::after{\n            content: \"\";\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            display: block;\n            background: #fff;\n            top: 0;\n            left: 0;\n        }\n        .document{\n            height: 100%;\n            width: 100%;\n            background: #fff;\n            padding-top: 20px;\n            padding-bottom: 20px;\n            font-family: \"Tahoma\", sans-serif;\n            display: flex;\n            flex-direction: column;\n            border-top: 5px solid #8d0100;\n        }\n        .document .document-head{\n            border-bottom: 1px solid #ccc;\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            justify-content: space-between;\n        }\n        .document .dop-info{\n            font-size: 14px;\n        }\n        .listing-description {\n            font-size: 0.8em;\n            color: #808080;\n        }\n        .document .document-head > *:not(:last-child){\n            margin-right: 10px;\n        }\n        .document .document-footer{\n            display: flex;\n            flex-direction: column;\n            border-top: 1px solid #ccc;\n        }\n        .gallery{\n            display: flex;\n            flex-direction: column;\n            width: 100%;\n            list-style-type: none;\n        }\n        .gallery > *:not(:last-child){\n            margin-bottom: 5px;\n        }\n        .light-gallery, .gallery{\n            margin-bottom: 0;\n        }\n        \/* .light-gallery, .gallery, .gallery .gallery--item, .gallery img{\n            width: 100%;\n            height: 100%;\n            padding-left: 0;\n            padding-right: 0;\n        } *\/\n        .doc-list{\n            padding: 0;\n            list-style-type: none;\n            display: flex;\n            flex-wrap: wrap;\n        }\n        .doc-list li{\n            margin-right: 10px;\n            text-decoration: underline;\n            color: #8d0100;\n        }\n        .mt-auto{margin-top: auto;}\n        .list-def{\n            list-style-type: none;\n            padding-left: 0;\n        }\n        .list-columns{\n            display: flex;\n            flex-wrap: wrap;\n            margin-left: -10px;\n            margin-right: -10px;\n        }\n        .list-columns .col-list{\n            padding-left: 10px;\n            padding-right: 10px;\n            flex: 0 0 50%;\n            max-width: 50%;\n        }\n        .list-def--item .val-1{\n            color: #383838;\n        }\n        .columns--promo .col-8{\n            max-width: 66.6666666667%;\n            flex: 0 0 66.6666666667%;\n        }\n        .columns--promo .col-4{\n            max-width: 33.3333333333%;\n            flex: 0 0 33.3333333333%;\n        }\n        .columns--promo > div{\n            padding-left: 10px;\n            padding-right: 10px;\n        }\n        .doc-title{color:#000;}\n\n        .gallery--item {\n            width: 100%;\n            overflow: hidden;\n            position: relative;\n            \/* maintain 16:9 aspect ratio *\/\n            aspect-ratio: 16 \/ 9;\n        }\n\n        .gallery--item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* crop to fill 16:9 *\/\n            display: block;\n        }\n        .list-def--item .val-1{\n           font-weight: 700 !important;\n        }\n        .list-def--item .val-2{\n           color: #8f8f8f !important;\n        }\n        @media print {\n            body{\n                background: #fff !important;\n            }\n            .promo-material,\n            .promo-scrollable,\n            .columns--promo {\n                height: auto !important;\n                position: static !important;\n                transform: none !important;\n                overflow: visible !important;\n                background: #ffffff !important;\n            }\n        }\n    <\/style>\n                <section class=\"promo-material\">\n        <div class=\"container\">\n            <div class=\"promo-scrollable\">\n                <div class=\"columns--promo\">\n                    <div class=\"col-8 d-flex\">\n                        <div class=\"document\">\n                            <div class=\"document-head pb-3\">\n                                <h1 class=\"doc-title fw-700\">Small Island in Bocas<\/h1>\n                                <div class=\"dop-info\">\n                                    <div>\n                                        <a href=\"\/region\/panama\" class=\"link-default\">Panama<\/a>, <a href=\"\/region\/central-america\" class=\"link-default\">Central America<\/a>\n\n\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"document-body pt-20\">\n                                <div class=\"listing-description\">\n                                    <p>This small private island in the Tierra Oscura region of the Bocas del Toro archipelago offers a quiet retreat surrounded by mangroves and natural Caribbean scenery. With 318.071 m\u00b2 of solid land, the property provides a rare opportunity to create a personal off\u2011grid escape within easy reach of nearby towns and services.<\/p><p><strong>The Property<\/strong><\/p><p>The island includes approximately 70 feet by 30 feet of usable hard land, estimated to sit about six feet above sea level. The terrain is suited to a range of building concepts, from a compact cottage to an eco\u2011friendly retreat or minimalist off\u2011grid dwelling.&nbsp;<\/p><p><strong>The Land and Water<\/strong><\/p><p>The island is surrounded by mangroves and offers a quiet shoreline environment. Its small footprint supports low\u2011impact development and self\u2011sustaining living.&nbsp;<\/p><p><strong>Access and Utilities<\/strong><\/p><p>The island is accessible by boat, located approximately 30 minutes from Bocas Town and 25 minutes from the port of Almirante. The property is held under Rights of Possession, with a recent concession application filed.<\/p><p><strong>The Lifestyle<\/strong><\/p><p>The island supports a private, nature\u2011focused lifestyle suited to off\u2011grid living. Its quiet setting, mangrove surroundings, and proximity to nearby towns allow for a balance of seclusion and accessibility. With its buildable hard land and Caribbean views, the property offers a foundation for a personalized retreat or long\u2011term escape.<\/p>\n                                <\/div>\n\n                                <div class=\"list-columns\" style=\"margin-top: 20px;\">\n                                    <div class=\"col-list\">\n                                        <ul class=\"list-def\">\n                                                                                            <li class=\"list-def--item\">\n                                                    <span class=\"val-1\">Location:<\/span>\n                                                    <span class=\"val-2\">Bocas Del Toro<\/span>\n                                                <\/li>\n                                            \n                                            \n                                                                                                                                                <li class=\"list-def--item\">\n                                                        <span class=\"val-1\">Price:<\/span>\n                                                        <span class=\"val-2\">\n                                                                                                                            USD 49,900\n                                                                                                                    <\/span>\n                                                    <\/li>\n                                                \n                                                <li class=\"list-def--item\">\n                                                    <span class=\"val-1\">Size:<\/span>\n                                                    <span class=\"val-2\">\n                                                                                                                    0.07\n                                                                                                                Acres\n                                                    <\/span>\n                                                <\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                    <div class=\"col-list\">\n                                        <ul class=\"list-def\">\n                                            \n                                                                                            <li class=\"list-def--item\">\n                                                    <span class=\"val-1\">Title:<\/span>\n                                                    <span class=\"val-2\">\n                                                        Freehold\n                                                    <\/span>\n                                                <\/li>\n\n                                                                                                    <li class=\"list-def--item\">\n                                                        <span class=\"val-1\">Type:<\/span>\n                                                        <span class=\"val-2\">\n                                                            Private Island\n                                                        <\/span>\n                                                    <\/li>\n                                                \n                                                <li class=\"list-def--item\">\n                                                    <span class=\"val-1\">Development:<\/span>\n                                                    <span class=\"val-2\">\n                                                        Non Developed\n                                                    <\/span>\n                                                <\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                            <div class=\"document-footer pt-20 mt-auto\">\n                                    <h5 class=\"doc-title fw-700\">Featured Lifestyles:<\/h5>\n                                    <ul class=\"doc-list\">\n                                                                                    <li class=\"doc-list--item\">\n                                                <b>Ocean Island<\/b>\n                                            <\/li>\n                                                                            <\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                            <div class=\"col-4 d-flex\">\n                            <div class=\"light-gallery\">\n                                <ul class=\"gallery\">\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"http:\/\/rent.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/659ee5cd8a779.jpg\" alt=\"listing image 1\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"http:\/\/rent.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/659ee5cd708fe.jpg\" alt=\"listing image 2\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"http:\/\/rent.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/659ee5cda06b6.jpg\" alt=\"listing image 3\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"http:\/\/rent.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/659ee5cd9a0f8.jpg\" alt=\"listing image 4\">\n                                        <\/li>\n                                                                                                                                                                                            <\/ul>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n"}