/* #region SHIPS */ 

.ship-sub-name {
font-family: 'Trajan W01 bold'!important;
font-style: italic;
font-size: 26px;
line-height: 32px;
font-weight: 300; 
color:#92836b;
}

h2.ship-sub-title {
font-size: 40px;
line-height: 40px;
text-align:left;
font-family: 'Trajan W01 bold'!important;
font-style: normal;
color:#92836b;
text-transform: uppercase;
margin-top: -9px;
}
/* #endregion */ 

/* #region SHIP OVERVIEW */ 

.overview-description {
    font-size: 14px;
    line-height: 1.3;
}

.overview-description-container {
    /*position:absolute;	*/
    margin-top: 20px;
}

.overview-bg-img {
    float: right;
}

.overview-section .horz-dot-line {
    width: 50%;
}

.shipfacts-list {
    list-style: none;
    margin-left: -39px;
    position: relative;
}

    .shipfacts-list li {
        position: relative;
        display: block;
        padding: 2px 10px 2px 10px;
        margin: 2px 0;
        background: #F5F2ED;
        color: #97876E;
        text-decoration: none;
    }

li.shipfacts-header {
    background: #97876E;
    color: #F5F2ED;
    padding: 0px 10px 0px 10px;
    height: 25px;
    line-height: 25px;
}

.shipfact-rt {
    float: right;
}

.shipfacts-close {
    margin-right: 4px;
    font-size: 20px;
    color: #FFFFFF;
    right: 0;
    z-index: 1;
    position: absolute;
    line-height: 30px;
}

.shipfacts-close:hover {
cursor:pointer;
}
/* #endregion */ 

/* #region SHIP HIGHLIGHT */ 

.highlight-section .horz-dot-line {
    width: 100%;
}

.highlight-carousel-item-title  {
font-family: 'Trajan W01 bold'!important;
font-style: italic;
font-size: 26px;
line-height: 26px;
font-weight: 300;
color: #92836b;
margin-bottom: 10px;
}

.carousel-description {
    padding-top: 15px;
}

.carousel-description-inner p {
    font-size: 13px;
    line-height: 1.6;
}

.life-onboard-container {
    background-color: #ededed;
    -webkit-box-shadow: inset 0px 14px 21px -14px rgba(0,0,0,0.24);
    -moz-box-shadow: inset 0px 14px 21px -14px rgba(0,0,0,0.24);
    box-shadow: inset 0px 14px 21px -14px rgba(0,0,0,0.24);
}

.life-onboard-title-container {
    margin-top: 20px;
    margin-bottom: 40px;
}

.life-onboard-container-items {
    padding-left: 15px;
    padding-right: 15px;
}

/* Highlight Carousel  */
.highlight-carousel .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.highlight-carousel .carousel-inner .item,
.highlight-carousel .carousel-inner .active.left,
.highlight-carousel .carousel-inner .active.right {
    opacity: 0;
}

.highlight-carousel .carousel-inner .active,
.highlight-carousel .carousel-inner .next.left,
.highlight-carousel .carousel-inner .prev.right {
    opacity: 1;
}

    .highlight-carousel .carousel-inner .next,
    .highlight-carousel .carousel-inner .prev,
    .highlight-carousel .carousel-inner .active.left,
    .highlight-carousel .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.highlight-carousel .carousel-inner {
    margin-top: 3px;
}

.highlight-carousel .carousel-control {
    z-index: 2;
}

.highlight-carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}
    /*
.highlight-carousel .item:nth-child(1) {
  background: #eeeeee;
}
.highlight-carousel .item:nth-child(2) {
  background: red;
}
.highlight-carousel .item:nth-child(3) {
  background: orange;
}*/

    .highlight-carousel .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 0%;
        z-index: 15;
        width: 100%;
        margin-left: 0%;
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

        .highlight-carousel .carousel-indicators .active {
            margin: 0;
            width: 15px;
            height: 15px;
            background-color: #92836b;
        }

        .highlight-carousel .carousel-indicators li {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: 1px;
            text-indent: -999px;
            border: 0px solid #fff;
            border-radius: 15px;
            cursor: pointer;
            background-color: #e2ded9;
        }

