li.weather:hover { cursor: pointer; }
.weather-widget .icon {  }
.weather-widget .icon img { height: 44px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .weather-widget { padding-left: 25px; }
    .weather-widget section { display: inline-block; color: #ffffff; }
    .weather-widget section.open {  }
    .weather-widget section p { margin: 0; line-height: 1.2; }
    .mobile-search { padding: 0 25px; }
}
@media only screen and (min-width: 768px) {
    .weather-widget section { position: absolute; text-align: center; top: 44px; width: 150px; right: 0px; background: #eef0ff; padding: 10px; display: none; }
    .weather-widget section.open { display: block; }
}

.spinner { margin: 150px auto; width: 50px; height: 50px; position: relative; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; }
.spinner-cal { margin: 0 auto; width: 50px; height: 50px; position: relative; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; }

.dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #ccc; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }

.dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}


.event-assets { display: block; overflow: hidden; height: 417px; position: relative; }
.event-assets .assets-wrapper { display: block; width: 4500px; height: 417px; position: relative; }
.event-assets .assets-wrapper ul { padding: 0; list-style: none; height: 417px;     display: inline-block; }
.event-assets .assets-wrapper ul:after { content: ''; display: table; clear: left; }
.event-assets .assets-wrapper ul li { float: left; height: 417px; }
.event-assets .assets-wrapper ul li.video { width: 640px; }
.event-assets .assets-wrapper ul li.video .event-videos {  }
.event-assets .assets-wrapper ul li.video .event-videos iframe { height: 417px; width: 100%; }
.event-assets .assets-wrapper ul li.map-img { width: 350px; }
.event-assets .assets-wrapper ul li.map-img .event-location { padding-left: 1px; padding-bottom: 1px; height: 208px; width: 100%; overflow: hidden; position: relative; }
.event-assets .assets-wrapper ul li.map-img .event-location.enlarge {  }
.event-assets .assets-wrapper ul li.map-img .event-location > a { display: block; position: absolute; z-index: 100; text-indent: -9999px; width: 100%; height: 100%; }
.event-assets .assets-wrapper ul li.map-img .event-location #map { display: block; width: 100%; height: 100%; }
.event-assets .assets-wrapper ul li.map-img .event-location .event-venue { display: none; }
.event-assets .assets-wrapper ul li .event-img { width: 100%; height: 208px; padding-left: 1px; }
.event-assets .assets-wrapper ul li .event-img.top { padding-bottom: 1px; }
.event-assets .assets-wrapper ul li .event-img.bottom {  }
.event-assets .assets-wrapper ul li .event-img .event-main-image { display: block; width: 100%; height: 100%; }
.event-assets .assets-wrapper ul li .event-img .event-main-image img { width: 100%; height: 100%; object-fit: cover; }
.event-assets .assets-wrapper ul li .event-img .event-image { display: block; width: 100%; height: 100%; }
.event-assets .assets-wrapper ul li .event-img .event-image span { width: 100%; height: 100%; }
.event-assets .assets-wrapper ul li .event-img .event-image img { width: 100%; height: 100%; object-fit: cover; }



.ekko-lightbox { background-color: rgba(0,0,0,0.7); }
.ekko-lightbox .modal-dialog {  }
.ekko-lightbox .modal-dialog .modal-content { background: transparent; box-shadow: none; border: none; }
.ekko-lightbox .modal-dialog .modal-content .modal-header { position: absolute; top: -50px; right: 0px; padding: 0; border: none; }
.ekko-lightbox .modal-dialog .modal-content .modal-header .close { color: #fff; opacity: 1; font-size: 48px; font-weight: 100; }
.ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title { display: none; }
.ekko-lightbox .modal-dialog .modal-content .modal-body { padding: 0; }
.ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-item.show img { /*position: relative; z-index: 10;*/ }
.ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-nav-overlay > a { color: #ffffff; opacity: 1; font-size: 48px; line-height: 1; position: relative; }
.ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-nav-overlay > a > span { border: 1px solid #aaaaaa; display: inline-block; flex-grow: initial; padding: 25px 10px; position: absolute; opacity: 0.5; }
.ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-nav-overlay > a span:hover { opacity: 1; }
@media only screen and (min-width: 768px) {
    .ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-nav-overlay > a:first-child > span { left: -60px; }
    .ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-nav-overlay > a:last-child > span { right: -60px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-nav-overlay > a:first-child > span { left: 0px; opacity: 1; background-color: rgba(0,0,0,0.3); }
    .ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-nav-overlay > a:last-child > span { right: 0px; opacity: 1; background-color: rgba(0,0,0,0.3); }
}
.ekko-lightbox .modal-dialog .modal-content .modal-footer { border: none; position: absolute; top: 0; right: 0; background: rgba(0,0,0,0.5); color: #ffffff; padding: 10px 15px; z-index: 11; }

.event-content #hb-commerce-sdk-root { margin-top: -50px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.07); padding: 15px; background: #ffffff; margin-bottom: 25px; }

#map-lightbox { display: block; width: 100%; height: 100%; position: absolute !important; top: 0px; left: 0px; }

body.dinner-global-page .city-selection,
body.dinner-city-page .city-selection{ padding-bottom: 20px; }
body.dinner-global-page .event-listing,
body.dinner-city-page .event-listing{ padding: 25px 0px; }
body.dinner-global-page .dinner-global,
body.dinner-city-page .dinner-global { position: relative; }
body.dinner-global-page .dinner-global:before,
body.dinner-city-page .dinner-global:before { content: ''; border-left: 1px solid rgba(181,181,181,0.18); position: absolute; height: 100%; left: 50%; }

.ios-app { display: block; padding: 25px 25px 25px 72px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.07); background-image: url('https://images.hornblower.com/wp-content/uploads/2019/02/27200035/download-mobile.png'); background-repeat: no-repeat; background-position: 20px center; }
.ios-app .download { display: block; background-image: url(/wp-content/uploads/2019/02/download-arrow.svg); background-repeat: no-repeat; background-size: 15px; padding-left: 20px; background-position: left center; }

.event-description-box h2 { font-family: 'Roboto Slab'; font-size: 22px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #212f6e; margin-bottom: 15px; }

.event-assets .nav-arrow a { display: block; position: absolute; width: 30px; height: 250px; background-color: rgba(255,255,255,0.7); top: 80px; z-index: 101; }
.event-assets .nav-arrow a.prev { left: 0px; }
.event-assets .nav-arrow a.next { right: 0px; }

.event-assets .nav-arrow > a.prev:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(45deg); }
.event-assets .nav-arrow > a.prev:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-45deg); }
.event-assets .nav-arrow > a.next:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 5px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(315deg); }
.event-assets .nav-arrow > a.next:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 5px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-315deg); }
.event-assets .nav-arrow > a span { display: none; }

