$('#HeroSlidesContainer').html("            <li data-rulelist-title=\"onboard\" data-rule-name=\"OBA Family Feud Live - Desktop\" title=\"a woman hosts family feud live with several guests\" style=\"background-image: url('/-/media/images/explore/onboard/overview/oba-family-feud-live-1.jpg'); width: 100%;\">\r\n\r\n                        <a href=\"/onboard/family-feud-live?icid=icp_explr_oba_ffeud_091323\" class=\" ccl-negative-outline\">\r\n                            <img class=\"hero-img\" src=\"/-/media/images/explore/onboard/overview/oba-family-feud-live-1.jpg\" alt=\"a woman hosts family feud live with several guests\" />\r\n                                <div class=\"overlay\"><style>\n    @import \"/~/media/CssAndJsFiles/hero-banner-css/html-hero-banners.ashx\";\n    \n    .hero-copy-family-feud {\n        text-align: center;\n        padding: 106px 0px 0px 684px;\n        position: absolute;\n        width: 500px;\n        height: 250px;\n        color: #ffffff;\n    }\n    \n    .hero-copy-family-feud .head-white-md {\n        color: #ffffff !important;\n        padding-bottom: 3%;\n    }\n    \n    .sub-heading-white-sm1 {\n        font-family: 'Open Sans',serif;\n        font-size: 120%;\n        text-transform: uppercase;\n        font-weight: 500;\n        color: #ffffff;\n        line-height: 120%;\n        padding-top: 0;\n        letter-spacing: 0px;\n        margin: 0px;\n    }\n    \n    .sub-heading-white-sm2 {\n        font-family: 'Open Sans',serif;\n        font-size: 120%;\n        text-transform: uppercase;\n        font-weight: 500;\n        color: #ffffff;\n        line-height: 1px;\n        padding-top: 2%;\n    }\n    \n    .supReg_Mark {\n        font-size: 61%;\n    }    \n    </style>\n    \n    <div class=\"hero-copy-family-feud\">\n        <div class=\"head-white-md\">\n        TEAM UP, BUZZ IN, WIN BIG\n        </div>\n        <div class=\"sub-heading-white-sm1\">\n        AUTHENTIC FAMILY FEUD&trade; ACTION IS\n        </div>\n        <div class=\"sub-heading-white-sm2\">\n        NOW ON EVEN MORE CARNIVAL SHIPS\n        </div>\n        <br />\n        <br />\n            <div class=\"cta_container\">\n                <span class=\"blue_cta\">\n                LEARN MORE <span class=\"fa fa-caret-right\" aria-hidden=\"true\"></span>\n                </span>\n            </div>\n    </div></div>\r\n                        </a>\r\n            </li>\r\n            <li data-rulelist-title=\"onboard\" data-rule-name=\"OBA Bolt - Desktop\" title=\"man and boy ride the bolt roller coaster with a view of the ocean\" style=\"background-image: url('/-/media/images/explore/onboard/overview/oba-bolt-roller-coaster-3.jpg'); width: 100%;\">\r\n\r\n                        <a href=\"/onboard/bolt-ultimate-sea-coaster/?icid=icp_explr_oba_bolt_081423\" class=\" ccl-negative-outline\">\r\n                            <img class=\"hero-img\" src=\"/-/media/images/explore/onboard/overview/oba-bolt-roller-coaster-3.jpg\" alt=\"man and boy ride the bolt roller coaster with a view of the ocean\" />\r\n                                <div class=\"overlay\"><style>\r\n    @import \"/~/media/CssAndJsFiles/hero-banner-css/html-hero-banners.ashx\";\r\n    \r\n    .hero-copy-bolt {\r\n        text-align: center;\r\n        padding: 170px 0px 0px 250px;\r\n        position: absolute;\r\n        width: 500px;\r\n        height: 250px;\r\n        color: #ffffff;\r\n    }\r\n    \r\n    .hero-copy-bolt .head-blue-md {\r\n        color: #ffffff !important;\r\n    }\r\n    \r\n    .sub-heading-blue-sm1 {\r\n        font-family: 'Open Sans',serif;\r\n        font-size: 120%;\r\n        text-transform: uppercase;\r\n        font-weight: 500;\r\n        color: #ffffff;\r\n        line-height: 120%;\r\n        padding-top: 0;\r\n        letter-spacing: 0px;\r\n        margin: 0px;\r\n    }\r\n    \r\n    .sub-heading-blue-sm2 {\r\n        font-family: 'Open Sans',serif;\r\n        font-size: 120%;\r\n        text-transform: uppercase;\r\n        font-weight: 500;\r\n        color: #ffffff;\r\n        line-height: 1px;\r\n    }\r\n    \r\n    .supReg_Mark {\r\n        font-size: 61%;\r\n    }    \r\n    </style>\r\n    \r\n    <div class=\"hero-copy-bolt\">\r\n        <span class=\"head-blue-md\">\r\n        A CRUISE IS RELAXING! SOMETIMES!\r\n        </span>\r\n        <br />\r\n        <span class=\"sub-heading-blue-sm1\">\r\n        GO FOR THE THRILLS AND SPEED\r\n        </span>\r\n        <br />\r\n        <span class=\"sub-heading-blue-sm2\">\r\n        ON THE FIRST COASTER AT SEA\r\n        </span>\r\n        <br />\r\n        <br />\r\n            <div class=\"cta_container\">\r\n                <span class=\"blue_cta\" style=\"background: #DD1225;\">\r\n                CHECK IT OUT <span class=\"fa fa-caret-right\" aria-hidden=\"true\"></span>\r\n                </span>\r\n            </div>\r\n    </div></div>\r\n                        </a>\r\n            </li>\r\n            <li data-rulelist-title=\"onboard\" data-rule-name=\"OBA Outdoor - Desktop\" title=\"View of WaterWorks outdoor waterpark on Carnival Cruise Line.\" style=\"background-image: url('/-/media/images/explore/onboard/overview/oba-outdoor-html.jpg'); width: 100%;\">\r\n\r\n                        <a href=\"/onboard/outdoor?icid=icp_explr_oba_outdoor_06152017\" class=\" ccl-negative-outline\">\r\n                            <img class=\"hero-img\" src=\"/-/media/images/explore/onboard/overview/oba-outdoor-html.jpg\" alt=\"View of WaterWorks outdoor waterpark on Carnival Cruise Line.\" />\r\n                                <div class=\"overlay\"><style>\n    @import \"/~/media/CssAndJsFiles/hero-banner-css/html-hero-banners.ashx\";\n    .hero-copy2 {\n    text-align: center;\n    padding: 140px 0px 0px 330px;\n    position: absolute;\n    width: 750px;\n    height: 250px;\n    }\n</style>\n\n<div class=\"hero-copy2\">\n<span class=\"head-white-lg-dkshadow\">FUN-MILLION BUCKETS OF WATER<br />\n</span>\n<span class=\"sub-head-white-md-dkshadow\">Even on a sunny day, the forecast calls<br />for a very wet <span style=\"font-size: bold;\">Carnival WaterWorks.</span></span><br />\n<br />\n<div class=\"cta_container\"><span class=\"blue_cta\">EXPLORE OUTDOORS  <span class=\"fa fa-caret-right\" aria-hidden=\"true\"></span></span></div>\n</div></div>\r\n                        </a>\r\n            </li>\r\n");function personalizer_carouselInit(){if(window.ccl_carousel&&window.ccl_carousel.Carousel){var $car=new window.ccl_carousel.Carousel($("#hero-section .carousel-widget"));}else{console.log("ccl_carousel.Carousel not ready");setTimeout(function(){personalizer_carouselInit();},500);}};personalizer_carouselInit();