.highlights-header-container .carousel-arrows {
    float: right;
    margin-top: 25px;
}

    .highlights-header-container .carousel-arrows a {
        color: #97876E;
        background-color: #F5F2ED;
        border-radius: 0px;
        text-decoration: none;
        font-size: 30px;
        padding: 0px 20px 6px 20px;
    }

        .highlights-header-container .carousel-arrows a:hover {
            color: #F5F2ED;
            background-color: #97876E;
            text-decoration: none;
        }

.highlight-carousel-items-container {
    margin-left: 0px;
    margin-right: 0px;
    /*background-color: #f5f2ed;*/
}

.highlight-carousel .carousel-img {
    padding-left: 0px;
    padding-right: 0px;
}

.highlight-carousel .carousel-description {
padding-left:0px;
padding-right:0px;	
font-style: normal;
font-weight: 400;
}

.highlight-carousel .carousel-description-inner {
    padding: 30px;
    position: absolute;
    z-index: 2;
}

.highlight-carousel .carousel-description-bg {
    position: absolute;
    z-index: 1;
}

.life-onboard-carousel-items .item {
    background-color: #f5f2ed;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 0;
    min-height: 550px;
}

.life-onboard-carousel-items.owl-theme .owl-controls .owl-buttons {
    width: 100%;
}

    .life-onboard-carousel-items.owl-theme .owl-controls .owl-buttons div {
        color: #fff;
        display: inline-block;
        zoom: 1;
        margin: 0px;
        padding: 0px 5px;
        font-size: 12px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background: none;
        filter: Alpha(Opacity=50);
        opacity: 1;
    }

.life-onboard-carousel-items.owl-theme .owl-prev {
    position: absolute;
    z-index: 2;
    left: 0px;
}

.life-onboard-carousel-items.owl-theme .owl-next {
    position: absolute;
    z-index: 2;
    right: 0px;
}

/*.life-onboard-carousel-items .owl-buttons {
right: 0;
position: absolute;
margin-top: -88px;
margin-right: -5px;
}*/

/*.life-onboard-carousel-items .owl-buttons {
right: 0;
margin-top: -88px;
margin-right: 0px;
margin-bottom: 40px;
}*/

.life-onboard-carousel-items .owl-buttons {
    right: 0;
    margin-top: 15%;
    position: absolute;
    z-index: 2;
}

.life-onboard-learn-more {
    z-index: 1;
    position: relative!important;
    bottom: 0;
    margin-bottom: 0px!important;
    float: right;
    margin-top: 24px;
}

/*.life-onboard-arrow {
color: #97876E;
background-color: #F5F2ED;
border-radius: 0px;
text-decoration: none;
font-size: 30px;
padding: 6px 20px 6px 20px;
}*/

/*.life-onboard-arrow:hover {
color: #F5F2ED;
background-color: #97876E;
}*/

.life-onboard-arrow {
    color: #97876E;
    font-size: 30px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all .3s ease-out;
    color: rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
}

    .life-onboard-arrow:hover {
        background-color: rgba(0, 0, 0, 1) !important;
        transition: all .3s ease-out;
        color: rgba(255, 255, 255, 1) !important;
        color: #F5F2ED;
        background-color: #97876E;
    }

/* #endregion */ 

/* #region SHIP BANNER */ 
 
.fullwidth-banner-container { 
    height: auto;  
    margin: 0 auto; 
    /*width: 100%;*/
    position: relative;
    padding: 50px 0;
}

.ship-banner-title {
font-size: 40px;
line-height: 40px;
text-align: left;
font-family: 'Trajan W01 bold'!important;
font-style: normal;
text-transform: uppercase;
margin-bottom: 15px;
}

.ship-banner-description {
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 20px;
}

.ship-banner-button {
    text-align: left;
}

.ship-banner-section img {
    max-height: 150px;
    margin-left: auto;
    margin-right: auto;
}
/* #endregion */ 

/* #region SHIP DECKPLAN */ 

h2.ship-header-title {
font-size: 40px;
line-height: 25px;
text-align: left;
font-family: 'Trajan W01 bold'!important;
font-style: normal;
color: #92836b; 
}