.good-for-groups { display: block; padding-bottom: 50px; }
.good-for-groups .title { font-family: 'Roboto Slab'; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3px; color: #154072; margin: 15px 0; }
.good-for-groups .group { vertical-align: middle; height: 250px; display: flex; align-items: center; justify-content: center; padding: 0 70px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); }
.good-for-groups .group.family {  }
.good-for-groups .group.birthday {  }
.good-for-groups .group.holiday {  }
.good-for-groups .group a { font-family: 'Roboto Slab'; font-size: 36px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; text-transform: uppercase; }

@media only screen and (min-width: 768px) {
    .captain-quote { display: flex; }
}
.captain-quote .pic { padding: 0; }
.captain-quote .pic .thumbnail { border: none; padding: 0; margin: 0; }
.captain-quote .pic .thumbnail img { width: 100%; }
.captain-quote .word { display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; background: #e9e9e9; }
.captain-quote .word .quote { padding: 0 50px; }
.captain-quote .word .quote .title { font-family: Roboto; font-size: 36px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; text-align: left; color: #272727; }
.captain-quote .word .quote blockquote { font-family: 'Roboto Slab'; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 1.42; letter-spacing: 0.6px; text-align: left; color: #272727; }
.captain-quote .word .quote small { font-family: Roboto; font-size: 14px; font-weight: 500; line-height: 2.76; letter-spacing: 1.1px; color: #8e8c8c; }

.captain-quote-narrow .pic { padding: 0; }
.captain-quote-narrow .pic .thumbnail { border: none; padding: 0; margin: 0; }
.captain-quote-narrow .pic .thumbnail img { width: 100%; }
.captain-quote-narrow .word { display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; background: #e9e9e9; }
.captain-quote-narrow .word .quote { padding: 25px; }
.captain-quote-narrow .word .quote .title { font-family: Roboto; font-size: 36px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; text-align: left; color: #272727; }
.captain-quote .word .quote blockquote { font-family: 'Roboto Slab'; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 1.42; letter-spacing: 0.6px; text-align: left; color: #272727; }
.captain-quote .word .quote small { font-family: Roboto; font-size: 14px; font-weight: 500; line-height: 2.76; letter-spacing: 1.1px; color: #8e8c8c; }


.dinner-city-page {  }
.dinner-city-page .dinner-city { padding: 50px 0 25px; border-bottom: 1px solid #a2a2a2; margin-bottom: 25px; }
.dinner-city-page .recommended-term { border-bottom: 1px solid #a2a2a2; margin-bottom: 50px; padding: 25px 0; }
.dinner-city-page .dinner-city h2 { font-family: 'Roboto Slab'; }
.dinner-city-page .dinner-city .listing { padding: 0; }
.dinner-city-page .event-listing.city {  }
.dinner-city-page .event-listing.city .title-wrapper {  }
.dinner-city-page .event-listing.city .title-wrapper .title {  }
.dinner-city-page .event-listing.city .experiences-container { height: auto; }
.dinner-city-page .event-listing.city .experiences-container .experiences-content { width: auto; }
.dinner-city-page .event-listing.city .experiences-container .experiences-content ul {  }
.dinner-city-page .event-listing.city .experiences-container .experiences-content ul li {  }
.dinner-city-page .event-listing.city .experiences-container .experiences-content ul li:nth-child(2) { margin-left: 5px; }
.dinner-city-page .recommended-title { font-family: Roboto; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.83; letter-spacing: -1.1px; text-align: left; color: #aeaeae; }




body.category-page nav.breadcrumbs, body.event-page nav.breadcrumbs {  }
body.category-page nav.breadcrumbs ul, body.event-page nav.breadcrumbs ul {  }
body.category-page nav.breadcrumbs ul:after, body.event-page nav.breadcrumbs ul:after { content:''; clear: both; }
body.category-page nav.breadcrumbs ul li, body.event-page nav.breadcrumbs ul li { color: #154072; }
body.category-page nav.breadcrumbs ul li a, body.event-page nav.breadcrumbs ul li a { color: #154072; }
body.category-page nav.breadcrumbs ul li:before, body.event-page nav.breadcrumbs ul li:before {  }

body.category-page .banner.banner-inner { background-position: 50% 50% !important; }


body.fleet-page {  }
body.fleet-page header { box-shadow: 0 0 55px 0 rgba(0, 0, 0, 0.2); }
body.fleet-page .featured-fleet {  }
body.fleet-page .fleet-title { font-family: Roboto; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3px; color: #154072; text-transform: uppercase; }
body.fleet-page .featured-fleet label { font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #b7b7b7; margin-left: 5px; }
body.fleet-page .featured-fleet .jcf-select-text { font-family: Roboto; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #154072; }
body.fleet-page .featured-fleet .jcf-select .jcf-select-opener:after { color: #bb9743; }

body.fleet-page featured-fleet .listing {  }
body.fleet-page .featured-fleet .listing ul { padding: 0; list-style: none; }
body.fleet-page .featured-fleet .listing ul li {  }
body.fleet-page .featured-fleet .listing ul li .thumbnail { padding: 0; box-shadow: none; }
body.fleet-page .featured-fleet .listing ul li .thumbnail .img-wrap { height: 200px; }
body.fleet-page .featured-fleet .listing ul li .thumbnail .fleet-info {  }
body.fleet-page .featured-fleet .listing ul li .thumbnail .fleet-info .h3heading { font-family: 'Roboto Slab'; font-size: 18px; font-weight: normal; color: #154072; }
body.fleet-page .featured-fleet .listing ul li .thumbnail .fleet-info .capacity { font-family: Roboto; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #bb9743; }
body.fleet-page .featured-fleet .listing ul li .thumbnail .fleet-info .description { font-family: Roboto; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #154072; }

body.fleet-page section.parallax.banner:before { background: transparent; }
.parallax.banner:before { /*background: rgba(0, 0, 0, .4);*/ }

.cruise-checkout-page .banner-text h1 { text-align: center; font-family: 'Roboto Slab'; }
.hb-banner-inner-medium .banner-text { /*top: 140px; bottom: 140px;*/ }
.cruise-checkout-page #hb-commerce-sdk-root { min-height: 500px; padding: 50px 0; }


body.city-corp-events-page .hb-banner-inner-medium .banner-text .banner-inner h1 { font-family: 'Roboto Slab'; font-size: 40px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #ffffff; margin-bottom: 10px; }
body.city-corp-events-page .hb-banner-inner-medium .banner-text .banner-inner strong { font-family: 'Roboto Slab'; font-size: 50px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #ffffff; white-space: normal; width: 75%; display: block; margin: 0 auto; }
body.city-corp-events-page .description { display: block; text-align: center; padding: 25px 0 0; font-size: 20pt; color: #4a4a4a; font-family: Roboto; line-height: 1.2; max-width: 987px; margin: 0 auto; }

.hb-spacing hr { border-width: 2px; border-color: #a2a2a2; }

.four-circle {  }
.four-circle ul { padding: 0; list-style: none; }
.four-circle ul:after { content: ''; display: table; clear: both; }
.four-circle ul li { padding: 0; }
.four-circle ul li .article {  }
.four-circle ul li .article .thumbnail { box-shadow: none; }
.four-circle ul li .article .thumbnail .img-wrap {  }
.four-circle ul li .article .thumbnail .img-wrap img { width: 50%; }
.four-circle ul li .article .circle-info { text-align: center; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .four-circle .article .thumbnail .img-wrap { margin-bottom: 15px; }
    .four-circle ul li .article .circle-info { font-size: 12px; height: 75px; overflow: hidden; }
}


/********* Banner Medium **********/
section.hb-banner-inner-medium {  }
section.hb-banner-inner-medium .banner-text { display: flex; }
section.hb-banner-inner-medium .banner-text .banner-inner { margin: auto; }
section.hb-banner-inner-medium .banner-text h1 { font-family: 'Roboto Slab'; font-size: 50px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #ffffff; margin-bottom: 10px; margin-top: 10px; }
section.hb-banner-inner-medium .banner-text .banner-inner .subtitle { font-family: Roboto; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; white-space: normal; max-width: 400px; display: block;
    margin: 0 auto; }
body.fleet-page section.hb-banner-inner-medium .banner-text h1 { font-family: Roboto; font-size: 36px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3px; color: #154072; max-width: 500px; margin: 0 auto; }
body.city-dinner-page section.hb-banner-inner-medium .banner-text h1,
body.global-dinner-page section.hb-banner-inner-medium .banner-text h1 { letter-spacing: 8.1px; }
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.fleet-page .banner.hb-banner-inner-medium { min-height: 250px; }
    section.hb-banner-inner-medium .banner-text { white-space: normal; top: 25px; bottom: 25px; }
    body.fleet-page section.hb-banner-inner-medium .banner-text h1 { font-size: 24px; }
    section.hb-banner-inner-medium .banner-text .banner-inner .subtitle { font-size: 18px; }
}

/********* Listing Page ***********/
.listing-page {  }
.listing-page .title { display: block; font-family: 'Roboto Slab'; font-size: 36px; text-transform: uppercase; font-weight: normal; font-style: normal; line-height: 1; padding-bottom: 15px; }
.listing-page.fleet-list .title { font-family: 'Roboto Slab'; font-size: 51px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #163867; padding-bottom: 20px; text-transform: none; }
.listing-page .sub-title { display: block; font-size: 16px; font-weight: normal; font-family: Roboto; font-style: normal; line-height: 1; padding-bottom: 34px; }
.listing-page .listing-container { position: relative; }
.listing-page .listing-wrapper { overflow: hidden; }
.listing-page .listing-content { position: relative; width: 9000px; }
.listing-page .listing-content ul.listing-list { padding: 0; list-style: none; display: inline-block; margin: 0; }
.listing-page .listing-content ul.listing-list:after { clear: both; content: ''; display: table; }
.listing-page .listing-content.nav ul.listing-list li { float: left; width: 350px; margin: 5px; }
.listing-page .listing-content ul.listing-list li:first-child { margin-left: 0px; }
.listing-page .listing-content.no-nav { width: auto; }
.listing-page .listing-content.no-nav ul.listing-list { display: block; }
.listing-page .listing-content.no-nav ul.listing-list li { margin: 0; }
.listing-page .listing-content ul.listing-list li.centered-hovered {  }
.listing-page.fleet-list .listing-content ul.listing-list li.centered-hovered { padding: 40px; }
.listing-page .listing-content ul.listing-list li.centered-hovered .heading-wrapper { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.listing-page .listing-content ul.listing-list li.centered-hovered .h3heading { display: inline-block; margin: auto; }
.listing-page .listing-content ul.listing-list li.centered-hovered.from-bottom .h3heading { margin-bottom: 0; width: 100%; padding: 20px; background: rgba(255,255,255,0.61); text-transform: uppercase; }
.listing-page .listing-content ul.listing-list li.centered-hovered.from-bottom .h3heading span { font-family: 'Roboto Slab'; font-size: 20px; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.9px; text-align: center; color: #212f6e; font-weight: bold; }
.listing-page .listing-content ul.listing-list li.centered-hovered.from-bottom .heading-wrapper:hover .h3heading { margin: auto; background: none; }
.listing-page .listing-content ul.listing-list li.centered-hovered.from-bottom .heading-wrapper:hover .h3heading span { color: #ffffff; }
.listing-page .listing-content ul.listing-list li.centered-hovered .heading-wrapper:hover { background: rgba(187, 151, 67,0.77); }
.listing-page .listing-content ul.listing-list li.centered-hovered .h3heading span { display: inline-block; margin: auto; font-family: 'Roboto Slab'; font-size: 38px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; }
.listing-page .listing-content ul.listing-list li a {  }
.listing-page .listing-content ul.listing-list li a:hover { text-decoration: none; }
.listing-page .listing-content ul.listing-list li .article { margin-top: 0; }
.listing-page .listing-content ul.listing-list li .article .thumbnail { padding: 0; box-shadow: none; position: relative; }
.listing-page .listing-content ul.listing-list li .article .thumbnail .img-wrap { height: 250px; overflow: hidden; margin-bottom: 32px; }
.listing-page .listing-content ul.listing-list li.centered-hovered .article .thumbnail .img-wrap { margin-bottom: 0; }
.listing-page.fleet-list .listing-content ul.listing-list li .article .thumbnail .img-wrap { height: 300px; margin: 0; }
.listing-page .listing-content ul.listing-list li .article .thumbnail .img-wrap img { object-fit: cover; width: 100%; height: 100%; }
.listing-page .listing-content ul.listing-list li .product-info { display: block; height: 50px; overflow: hidden; }
.listing-page .listing-content ul.listing-list li .product-info .h3heading { display: flex; position: absolute; bottom: 82px; left: 0px; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.6), rgba(0,0,0,0.8), rgba(0,0,0,1)); height: 110px; }
.listing-page .listing-content ul.listing-list li .product-info .h3heading > span { color: #ffffff; font-size: 28px; text-transform: uppercase; font-family: 'Roboto Slab'; font-weight: bold; line-height: 1; text-align: left; padding: 25px; margin-top: auto; }
.listing-page .listing-content ul.listing-list li .product-info .data { color: #888787; line-height: 1.4; }

.listing-page .listing-container .nav-arrow { display: block; position: absolute; top: 25%; z-index: 10; width: 100%; }
.listing-page .listing-container .nav-arrow a span { display: none; }
.listing-page .listing-container .nav-arrow a.prev { left: 0px; }
.listing-page .listing-container .nav-arrow a { display: block; position: absolute; width: 30px; height: 250px; background-color: rgba(255,255,255,0.7); top: -50px; text-indent: -9999px; }
.listing-page .listing-container .nav-arrow > a.prev:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(45deg); }
.listing-page .listing-container .nav-arrow > a.prev:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-45deg); }
.listing-page .listing-container .nav-arrow a.next { right: 0px;  }
.listing-page .listing-container .nav-arrow > a.next:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 7px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(315deg); }
.listing-page .listing-container .nav-arrow > a.next:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 7px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-315deg); }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .listing-page .title { font-size: 24px; }
    .listing-page .sub-title { font-size: 14px; }
    .listing-page .listing-content ul.listing-list li.centered-hovered { margin-bottom: 15px; }
}

.adventure-holder.gallery-home-holder.text-block { padding: 0px 15px; }
.adventure-holder.gallery-home-holder.text-block .intro-heading { margin: 0 0 15px; }
.adventure-holder.gallery-home-holder.text-block p.intro { line-height: 1.5; margin-bottom: 15px; }

.open-cities { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.7); z-index: 1000; justify-content: center; align-content: center; vertical-align: middle; }
.open-cities ul { display: block; margin: 0 auto; padding: 70px 0; list-style: none; }
.open-cities ul li { text-align: center; border: 1px solid transparent; margin-bottom: 10px; }
.open-cities ul li:hover { border: 1px solid #ffffff; }
.open-cities ul li a { color: #ffffff; font-family: 'Roboto Slab'; font-size: 36px; display: block; }
.open-cities .close { position: absolute; top: 25px; right: 0px; opacity: 0.7; }
.open-cities .close:hover { opacity: 1; }
.open-cities .close a { color: #ffffff; border: 1px solid #ffffff; padding: 5px 10px; }
.open-cities .container { position: relative; }

.more-cruises-mobile {  }
.more-cruises-mobile ul {  }
.more-cruises-mobile ul li {  }
.more-cruises-mobile ul li a {  }
.more-cruises-mobile ul li.hb a {  }
.more-cruises-mobile ul li.ac a {  }
.more-cruises-mobile ul li.sc a {  }
.more-cruises-mobile ul li.nycf a {  }
.more-cruises-mobile ul li.nc a {  }

.select-city-modal { z-index: 10002; }
.select-city-modal .modal-content { padding: 0 25px; border-radius: 10px; }
.select-city-modal .modal-header .close { position: absolute; top: 10px; right: 20px; }
.select-city-modal .modal-title { text-align: center; font-size: 28px; font-family: Roboto; font-weight: normal; }
.select-city-modal .modal-body {  }
.select-city-modal .modal-body ul { padding: 0; list-style: none; }
.select-city-modal .modal-body ul:after { clear: both; content: ''; display: table; }
.select-city-modal .modal-body ul li { display: inline-block; margin-right: 13px; margin-bottom: 15px; }
.select-city-modal .modal-body ul li a { background: #d8d8d8; padding: 7px 20px; display: inline-block; border-radius: 15px; color: #9b9b9b; }
.select-city-modal .modal-body ul li a:hover { background: #bb9743; color: #ffffff; }

#main.plan-an-event-page .collage { display: none; }
#main.plan-an-event-page.san-francisco .collage.san-francisco,
#main.plan-an-event-page.san-diego .collage.san-diego,
#main.plan-an-event-page.marina-del-rey .collage.marina-del-rey,
#main.plan-an-event-page.berkeley .collage.berkeley,
#main.plan-an-event-page.newport-beach .collage.newport-beach,
#main.plan-an-event-page.new-york .collage.new-york,
#main.plan-an-event-page.sacramento .collage.sacramento,
#main.plan-an-event-page.long-beach .collage.long-beach { display: block; }

.content-block { padding: 0; background: transparent; }
.content-block.row { margin: 0; }
header.content-heading { font-size: 20px; font-family: Roboto; max-width: 700px; margin: 0 auto; }
header.content-heading .main-heading { margin-bottom: 15px; }
header.content-heading .main-subtitle { font-style: normal; font-size: inherit; }

.hb-contact-form { padding: 25px 50px; background: transparent; }
.hb-contact-form .hb-cf-wrapper {  }
.hb-contact-form .intro {  }
.hb-contact-form .intro .title { font-family: 'Roboto Slab'; font-size: 32px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 3px; color: #212f6e; margin-bottom: 15px; }
.hb-contact-form .intro .text { font-family: Roboto; font-size: 18px; }
.hb-contact-form .plan-cta { padding: 15px 0 25px; text-align: center; }
.hb-contact-form .plan-cta a { background: #bb9743; color: #ffffff; padding: 10px 50px; border-radius: 25px; font-size: 15pt; }
.hb-contact-form .cf-content {  }

.hb-contact-form.overlap-banner { max-width: 700px; margin: 0 auto; margin-top: -75px; z-index: 1000; position: relative; background: #ffffff; padding: 25px 50px; text-align: center; margin-bottom: 20px; webkit-box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.5); box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.5); }
.hb-contact-form.overlap-banner.wider { max-width: 850px; }
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .hb-contact-form { padding: 15px; }
    .hb-contact-form.overlap-banner { padding: 15px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hb-contact-form { padding: 15px; }
}
.wpcf7-form { background: transparent; border: none; padding: 0; margin: 0; text-align: left; }
.wpcf7-form .h5heading { color: #bb9743; font-size: 18px; font-family: 'Roboto'; font-weight: bold; }
.wpcf7-form p { margin-bottom: 15px; padding: 0; font-weight: normal; line-height: 1.2; letter-spacing: 0; }
.wpcf7-form label {  }
.wpcf7-form .wpcf7-form-control-wrap { width: 100%; }
.wpcf7-form .wpcf7-submit { background: #bb9743; border: none; border-radius: 15px; width: auto; color: #ffffff; float: none; padding: 15px 25px; }

.btn.btn-primary.hb-btn { background: #bb9743; border: none; border-radius: 20px; padding: 15px 25px; text-transform: none; font-family: Roboto; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; }
.btn.btn-primary.hb-btn:hover { background: #bb9743; }

a.hb-btn { background: #bb9743; border: none; border-radius: 20px; padding: 15px 50px; text-transform: none; font-family: Roboto; font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; display: inline-block; }
a.hb-btn:hover { opacity: 0.85; color: #ffffff; }

a.hb-btn-border { border-radius: 30px; padding: 10px 35px; text-transform: none; font-family: Roboto; font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #bb9743; display: inline-block; border: 3px solid #bb9743; }
a.hb-btn-border:hover { opacity: 0.85; color: #ffffff; }


.search-event-listing {  }
.search-event-listing .listing-wrapper {  }
.search-event-listing .listing-content {  }
.search-event-listing ul.listing-list { padding: 0; list-style: none; }
.search-event-listing ul.listing-list li { margin-bottom: 10px; }
.search-event-listing ul.listing-list li a {  }
.search-event-listing ul.listing-list li a:hover { text-decoration: none; }
.search-event-listing ul.listing-list li .article { margin: 0; border: 1px solid #f0f2f5; }
.search-event-listing ul.listing-list li .article .thumbnail { box-shadow: none; background: transparent; padding: 0; }
.search-event-listing ul.listing-list li .article .thumbnail .img-wrap { margin-bottom: 10px; max-height: 140px; min-height: 140px; }
.search-event-listing ul.listing-list li .article .thumbnail .product-info { padding: 0 15px 15px; }
.search-event-listing ul.listing-list li .article .thumbnail .product-info .h3heading { font-family: 'Roboto Slab'; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #154072; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 38px; text-transform: uppercase; }
.search-event-listing ul.listing-list li .article .thumbnail .product-info .data { font-family: Roboto; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal; color: #b7b7b7; margin-bottom: 10px; height: 75px; overflow: hidden; }
.search-event-listing ul.listing-list li .article .thumbnail .product-info .data p { margin: 0; line-height: 1.17; }
.search-event-listing ul.listing-list li .article .thumbnail .product-info .price { font-family: Roboto; font-size: 40px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #000000; display: flex; height: 40px; }
.search-event-listing ul.listing-list li .article .thumbnail .product-info .price .sign { font-size: 50%; margin-top: 5px; }
.search-event-listing ul.listing-list li .article .thumbnail .product-info .select-date { font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.15; letter-spacing: normal; color: #00aeef; border-top: 1px solid #cdcfd1; margin-top: 10px; padding-top: 10px; display: block; text-transform: uppercase; }


.hb-event-tiles { min-height: 500px; }
.hb-event-tiles ul { padding: 0; list-style: none; }
.hb-event-tiles ul li { position: relative; height: 350px; overflow: hidden; margin-bottom: 15px; }
.hb-event-tiles ul li .tile-wrapper { width: 100%; height: 100%; position: relative; }
.hb-event-tiles ul li .tile-wrapper > a {  }
.hb-event-tiles ul li .tile-wrapper > a:hover { text-decoration: none; }
.hb-event-tiles ul li .article { margin: 0; height: 100%; width: 100%; }
.hb-event-tiles ul li .article .thumbnail { padding: 0; width: 100%; height: 100%; }
.hb-event-tiles ul li .article .thumbnail .img-wrap { margin: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 100%; }
.hb-event-tiles ul li .article .thumbnail .img-wrap img { object-fit: cover; min-width: 100%; min-height: 100%; }
.hb-event-tiles ul li .article .thumbnail {  }
.hb-event-tiles ul li .article .thumbnail .product-info { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 100; padding: 25px; text-align: center; color: #ffffff; background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.6), rgba(0,0,0,0.8), rgba(0,0,0,1)); }
.hb-event-tiles ul li .article .thumbnail .product-info .h3heading { font-family: Roboto; font-size: 18px; }
.hb-event-tiles .loading-event { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: #ffffff; }

.header-cal { position: relative; border-bottom: 1px solid rgba(151, 151, 151, 0.18); padding-bottom: 5px; margin-bottom: 15px; }
.header-cal:after { content: ''; clear: both; display: table; }
.header-cal .title { font-family: Roboto; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 3px; color: #154072; text-transform: uppercase; float: left; }
.header-cal .note { font-family: Roboto; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #b7b7b7; float: right; }

.hb-inline-datepicker {  }
.hb-inline-datepicker .datepicker-inline { width: 100%; }
.hb-inline-datepicker .datepicker-days {  }
.hb-inline-datepicker .datepicker-months, .hb-inline-datepicker .datepicker-years, .hb-inline-datepicker .datepicker-decades, .hb-inline-datepicker .datepicker-centuries {  }
.hb-inline-datepicker .datepicker-days table { width: 100%; }
.hb-inline-datepicker .datepicker-days table th.prev {  }
.hb-inline-datepicker .datepicker-days table th.prev:hover { cursor: pointer; }
.hb-inline-datepicker .datepicker-days table th.prev:before {  }
.hb-inline-datepicker .datepicker-days table th.prev:after {  }
.hb-inline-datepicker .datepicker-days table th.next {  }
.hb-inline-datepicker .datepicker-days table th.next:hover { cursor: pointer; }
.hb-inline-datepicker .datepicker-days table th.next:before {  }
.hb-inline-datepicker .datepicker-days table th.next:after {  }
.hb-inline-datepicker .datepicker-days table th.datepicker-switch { font-family: Roboto; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #bb9743; text-transform: uppercase; text-align: center; }
.hb-inline-datepicker .datepicker-days table td { font-family: Roboto; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 2px; color: #b7b7b7; border: 1px solid #b7b7b7; border-radius: 0; text-align: center; position: relative; }
.hb-inline-datepicker .datepicker-days table th { font-family: Roboto; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 2px; color: #b7b7b7; text-align: center; }
.hb-inline-datepicker .datepicker-days table th:hover { background: transparent; }
.hb-inline-datepicker .datepicker-days table th.dow {  }
.hb-inline-datepicker .datepicker-days table td.old {  }
.hb-inline-datepicker .datepicker-days table td.day {  }
.hb-inline-datepicker .datepicker-days table td.new {  }
.hb-inline-datepicker .datepicker-days table td.disabled { background: rgba(183, 183, 183, 0.25); }
.hb-inline-datepicker .datepicker-days table td.disabled:hover { background: rgba(183, 183, 183, 0.25) !important; color: #999999; }
.hb-inline-datepicker .datepicker-days table td.active,
.hb-inline-datepicker .datepicker-days table td.today,
.hb-inline-datepicker .datepicker-days table td:hover { background-color: #bb9743 !important; color: #ffffff; }
.hb-inline-datepicker .datepicker-days table td.active:after,
.hb-inline-datepicker .datepicker-days table td.today:after { content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px; border-bottom-color: #bb9743; }
.hb-inline-datepicker .datepicker-days table td.today:hover:after, .hb-inline-datepicker .datepicker-days table td.active:hover:after { border-bottom-color: #ffffff; }


.hb-block-content {  }
.hb-block-content .title { font-family: 'Roboto Slab'; font-size: 32px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 3px; color: #212f6e; margin-bottom: 15px; }
.hb-block-content .sub-title { font-family: Roboto; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 3px; color: #212f6e; margin-bottom: 15px; }
.hb-block-content .content { font-family: Roboto; font-size: 18px; }
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .hb-block-content .content { font-size: 14px; }
    .hb-block-content .title { font-size: 22px; }
    .hb-block-content .sub-title { font-size: 16px; }
}
.hb-block-content.overlap-banner { max-width: 700px; margin: 0 auto; margin-top: -75px; z-index: 100; position: relative; background: #ffffff; padding: 25px 50px; text-align: center; margin-bottom: 20px; webkit-box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.5); box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.5); }
.hb-block-content.featured-fleet .title { font-family: Roboto; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3px; color: #154072; text-transform: uppercase; }

body.yacht-charter {  }
body.yacht-charter .banner-text h1 { font-family: 'Roboto Slab'; font-size: 65px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 13.5px; text-align: center; color: #ffffff; text-transform: uppercase; }

.hb-block-content.yc-top .title { font-family: 'Roboto Slab'; font-size: 51px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #163867; }
.hb-block-content.yc-top .content { font-family: Roboto; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #163867; }

.hb-block-content.yc-intro { /*background: url(http://alpha.hornblower.com/wp-content/uploads/2019/02/LeftDinner.jpg);*/ height: 950px; position: relative; display: flex; }
.yc-intro .block-wrapper { display: inline-block; margin: auto; max-width: 550px; margin-right: 100px; background: rgba(255,255,255,0.87); padding: 100px 85px; }
.yc-intro .block-wrapper .title { font-family: 'Roboto Slab'; font-size: 51px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #163867; }
.yc-intro .block-wrapper .content { font-family: Roboto; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #163867; margin-bottom: 25px; }
.hb-block-content .youtube-bg-wrapper { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.hb-block-content .youtube-bg-wrapper iframe {  }

.hb-block-content.yc-intro.playing .block-wrapper {  }

.city-dinner-page .hb-block-content.cityTop .content { font-family: Roboto; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #163867; }

body.city-dinner-page .hb-block-content.cta-side .block-wrapper { display: flex; padding: 50px; background: #e1e1e1; }
body.city-dinner-page .hb-block-content.cta-side .block-wrapper:after { content: ''; clear: both; display: table; }
body.city-dinner-page .hb-block-content.cta-side .block-inner { float: left; }
body.city-dinner-page .hb-block-content.cta-side .title { font-family: Roboto; font-size: 32px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3.9px; color: #212f6e; margin-bottom: 0px; }
body.city-dinner-page .hb-block-content.cta-side .sub-title { font-family: Roboto; font-size: 32px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3.9px; color: #bb9743; }
body.city-dinner-page .hb-block-content.cta-side .cta-wrapper { display: flex; margin: auto; margin-right: 0; }
body.city-dinner-page .hb-block-content.cta-side .cta-wrapper a { padding: 10px 25px; margin: auto; background: transparent; border: 3px solid #bb9743; color: #bb9743; border-radius: 30px; }

.spacing-shadow-top { box-shadow: 0 0 500px 100px rgba(255,255,255,1); display: block; z-index: 1; position: relative; }
.on-top-of-shadow { position: relative; z-index: 2; }

.hb-block-content.fleet-info {  }
.hb-block-content.fleet-info .title { font-family: 'Roboto Slab'; font-size: 51px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; color: #163867; }
.hb-block-content.fleet-info .content { font-family: Roboto; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #163867; }
.hb-block-content.fleet-info {  }
.hb-block-content.fleet-spec .content { font-family: Roboto; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #163867; }

.hb-gallery-content {  }
.hb-gallery-content .gallery-wrapper {  }
.hb-gallery-content .gallery-wrapper .title-wrapper {  }
.hb-gallery-content .gallery-wrapper .title-wrapper .title { font-family: 'Roboto Slab'; font-size: 51px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #163867; text-transform: uppercase; }
.hb-gallery-content .gallery-wrapper .images-wrapper {  }
.hb-gallery-content .gallery-wrapper .images-wrapper ul { padding: 0; list-style: none; }
.hb-gallery-content .gallery-wrapper .images-wrapper ul li { /*padding: 0 25px;*/ margin: 25px 0; }
.hb-gallery-content .gallery-wrapper .images-wrapper ul li a {  }
.hb-gallery-content .gallery-wrapper .images-wrapper ul li img {  }

body.fleet-page .fleet-gallery.slant-right { padding: 100px 0; background: url(/wp-content/uploads/2019/02/HB_Background_tile-layer.jpg); background-repeat: no-repeat; background-size: 100% auto; position: relative; }
body.fleet-page .fleet-gallery.slant-right:before { content: ''; position: absolute; left: 0; background: #ffffff; clip-path: polygon(0% 0%, 0% 100%, 100% 0%); padding-top: 100px; top: 0; right: 0; width: 100%; }

.hb-fleet-list {  }
.hb-fleet-list.fleet-list .title-wrapper .title { font-family: 'Roboto Slab'; font-size: 51px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #163867; padding-bottom: 20px; text-transform: none; }
.hb-fleet-list .list-wrapper {  }
.hb-fleet-list .list-wrapper ul { padding: 0; list-style: none; }
.hb-fleet-list .list-wrapper ul:after { content: ''; clear: both; display: table; }

.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered {  }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered { padding: 40px; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered .heading-wrapper { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered .h3heading { display: inline-block; margin: auto; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered.from-bottom .h3heading { margin-bottom: 0; width: 100%; padding: 20px; background: rgba(255,255,255,0.61); text-transform: uppercase; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered.from-bottom .h3heading span { font-family: 'Roboto Slab'; font-size: 20px; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.9px; text-align: center; color: #212f6e; font-weight: bold; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered.from-bottom .heading-wrapper:hover .h3heading { margin: auto; background: none; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered.from-bottom .heading-wrapper:hover .h3heading span { color: #ffffff; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered .heading-wrapper:hover { background: rgba(187, 151, 67,0.77); }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered .h3heading span { display: inline-block; margin: auto; font-family: 'Roboto Slab'; font-size: 38px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; }
.hb-fleet-list .list-wrapper ul.fleet-list li a:hover { text-decoration: none; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article { margin-top: 0; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article .thumbnail { padding: 0; box-shadow: none; position: relative; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article .thumbnail .img-wrap { height: 250px; overflow: hidden; margin-bottom: 32px; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered .article .thumbnail .img-wrap { margin-bottom: 0; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article .thumbnail .img-wrap { height: 300px; margin: 0; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article { margin-top: 0; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article .thumbnail { padding: 0; box-shadow: none; position: relative; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article .thumbnail .img-wrap { height: 250px; overflow: hidden; margin-bottom: 32px; }
.hb-fleet-list .list-wrapper ul.fleet-list li.centered-hovered .article .thumbnail .img-wrap { margin-bottom: 0; height: 300px; }
.hb-fleet-list .list-wrapper ul.fleet-list li .article .thumbnail .img-wrap img { object-fit: cover; width: 100%; height: 100%; }


.listing-page.nyc-tour-sightseeing .listing-content ul.listing-list li .article .thumbnail .h3heading { font-family: 'Roboto Slab'; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; color: #212f6e; margin-bottom: 15px; }
.listing-page.nyc-tour-sightseeing .listing-content ul.listing-list li .article .thumbnail .img-wrap { height: auto; }
.listing-page.nyc-tour-sightseeing .listing-content ul.listing-list li .product-info { height: auto; }
.listing-page.nyc-tour-sightseeing .listing-content ul.listing-list li .product-info a.hb-btn { font-size: 18px; padding: 10px 25px; }
.listing-page.nyc-tour-sightseeing .listing-content.no-nav ul.listing-list li { margin-bottom: 25px; }

.hb-cities-jump.featured-fleet { margin-left: 15px; }

.hb-block-content.sf-dining-cruises { max-width: 550px; padding: 25px 25px 40px; }
.hb-block-content.sf-dining-cruises .title { font-family: 'Roboto Slab'; font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: normal; color: #4a4a4a; }
.hb-block-content.sf-dining-cruises .content { font-family: Roboto; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.21; letter-spacing: normal; text-align: center; color: #9b9b9b; }

.hb-cities-jump {  }
.hb-cities-jump .jump-wrapper {  }
.hb-cities-jump label { font-family: Roboto; font-size: 14.2px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 3.7px; color: #cdcbce; }
.hb-cities-jump .jcf-select-text { font-family: 'Roboto Slab'; font-size: 21.3px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #4a4a4a; text-transform: none; }
.hb-cities-jump .jcf-select { padding: 0; }
.hb-cities-jump .jcf-select .jcf-select-opener:after { color: #4a4a4a; }

.hb-cities-jump .ginput_container_select.mui-select { padding-top: 25px; }
.hb-cities-jump .ginput_container_select.mui-select label {  }
.hb-cities-jump .ginput_container_select.mui-select select { border: none; }
.ginput_container_select.mui-select .mui-select__menu { z-index: 100; }
.hb-cities-jump.dining-cruises { text-align: center; margin-bottom: 25px; }
.hb-cities-jump.dining-cruises .jump-wrapper { margin: 0 auto; display: inline-block; }
.hb-cities-jump.dining-cruises .jcf-select { width: 220px; }
.hb-cities-jump.dining-cruises label { display: block; font-size: 16px; }

.hb-fleet-list.city-fleet-list .title { font-family: Roboto; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3px; color: #154072; text-transform: uppercase; text-align: left; }


.gtitle-wrapper {  }
.gtitle-wrapper .title {  }
.gtitle-wrapper .sub-title {  }
.gtitle-wrapper .note {  }
.glisting-container { position: relative; }
.glisting-container .nav-arrow { display: block; position: absolute; top: 25%; z-index: 10; width: 100%; }
.glisting-container .nav-arrow a { display: block; position: absolute; width: 30px; height: 250px; background-color: rgba(255,255,255,0.7); top: -50px; text-indent: -9999px; }
.glisting-container .nav-arrow > a.next:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 7px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(315deg); }
.glisting-container .nav-arrow > a.next:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 7px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-315deg); }
.glisting-container .nav-arrow > a.prev:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(45deg); }
.glisting-container .nav-arrow > a.prev:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px;
    transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-45deg); }
.glisting-container .nav-arrow .prev { left: 0; }
.glisting-container .nav-arrow .next { right: 0; }
.glisting-wrapper { overflow: hidden; }
.glisting-content.nav { position: relative; width: 90000px; }
.glisting-content.no-nav {  }
ul.glisting { padding: 0; list-style: none; display: inline-block; }
.glisting-content.no-nav ul.glisting { display: block; }
ul.glisting li.glisting-item { float: left; }
ul.glisting li.glisting-item:first-child { margin-left: 0; }
ul.glisting li.glisting-item:last-child { margin-right: 0; }
.glisting-content.nav ul.glisting li.glisting-item {  }
.glisting-content.no-nav ul.glisting li.glisting-item {  }
ul.glisting li.glisting-item .article { margin: 0; }
ul.glisting li.glisting-item .article .thumbnail { padding: 0; box-shadow: none; position: relative; }
ul.glisting li.glisting-item .article .thumbnail .img-wrap { overflow: hidden; height: 250px; margin-bottom: 32px; }
ul.glisting li.glisting-item .article .thumbnail .img-wrap span { width: 100%; height: 100%; }
ul.glisting li.glisting-item .article .thumbnail .img-wrap img { object-fit: cover; width: 100%; height: 100%; }
ul.glisting li.glisting-item .article .thumbnail .item-info {  }
ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading {  }
ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading span {  }
ul.glisting li.glisting-item .article .thumbnail .item-info .data { color: #888787; line-height: 1.4; }
ul.glisting li.glisting-item .article .thumbnail .item-info .data p { margin: 0; }
.hb-event-listing.related ul.glisting li.glisting-item { margin-bottom: 25px; }

.hb-fleet-list .glisting-content.no-nav ul.glisting li.glisting-item { height: 400px; }
.hb-fleet-list .glisting-content.nav ul.glisting li.glisting-item { width: 300px; padding: 0; margin: 0 15px; height: 350px; }
.hb-fleet-list .glisting-content.nav ul.glisting li.glisting-item:first-child { margin-left: 0; }
.hb-fleet-list .glisting-content.nav ul.glisting li.glisting-item:last-child { margin-right: 0; }
.hb-fleet-list .glisting-content.nav ul.glisting li.glisting-item .article .thumbnail .img-wrap { height: 200px; }
.hb-fleet-list .glisting-content ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading { font-family: 'Roboto Slab'; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #154072; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 38px; text-transform: uppercase; }
.hb-fleet-list .glisting-content ul.glisting li.glisting-item .article .thumbnail .item-info .data .capacity { font-family: Roboto; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #bb9743; display: block; }
.hb-fleet-list .glisting-content ul.glisting li.glisting-item .article .thumbnail .item-info .data .overview { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.hb-fleet-list.fleet-tiles .title { font-family: 'Roboto Slab'; font-size: 51px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #163867; padding-bottom: 20px; text-transform: none; }
.hb-fleet-list ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading {  }
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .hb-fleet-list.featured-fleet .glisting-content.no-nav ul.glisting li.glisting-item { height: 150px; }
    .hb-fleet-list.featured-fleet .glisting-content.no-nav ul.glisting li.glisting-item .article .thumbnail .img-wrap { height: 100px; margin-bottom: 10px; }
    .hb-fleet-list.featured-fleet .glisting-content ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading { font-size: 14px; display: block; max-height: unset; -webkit-line-clamp: unset; overflow: unset; }
    .hb-fleet-list.featured-fleet .glisting-content ul.glisting li.glisting-item .article .thumbnail .item-info .data { display: none; }
}

.listing-page .glisting-content.nav ul.glisting li.glisting-item { width: 350px; margin: 5px; }
.listing-page ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading { display: flex; position: absolute; bottom: 82px; left: 0px; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.6), rgba(0,0,0,0.8), rgba(0,0,0,1)); height: 110px; }
.listing-page ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading span { color: #ffffff; font-size: 28px; text-transform: uppercase; font-family: 'Roboto Slab'; font-weight: bold; line-height: 1; text-align: left; padding: 25px; margin-top: auto; }
.listing-page ul.glisting li.glisting-item .article .thumbnail .item-info { display: block; height: 50px; overflow: hidden; }

.listing-page.nyc-tour-sightseeing ul.glisting li.glisting-item .article .thumbnail .item-info { height: auto; }
.listing-page.nyc-tour-sightseeing  ul.glisting li.glisting-item .article .thumbnail .h3heading { font-family: Roboto; font-size: 22px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #154072; text-transform: uppercase; }
.listing-page.nyc-tour-sightseeing ul.glisting li.glisting-item .article .thumbnail .item-info a.cta-link { background: #bb9743; color: #ffffff; padding: 5px 25px; border-radius: 15px; font-size: 18px; margin: 15px 0px; display: inline-block; }

a.product-filter:hover { cursor: pointer; }

.hb-event-listing .gtitle-wrapper .title { font-family: Roboto; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3px; color: #154072; }
.hb-event-listing #glisting-filter ul { padding: 0; list-style: none; margin: 0; }
.hb-event-listing #glisting-filter ul:after { clear: both; content: ''; display: table; }
.hb-event-listing #glisting-filter ul li { float: left; padding: 15px 15px 15px 0; }
.hb-event-listing #glisting-filter ul li a { color: #bb9743; opacity: 0.5; font-family: RobotoSlab; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; }
.hb-event-listing #glisting-filter ul li a.active, .hb-event-listing #glisting-filter ul li a:hover { opacity: 1; }
.hb-event-listing .glisting-content.nav ul.glisting li.glisting-item { width: 280px; margin: 5px; padding: 0; }
.hb-event-listing ul.glisting li.glisting-item .article { border: 1px solid #f0f2f5; }
.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .img-wrap { margin-bottom: 10px; height: 140px; }
.hb-event-listing .glisting-content.nav ul.glisting li.glisting-item:first-child { margin-left: 0px; }
.hb-event-listing .glisting-content.nav ul.glisting li.glisting-item:last-child { margin-right: 0px; }
.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .item-info .h3heading span { font-family: 'Roboto Slab'; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #154072; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 38px; text-transform: uppercase;  }
.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .item-info { padding: 0 15px 15px; }
.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .item-info .data { font-family: Roboto; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal; color: #b7b7b7; margin-bottom: 10px; height: 73px; overflow: hidden; }
.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .item-info .price { font-family: Roboto; font-size: 32px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #000000; display: flex; height: 40px; }
.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .item-info .price .sign { font-size: 50%; margin-top: 5px; }
.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .item-info .select-date { font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.15; letter-spacing: normal; color: #00aeef; border-top: 1px solid #cdcfd1; margin-top: 10px; padding-top: 10px; display: block; text-transform: uppercase; }
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .hb-event-listing .glisting-content.nav ul.glisting li.glisting-item { width: 120px; }
	.hb-event-listing ul.glisting li.glisting-item .article .thumbnail .item-info .price { font-size: 24px; }
}

.event-detail-content {  }
.event-detail-content .event-heading h1 { font-family: 'Roboto Slab'; font-size: 30px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #212f6e; margin: 0; }
.event-detail-content .event-heading .sub-heading{ font-family: Roboto; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #b7b7b7; }
.event-detail-content .event-assets { display: block; overflow: hidden; height: 417px; position: relative; }
.event-detail-content .event-assets .nav-arrow a.prev { left: 0px; }
.event-detail-content .event-assets .nav-arrow a { display: block; position: absolute; width: 30px; height: 250px; background-color: rgba(255,255,255,0.7); top: 80px; z-index: 101; }
.event-detail-content .event-assets .nav-arrow > a span { display: none; }
.event-detail-content .event-assets .nav-arrow > a.next:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 5px; position: absolute; width: 25px; transition-delay: .5s;  transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(315deg); }
.event-detail-content .event-assets .nav-arrow > a.next:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 5px; position: absolute; width: 25px; transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-315deg); }
.event-detail-content .event-assets .nav-arrow > a.prev:before { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px; transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 120px; transform: rotate(45deg); }
.event-detail-content .event-assets .nav-arrow > a.prev:after { background: none repeat scroll 0 0 #bb9743; content: ""; display: block; height: 3px; left: 2px; position: absolute; width: 25px; transition-delay: .5s; transition-duration: .5s; transition-property: transform,top,bottom,left,opacity; transition-timing-function: ease; top: 105px; transform: rotate(-45deg); }
.event-detail-content .event-assets .assets-wrapper { display: block; width: 9000px; height: 417px; position: relative; }
.event-detail-content .event-assets .assets-wrapper ul { padding: 0; list-style: none; height: 417px; display: inline-block; }
.event-detail-content .event-assets .assets-wrapper ul li.video { width: 640px; }
.event-detail-content .event-assets .assets-wrapper ul li.video img { width: 100%; height: 100%; object-fit: cover; }
.event-detail-content .event-assets .assets-wrapper ul li.video span { width: 100%; height: 100%; }
.event-detail-content .event-heading { padding-bottom: 25px; }
.event-detail-content .event-assets .assets-wrapper ul li.video .event-img-prime { width: 100%; height: 100%; }
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .event-detail-content .event-assets .assets-wrapper ul li.video .event-img-prime { width: 360px; }
}