.deckplan-header-container .lg-deckplan-btn {
    float: right;
    margin-top: 24px;
}

.deck-plan-sidebar-container .list-group-item {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.deck-plan-sidebar-container .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #92836B;
    border-radius: 10px;
}

.ship-deck-plan-block {
    margin-bottom: -5px;
}

    .ship-deck-plan-block .browngradient {
        margin-top: 20px;
    }

.deck-plan-staterooms {
    text-align: center;
    margin-top: 10px;
}

    .deck-plan-staterooms li {
        width: 10%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -3px;
    }

    .deck-plan-staterooms .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
        line-height: 25px;
    }

.deck-plan-staterooms-category {
    background: #F5F2ED;
    color: #97876E;
    font-size: 11px;
    text-align: center;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.deckplan-number {
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 20px;
    font-size: 100%;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    opacity: 1;
    cursor: pointer;
    background: rgb(196, 176, 140);
}

.collapsible {
    width: 25%;
    transition: all .3s;
}

.expand-lg {
    width: 75%;
    transition: all .3s;
}


    .expand-lg.expanded {
        width: 100%;
        transition: all .3s;
    }

.collapsible.expanded {
    width: 100%;
    /*width: 8.33333333%;*/
    transition: all .3s;
}

    .collapsible.expanded li {
        display: none;
    }


.deckplan-lg-image-full {
    width: 100% !important;
    transition: all .3s;
}

.deckplan-sidemenu-hide {
    display: none !important;
}

.deckplan-stateroom-color-full {
    width: 100% !important;
    transition: all .3s;
    margin-left: 0% !important;
}

.deckplan-menu-btn {
    display: block;
}

.deckplan-mobile-description {
    display: none;
}

.mobile-deckplan-zoom ul {
    position: absolute;
    right: 0;
    bottom: -60px;
}

.deckplan-zoom-in, .deckplan-zoom-out {
    font-size: 30px;
    color: #97876E;
}

.deckplan-zoom-in:hover, .deckplan-zoom-out:hover {
color: #F5F2ED;
}
/* #endregion */ 

/* #region SHIP STATEROOMS */ 

.staterooms-title span {
    margin-right: 15px;
}

.stateroom-header-container .stateroom-features-btn {
    float: right;
    margin-top: 30px;
}


.staterooms-tab {
    margin-top: 17px;
}

    .staterooms-tab .nav > li {
        position: relative;
        display: block;
        border-right-color: #a99d89;
        border-right-width: 0px;
        border-right-style: solid;
        color: #464543;
        background-color: #f5f2ed;
        height: 32px;
        max-height: 32px;
    }

.ship-banner-section {
    color: #FFFFFF;
    text-align: center;
}

.banner-video {
    background-color: rgba(0, 0, 0, 0.25);
}

    .banner-video iframe {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
    }

.staterooms-tab .nav-pills > li.active > a, .staterooms-tab .nav-pills > li.active > a:hover {
    height: 32px;
}


.staterooms-tab .nav-stacked > li + li {
    margin-top: 1px;
    margin-left: 0;
}

.staterooms-tab .nav > li > a {
    position: relative;
    display: block;
    padding: 0px 0px;
}

.staterooms-tab .nav-pills > li > a {
    border-radius: 0px;
    transition: all .3s ease-out !important;
}

.staterooms-tab .nav > li a {
    color: #464543;
    text-decoration: none;
}

.staterooms-tab .nav > li > a:hover, .staterooms-tab .nav > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #97876e;
    height: 32px;
}

.staterooms-tab.nav-pills > li.active > a, .staterooms-tab .nav-pills > li.active > a:hover, .staterooms-tab .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #97876e;
}

.staterooms-tab .nav-pills > li.active > a {
    color: #fff;
    background-color: #97876e;
    transition: all .3s ease-out !important;
    border-radius: 0px !important;
}

.right-border {
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: 1px;
}

.stateroom-carousel.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 0px;
    padding: 0px 5px;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
    filter: Alpha(Opacity=50);
    opacity: 1;
}

.stateroom-carousel .owl-buttons {
    right: 0;
    /*position: absolute;*/
    /*margin-top: -88px;*/
    margin-right: 45px;
    position: absolute;
    z-index: 1;
    margin-top: 30%;
    left: 0;
}

.stateroom-carousel-arrow {
    color: #97876E;
    background-color: #F5F2ED;
    border-radius: 0px;
    text-decoration: none;
    font-size: 30px;
    padding: 6px 20px 6px 20px;
}

/*.life-onboard-arrow:hover {
    color: #F5F2ED;
    background-color: #97876E;
}*/

/*.stateroom-carousel .owl-buttons {
    position: absolute;
    z-index: 1;
    margin-top: 30%;
    left: 0;
}*/

.stateroom-carousel .owl-prev {
    position: absolute;
    left: 0;
    padding: 0px 0px !important;
}

.stateroom-carousel .owl-next {
    position: absolute;
    right: 0;
}

    .stateroom-carousel .owl-next span, .stateroom-carousel .owl-prev span {
        background-color: rgba(0, 0, 0, 0.6);
        transition: all .3s ease-out;
        color: rgba(255, 255, 255, 0.6);
        padding: 10px 20px;
    }

    .stateroom-carousel .owl-next:hover span, .stateroom-carousel .owl-prev:hover span {
        background-color: #000000;
        color: #ffffff;
    }

.staterooms-tab .arrow .tab-active {
    width: 100%;
    height: 100%;
    border-top: 16px solid white !important;
    border-bottom: 16px solid white !important;
    border-left: 16px solid #97876e !important;
    margin-right: -15px;
    float: right;
}

.staterooms-tab .arrow div {
    width: 100%;
    height: 100%;
    border-top: 0px solid white;
    border-bottom: 32px solid white;
    border-left: 0px solid #97876e;
    margin-right: -15px;
    float: right;
}

.staterooms-padding-tab {
    padding: 0px 10px;
    text-align: left;
    line-height: 32px;
    text-align: center;
}

.set-height32 {
    height: 32px;
    max-height: 32px;
}
.staterooms-title .staterooms-category{
font-size:35px;
font-family: 'Trajan W01 bold'!important;
font-style: normal;
color:#92836b;
}

.staterooms-title .staterooms-category-deck {
font-size:25px;
font-family: 'Trajan W01 bold'!important;
font-style: italic;
color:#92836b;
}

.staterooms-description {
font-size:15px;
color: #434343;
/*font-weight:bold;*/
margin-left: 0px;
}

.stateroom-features-btn {
    margin-top: 25px;
}

.stateroom-features-btn a {
background-color: #aea28f;
color: #ffffff;
padding: 10px 20px;
font-size: 12px;
}

.stateroom-features-btn a:hover {
background-color: #97876e;
color: #ffffff;
text-decoration: none;
}

.staterooms-type {
margin-bottom: 5px;
font-size: 13px;
}

.staterooms-tab-item:before {
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #97876E;
color: #ffffff;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
}

.staterooms-tab-item:after {
position: absolute;
content: '';
border: 16px solid transparent;
left: 100%;
top: 0%;
transition: all .3s ease-out;
}

.staterooms-tab-item.active:after{
left: 100%;
border-left-color: #97876E;             
}

.staterooms-carousel-container .carousel-control {
width: 0%;
margin-right: 50px;
}

.staterooms-carousel-container .fa-angle-right, .staterooms-carousel-container .fa-angle-left {
position: absolute;
top: 45%;
font-size: 30px;
padding: 10px 20px;
}

.staterooms-carousel-container .fa-angle-right, .staterooms-carousel-container .fa-angle-left {
background-color: rgba(0, 0, 0, 0.6);
transition: all .3s ease-out;
}

.staterooms-carousel-container .fa-angle-right:hover, .staterooms-carousel-container .fa-angle-left:hover {
background-color: rgba(0, 0, 0, 1);
}

#staterooms-carousel .fa-angle-left:before, .staterooms-carousel-container .fa-angle-right:before {
color: rgba(255, 255, 255, 0.6);
transition: all .3s ease-out;
}

.staterooms-carousel-container .fa-angle-left:hover:before, .staterooms-carousel-container .fa-angle-right:hover:before {
color: rgba(255, 255, 255, 1);
}

.staterooms-carousel-container .right {
opacity: 50 !important;
}

.staterooms-carousel-container .left {
opacity: 50 !important;
}

.staterooms-carousel-container .left, .staterooms-carousel-container .right {
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0) 0, rgba(0,0,0,0.0000) 100%) !important;
background-image: -o-linear-gradient(left, rgba(0,0,0,0.0) 0, rgba(0,0,0,0.0000) 100%) !important;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0)), to(rgba(0,0,0,0.0000))) !important;
background-image: linear-gradient(to right, rgba(0,0,0,0.0) 0, rgba(0,0,0,0.0000) 100%) !important;
background-repeat: repeat-x !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) !important;
}

.staterooms-carousel-container .carousel-control {
opacity: 100;
filter: alpha(opacity=100);
text-shadow: 0 1px 2px rgba(0,0,0,0.0);
}

.stateroom-feature-container ul {
margin-left: -25px;
}


.stateroom-feature-container {
margin-top: 10px;
}

.stateroom-feature-container-inner {
color: #97876E;
border: 1px solid #97876E;
font-size: 12px;
font-weight: 300;
font-style: normal;
background: #F5F2ED;
}

.stateroom-feature-container-inner {
padding: 20px 10px;
}

.stateroom-carousel {
height: 100%;
}

.stateroom-carousel-item {
width: 100%;
height: 100%;
/*max-height:630px;*/
margin-right: 0px;
display: block;
}

.stateroom-carousel-item img {
width: 100%;
}

/* #endregion */ 

/* #region SHIP GALLERY */ 

.fullwidth-gallery-outter {background:#F5F2ED;}
 
.ship-intro-gallery-inner {
height: 283px;
min-height: 283px;
background-repeat: no-repeat;
border-left-width: 15px;
border-left-style: solid;
border-left-color: #ffffff;
border-right-width: 15px;
border-right-style: solid;
border-right-color: #ffffff;
}

.ship-intro-gallery-detail {
min-height: 283px;
background-image: url("/assets/whitebg-transparent.png");
background-repeat: repeat;
background-color: transparent;
padding-left: 30px;
padding-right: 30px;
}

.gallery-intro-btn a {
background-color: #aea28f;
color: #ffffff;
padding: 10px 20px;
font-size: 12px;
}

.gallery-intro-btn a:hover {
background-color: #97876e;
color: #ffffff;
text-decoration: none;
}

.gallery-intro-content {
margin: 10px 0 30px 0;
}

.thumbnail-overlay .media-box-title {
font-weight: 100 !important;
font-style: normal;
}

.media-boxes-filter>li a {
font-style: normal;	
}

.gallery-header-container {
}

.gallery-btns {
float: right;
margin-top: 25px;
}
		
/* hide "no more entries" button */
.media-boxes-no-more-entries {
display: none;
}

/* thumbnail-overlay style */
.thumbnail-overlay {
background: white;
padding: 0px 20px;
}

.thumbnail-overlay .media-box-title {
font-weight: 100 !important;
}

/* Remove box shadow from the media boxes */
.media-box-container {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}

/* Center the filters */
.media-boxes-filter {
text-align: center;
}

/* change style of filter menu */
.media-boxes-filter > li {
margin: 0;
}

.media-boxes-filter > li {
margin: 0 0px 0 0 !important;
}

.media-boxes-filter > li:last-child a {
border-right: 0px solid #EBEBEB;
border-radius: 0 0px 0px 0;
}

.media-boxes-filter > li:first-child a {
border-radius: 0px 0 0 0px;
}

.media-boxes-filter > li a {
border-bottom: 0px solid #EBEBEB;
border-left: 0px solid #EBEBEB;
border-top: 0px solid #EBEBEB;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}

.media-boxes-filter > li a {
display: block;
cursor: pointer;
color: #97876E !important;
font-size: 12px;
font-weight: 400;
text-decoration: none;
margin: 0 5px 0px 0 !important;
padding: 11px 14px;
border: 1px solid #97876E !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
background-color: #F5F2ED !important;
-webkit-box-shadow: 0 0px 0px rgba(34,25,25,0.2) !important;
-moz-box-shadow: 0 0px 0px rgba(34,25,25,0.2) !important;
-o-box-shadow: 0 0px 0px rgba(34,25,25,0.2) !important;
-ms-box-shadow: 0 0px 0px rgba(34,25,25,0.2) !important;
box-shadow: 0 0px 0px rgba(34,25,25,0.2) !important;
}

.media-boxes-filter > li a.selected {
background: #97876E !important;
color: #F5F2ED !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
}


.media-boxes-filter > li a:hover {
background: #97876E !important;
color: #F5F2ED !important;
}

.mfp-bottom-bar {
margin-top: -40px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}

.mfp-title {
text-align: left;
line-height: 18px;
color: #000000;
word-wrap: break-word;
padding-right: 36px;
background-color: #ffffff;
padding-left: 10px;
min-height: 30px;
padding-top: 10px;
padding-bottom: 10px;
}

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

/* hover effect on the image */
.media-box-image img {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-o-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}

.media-box-image:hover img {
-webkit-transform: scale(1.1) translate(-10px);
-moz-transform: scale(1.1) translate(-10px);
-o-transform: scale(1.1) translate(-10px);
-ms-transform: scale(1.1) translate(-10px);
transform: scale(1.1) translate(-10px);
}

.mfp-content {
z-index: 11210 !important;
max-width: 1170px;
transition: all .3s ease-out;
}

.mfp-bg {
z-index: 11200 !important;
background: #000000 !important;
opacity: 0.85 !important;
filter: alpha(opacity=85);
transition: all .3s ease-out;
}

.gallery-popup {
position: relative;
background: #FFF;
padding: 0px;
width: auto;
max-width: 1170px;
margin: 0px auto;
}

.mfp-arrow {
width: 60px;
height: 60px;
top: 40%;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
margin-left: 25px;
margin-top: 7px;
font-size: 30px;
color: #fff;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
margin-top: 7px;
font-size: 30px;
color: #fff;
}

.gallery-popup-content {
padding: 10px 40px;	
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-icon-container {
height: 100%;
width: 100%;
display: table !important;
position: absolute;
}

.video-icon-container .video-icon {
font-size: 90px;
display: table-cell !important;
vertical-align: middle;
text-align: center;
color: rgba(255, 255, 255, 0.87);
z-index: 999;
}

.gallery-caption {
z-index: 2;
position: absolute;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
padding: 5px 10px;
font-weight: 300;
font-style: normal;
}
/* #endregion */ 

/* #region SHIP ITINERARIES */ 

.ship-feature-title a {
font-style: italic;
font-size: 24px;
line-height: 32px;
font-weight: 300;
color: #92836b;	
}

.ship-feature-title a:hover {
color: #06192E;
text-decoration: none;
}

.itineraries-header-container .all-itineraries-btn {
float: right;
margin-top: 25px;
}
/* #endregion */ 

/* #region SHIP SUGGESTED */ 

.suggested-itineries-items {
margin-left: -15px;
margin-right: -15px;
}

.ship-feature-block {
margin-bottom: 50px;
}

.ship-feature-title {
margin-top: 10px;
}
/* #endregion */ 

/* #region SHIP MOMEMTS */ 

.explore-moments-items {
margin-left: -15px;
margin-right: -15px;
}

.moments-header-container .moments-btn {
float: right;
margin-top: 25px;
}

/* #endregion */ 

/*==================================================
* Rectangle Number List
* ===============================================*/

.deck-plan-sidebar-container ol {
counter-reset: li; /* Initiate a counter */
list-style: none; /* Remove default numbering */
*list-style: decimal; /* Keep using default numbering for IE6/7 */
font-style: normal;
padding: 0;
margin-bottom: 4em;
/*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.deck-plan-sidebar-container ol ol {
margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.rectangle-list span {
position: relative;
display: block;
padding: .3em .4em .3em .8em;
*padding: .4em;
margin: .1em 0 .1em 2.5em;
background: #F5F2ED;
color: #97876E;
text-decoration: none;
transition: all .3s ease-out;
}

.rectangle-list span:hover {
background: #97876E;
color: #ffffff;
}

.rectangle-list span:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 1em;
margin-top: -1em;
background: #97876E;
color: #ffffff;
height: 100%;
width: 2em;
line-height: 2em;
text-align: center;
}

.rectangle-list span:after {
position: absolute;
content: '';
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}

.rectangle-list span:hover:after {
left: -.5em;
border-left-color: #97876E;
}

/* #region SHIP */ 

.ships-items {
    margin-left: -15px;
    margin-right: -15px;
}

.ships-block {
    margin-bottom: 50px;
}

.ships-title {
    margin-top: 10px;
}
 
.ships-title a {
font-style: italic;
font-size: 24px;
line-height: 32px;
font-weight: 300;
color: #92836b;	
}

.ships-title a:hover {
color: #06192E;
text-decoration:none;
}
/* #endregion */ 

/* #region RESPONSIVE */ 

@media (max-width: 992px) {
.deckplan-mobile-description {display:none;}
.life-onboard-carousel-items .highlight-item {
    padding-left: 0px;
    padding-right: 0px;
}
}

@media only screen and (min-width: 761px) and (max-width:992px) {
    .deckplan-menu-btn {
        display: none;
    }

.ship-banner-title {
font-size: 36px;
line-height: 36px;
text-align: left;
font-family: 'Trajan W01 bold'!important;
font-style: normal;
text-transform: uppercase;
margin-bottom: 15px;
}
}

@media (max-width: 761px) {
h2.ship-sub-title {
font-size: 35px;
line-height: 35px;
text-align:left;
font-family: 'Trajan W01 bold'!important;
font-style: normal;
color:#92836b;
text-transform: uppercase;
margin-top: -9px;
}

.ship-sub-name {
font-family: 'Trajan W01 bold'!important;
font-style: italic;
font-size: 25px;
line-height: 30px;
font-weight: 300;
color: #92836b;
}

.overview-description-container {
position: relative;
margin-top: 0px;
float: left;
}

    .overview-description {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .shipfacts-close {
        line-height: 26px;
    }

.highlight-carousel .carousel-description-inner {
padding: 30px;
position:relative;
z-index: 2;
}

    .highlights-header-container .carousel-arrows {
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .highlight-carousel .carousel-inner {
        transition: all 0.3s ease;
    }

    .highlight-carousel .carousel-indicators {
        position: relative;
        bottom: -10px;
    }

    .life-onboard-carousel-items .owl-buttons {
        position: absolute;
        z-index: 1;
        margin-top: 30%;
        left: 0;
    }

    .life-onboard-carousel-items .owl-prev {
        position: absolute;
        left: 0;
        padding: 0px 0px !important;
    }

    .life-onboard-carousel-items .owl-next {
        position: absolute;
        right: 0;
    }

        .life-onboard-carousel-items .owl-next span, .life-onboard-carousel-items .owl-prev span {
            background-color: rgba(0, 0, 0, 0.6);
            transition: all .3s ease-out;
            color: rgba(255, 255, 255, 0.6);
            padding: 10px 20px;
        }

        .life-onboard-carousel-items .owl-next:hover span, .life-onboard-carousel-items .owl-prev:hover span {
            background-color: #000000;
            color: #ffffff;
        }

    .life-onboard-carousel-items .item {
        padding: 15px 0px;
        min-height: 500px;
    }

    .deckplan-header-container .lg-deckplan-btn {
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .stateroom-header-container .stateroom-features-btn {
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .staterooms-description {
        font-size: 12px;
    }

    .staterooms-group-btn {
        margin-top: 20px;
    }

    .staterooms-tab .tab-content > .tab-pane.in {
        display: block;
        padding-bottom: 40px;
        margin-bottom: 20px;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: #97876E;
    }

.staterooms-carousel-container, .staterooms-section .tab-content {
padding-left: 0px;
padding-right: 0px;
}

    .tab-pane .staterooms-group-item.collapse, .tab-content > .staterooms-group-item.active.collapse {
        display: none !important;
    }

        .tab-pane .staterooms-group-item.collapse.in {
            display: block !important;
        }

    .itineraries-section .col-sm-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

.deckplan-section .collapsible {
width: 0%;
transition: all .3s;
}

.deckplan-section .expand-lg {
width: 100%;
transition: all .3s;
}

        .deckplan-section .expand-lg.expanded {
            width: 100%;
            transition: all .3s;
        }

    .deckplan-section .collapsible.expanded {
        width: 0;
        transition: all .3s;
    }

        .deckplan-section .collapsible.expanded li {
            display: none;
        }

    .ship-intro-gallery-detail {
        width: 100%;
    }

    .itineraries-header-container .all-itineraries-btn {
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .suggested-itineries-items {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore-moments-items {
        margin-left: 0px;
        margin-right: 0px;
    }

    .moments-header-container .moments-btn {
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .gallery-btns {
        float: left;
        margin-top: 10px;
    }

    .overview-bg-img {
        background-image: none !important;
        min-height: 0px !important;
    }

    .overview-section .horz-dot-line {
        width: 100%;
    }

.ships-items .col-sm-4 {
margin-left: 0px;
margin-right: 0px;
}
}
/* #endregion */ 

/*On Page Styles */

.feature-title a {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    font-family: "Surveyor Display A", "Surveyor Display B" !important;
    font-style: normal;
    color: #92836b;
    /* text-transform: uppercase; */
    display: block;
    padding: 10px;
}

.smooth_zoom_preloader {
    background-image: url(/Scripts/Zoom/zoom_assets/preloader.gif);
}

.smooth_zoom_icons {
    background-image: url(/Scripts/Zoom/zoom_assets/icons.png);
}

#Overview, #Highlights, #DeckPlan, #Staterooms {
    padding-top: 60px;
}

.ship-extra-markers {
    font-size: 12px;
    color: #97876E;
    margin: 0px 0 30px 0;
    text-align: center;
}

.deckplan-multiview li {
    margin-right: 10px;
    width: 100px;
    text-align: center;
}

    .deckplan-multiview li a {
        border-radius: 0px;
        padding: 6px 12px;
    }

.red-indicator {
    color: #B60000;
}



.highlight-carousel-items-container {
    background-color: #f5f2ed;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.affix {
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: transparent;
    border-color: #F44336;
    z-index: 12000;
}

    .affix a {
        color: #fff !important;
        padding: 12px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

.affix-top a {
    padding: 15px !important;
}

.affix + .container-fluid {
    padding-top: 95px;
}

.clear-left {
    clear: left;
}

.carousel-description {
    min-height: 200px;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 30px;
        width: 228px;
    }

    #sidebar.affix {
        position: fixed;
        top: 70px;
        width: 228px;
    }

    .affix-bottom {
        position: absolute;
        width: 228px;
    }

    .scrollToTop img {
        max-height: 45px !important;
    }
}

@media (max-width: 992px) {
    .deckplan-container-responsive {
        margin-top: 20px;
    }
}

@keyframes stretch {
    0% {
        background: rgb(238, 234, 16);
    }

    100% {
        background: rgb(255, 254, 224);
    }
}

@media (max-width: 761px) {
    .life-onboard-learn-more {
        z-index: 1;
        position: relative;
        bottom: 0;
        margin-bottom: 20px;
    }

    .ship-extra-markers {
        font-size: 12px;
        color: #97876E;
        margin: 10px 0 30px 0;
        text-align: center;
    }

    .affix {
        position: static !important;
    }
}

.affix-top {
    position: relative;
    width: 100%;
}

#sticky-anchor.affix-top {
    top: auto;
    z-index: unset;
}

.deck-plan-year {
    cursor: pointer;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: white !important;
    background: #97876E !important;
}

@media (max-width:768px) {
    .foot-note {
        padding-top: 10px;
    }

    .deck-plan-staterooms li {
        width: 17%;
    }

    .hero-text-panel {
        display: none;
    }

    #Overview, #Highlights, #DeckPlan, #Staterooms {
        padding-top: 10px;
    }
}