.home_index section {
    margin: 40px auto;
    overflow: hidden;
}

.home_index section:last-child {
    margin: 40px auto 0;
    padding-bottom:40px;
}

.home_index .off-color {
    background-color: #f6f6f6 !important;
    padding: 40px 0;
}

.home_index .section-center {
    margin: 0 auto;
}

/*.no-touch .home_index > .fade-in
{
    opacity:0;
}*/

/*.no-opacity .home_index > .fade-in
{
    filter:alpha(opacity=100);
}*/

.hero-carousel {
    margin:0 !important;
    width: 100% !important;
    position: relative;
    height:1280px;
    min-height: 400px;
}

    .hero-carousel .rs-carousel-mask {
        width: 100%; height: 100%;
        position: relative;
    }

    .hero-carousel .rs-carousel-action {
        position:absolute;
        top: 50%;
       /* background-image:url("/files/the-peninsula-hotels/default/images/icons.png");*/
        text-indent: -99999px;
        height: 29px;
        width: 16px;
        z-index: 5;
        display: block;
        margin-top: -10px;
        opacity: 0;
            -webkit-transition: opacity .3s linear;
            -moz-transition: opacity .3s linear;
        transition: opacity .3s linear;
    }

    .touch .hero-carousel .rs-carousel-action,
    .hero-carousel:hover .rs-carousel-action {
        opacity: 1;
    }
    
    .hero-carousel .rs-carousel-action-prev
    {
        left:28px;
        background-position: -212px -9px;
    }


    .hero-carousel .rs-carousel-action-next
    {
        right:28px;
        background-position:-254px -8px;
    }

    .hero-carousel ul {
        width: 100% !important; height: 100% !important;
        position: relative;
    }
        .hero-carousel ul li {
            width: 100%; height: 100%;
            position: absolute;
            left:0; top:0;
            color: #fff;
            background-color:#000 !important;
            background-repeat: no-repeat;
            background-position: 50% 50%;

                -webkit-background-size: cover;
                -moz-background-size: cover;
                -ms-background-size: cover;
                -o-background-size: cover;
            background-size: cover;


                display: -webkit-flex;
                display: -moz-flex;
            display: flex;

                -webkit-justify-content: center;
                -moz-justify-content: center;
            justify-content: center;
                -webkit-align-items: center;
                -moz-align-items: center;
            align-items: center;/**/

                -moz-text-shadow: 10px 10px 20px #666666, -10px -10px 20px #666666, -10px 10px 20px #666666, 10px -10px 20px #666666;
                -webkit-text-shadow: 0 0 20px #666666;
            text-shadow: 0 0 20px #666666;

            opacity: 0;
            z-index: 1 !important;

                -webkit-transition: opacity .5s linear;
                -moz-transition: opacity .5s linear;
            transition: opacity .5s linear;
        }

        .no-backgroundsize .hero-carousel ul li
        {
            background-image:none !important;
        }
            .hero-carousel ul li .hero-overlay
            {
                width:80%;
                height:100%;
                position: absolute;
                top: 0;
                left: 50%;
                z-index: 1;
                margin-left: -53%;
            }
            .hero-carousel ul li .hero-background
            {
                min-width: 100%;
                min-height:100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }

        .hero-carousel ul li.rs-carousel-item-active {
            opacity: 1;
            z-index: 2 !important;
        }

        .hero-carousel .slide-content {
            width: 76%;
            position: relative;
            z-index: 2;
            margin: auto;
            height: 350px;;
            display:table;
        }

            .hero-carousel .slide-content .middle-container {
                display:table-cell;
                vertical-align:middle;
				height:150px;
		
            }

        .hero-carousel .vid-playing .slide-content {
            display:none;
				
        }

        .hero-carousel ul li h1 {
            color: #fff;
            font-size: 48px;
        }
            .hero-carousel ul li h1 span {
                font-size: 32px;
                line-height: 48px !important;
            }

        .hero-carousel ul li hr {
            border-top-color: #fff;
        }
        .hero-carousel ul li p {
            width: 35%;
        }
        .hero-carousel ul li a {
            display: block;
            color: #fff;
            margin-top: 10px;
        }
        .hero-carousel ul li a:hover {
            cursor: pointer;
            text-decoration: underline;
        }

    .hero-carousel .video-container
    {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background:#000;
        display:none
    }

        .hero-carousel .video-container .video-js
        {
            height: 100%;
            width: 100%;
        }

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {

        .touch .hero-carousel .video-container .video-js {
            width: auto;
            margin: 0 10%;
        }
}
/*ignore mq fallback, touch browsers genreally support mq just fine*/

.campaign {}

    /*.no-touch .campaign .columns-two-thirds,
    .no-touch .campaign .columns-third {
        opacity:0;
    }*/

    .campaign #campaign-image
    {
        position:relative;
        height: 396px;
    }
    
    .campaign  img {
        display: block;
        width:100%;
        height: 100%;
    }

    .campaign .video-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .campaign .video-container .vjs-peninsula-skin {
            height:100%;
        }

    .campaign .infobox {
        /*width: 323px;*/ height: 396px;
        float: left;
        text-align: center;
    }
        .campaign .infobox h2 {
            font-size: 40px;
        }
            .campaign .infobox h2 .subhead {
                font-size: 22px;
                line-height: 22px;
            }

        .campaign .infobox a {
            display: inline-block;
            margin-top: 16px;
        }

            .campaign .infobox a.with-arrow
            {
                display: block;
            }
        
        .campaign .richtext {
            max-height:160px;
            overflow:hidden;
        }

        @media only screen and (max-width: 1279px) {
            
            .campaign #campaign-image
            {
                height:315px;
            }

            .campaign .image {
                width: 566px;
            }

            .campaign .infobox {
                width: 224px;
                height: 315px;
            }

            .campaign .richtext {
                max-height:60px;
                overflow:hidden;
            }

            .campaign .infobox a {
                padding: 10px 16px;
            }
        }

        
        .no-mediaqueries.mq-1024px .campaign #campaign-image
        {
            height:315px;
        }

        .no-mediaqueries.mq-1024px .campaign .image {
            width: 566px;
        }

        .no-mediaqueries.mq-1024px .campaign .infobox {
            width: 224px;
            height: 315px;
        }
        
        .no-mediaqueries.mq-1024px .campaign .richtext {
            max-height:60px;
            overflow:hidden;
        }

        .no-mediaqueries.mq-1024px .campaign .infobox a {
            padding: 10px 16px;
        }

        @media only screen and (min-width:1440px) {
            
            .campaign #campaign-image
            {
                height:444px;
            }

            .campaign .image {
                width: 780px;
            }

            .campaign .infobox {
                width: 354px;
                height: 444px;
            }
        }

        .no-mediaqueries.mq-1440px .campaign #campaign-image
        {
            height:444px;
        }

        .no-mediaqueries.mq-1440px .campaign .image {
            width: 780px;
        }

        .no-mediaqueries.mq-1440px .campaign .infobox {
            width: 354px;
            height: 444px;
        }

.moments {}

/*.no-touch .moments h2,
.no-touch .moments hr,
.no-touch .moments .moments-list-header, 
.no-touch .moments .moment-list,
.no-touch .moments .offer-header, 
.no-touch .moments .main-offer, 
.no-touch .moments .sub-offers { 
    opacity: 0;
}*/

.home_index section.moments {
    margin-bottom:0;
}
    .moments hr.small {
        width: 90px;
    }

    .moments .moment-list {
        margin: 12px 0 40px;
    }

    .moments .main-offer {
        overflow: hidden;
        background:#fff;
        margin: 12px 0 18px;
    }

        .moments .main-offer .rs-carousel.fade-in {
            width: 100%;
        }

        .moments .main-offer .rs-carousel.large-arrows .rs-carousel-action-next {
            margin-right: 34%;
        }

        .moments .main-offer .rs-carousel.large-arrows .rs-carousel-action
        {
            top: 200px;
        }

        @media only screen and (max-width: 1279px)
        {
            .moments .main-offer .rs-carousel.large-arrows .rs-carousel-action
            {
                top: 160px;
            }
        }

            .no-mediaqueries.mq-1024px .moments .main-offer .rs-carousel.large-arrows .rs-carousel-action
            {
                top: 160px;
            }

        @media only screen and (min-width:1440px)
        {
            .moments .main-offer .rs-carousel.large-arrows .rs-carousel-action
            {
                top: 225px;
            }
        }

            .no-mediaqueries.mq-1440px .moments .main-offer .rs-carousel.large-arrows .rs-carousel-action
            {
                top: 225px;
            }

        .moments .main-offer img
        {
            display:block;
            width:100%;
        }

        .moments .main-offer .info {
            padding: 30px 15px;
        }

        .moments .main-offer .info .read-more
        {
            display:none;
            margin-bottom:10px;
        }

        @media only screen and (max-width: 1279px)
        {
            
            .moments .main-offer .info .richtext
            {
                max-height: 118px;
                overflow:hidden;
            }

            .moments .main-offer .info .field-select
            {
                width: 100%;
                margin-top: 10px;
            }
        }

        .no-mediaqueries.mq-1024px .moments .main-offer .info .richtext
        {
            max-height: 118px;
            overflow:hidden;
        }

        .no-mediaqueries.mq-1024px .moments .main-offer .info .field-select
        {
            width: 100%;
            margin-top: 10px;
        }

    .moments .main-offer .field-select select {
        color:#666;
    }

    .moments .main-offer .field-select .field-select-value {
        color: #ae9364;
    }

    .moments .offer-list {
        border: solid 1px #afa593;
        padding: 0 30px;
    }
        .moments .offer-list li {
            line-height: 61px;
            border-bottom: solid 1px #ddd;
            overflow: hidden;
        }
        .moments .offer-list li:last-child {
            border-bottom: 0;
        }
            .moments .offer-list li .offer-title {
                float: left;
            }
            .moments .offer-list li .offer-title a {
                color: #766b58;
                font-size: 18px;
                font-family: "Minion Italic", Times, "Times New Roman", serif;
            }
            .moments .offer-list li a {
                float: right;
            }

            .moments .offer-image-list .promo-tile .info
            {
                min-height: 89px;
                background: url("/files/the-peninsula-hotels/default/images/FFFFFF70.png") repeat;
            }

            .moments .offer-image-list.columns > .column {
                margin-bottom: 20px;
                margin-top:0;
            }

@media only screen and (max-width: 1279px) {
    
    .moments .offer-list
    {
        padding: 25px 30px;
    }

    .moments .offer-list.columns-5 {
        width: 504px;
    }

        .moments .offer-list li
        {
            padding: 0 0 10px;
            margin: 0 0 10px;
            line-height:20px;
        }

            .moments .offer-list li a,
            .moments .offer-list li .offer-title
            {
                display:block;
                float:none;
            }

            .moments .offer-list li .offer-title
            {
                margin-bottom:5px;
            }

        .moments .offer-list li:last-child {
            border-bottom: 0;
            padding: 0;
            margin: 0;
        }
        
    .moments .offer-image-list.columns-5 {
        width: 326px;
    }

    .moments .offer-image-list.columns.columns-5 > .column.columns-half {
        width: 325px;
    }

    .moments .offer-image-list.columns > .column {
        margin: 0 0 20px;
    }

        .moments .offer-image-list li:nth-child(n+3) {  
            display: none
        }

        .moments .offer-image-list .promo-tile .info
        {
            min-height: 64px;
        }

}

    .no-mediaqueries.mq-1024px .moments .offer-list
    {
        padding: 25px 30px;
    }

    .no-mediaqueries.mq-1024px .moments .offer-list.columns-5 {
        width: 504px;
    }

        .no-mediaqueries.mq-1024px .moments .offer-list li
        {
            padding: 0 0 10px;
            margin: 0 0 10px;
            line-height:20px;
        }

            .no-mediaqueries.mq-1024px .moments .offer-list li a,
            .no-mediaqueries.mq-1024px .moments .offer-list li .offer-title
            {
                display:block;
                float:none;
            }

            .no-mediaqueries.mq-1024px .moments .offer-list li .offer-title
            {
                margin-bottom:5px;
            }

        .no-mediaqueries.mq-1024px .moments .offer-list li:last-child {
            border-bottom: 0;
            padding: 0;
            margin: 0;
        }
        
    .no-mediaqueries.mq-1024px .moments .offer-image-list.columns-5 {
        width: 326px;
    }

    .no-mediaqueries.mq-1024px .moments .offer-image-list.columns.columns-5 > .column.columns-half {
        width: 325px;
    }

    .no-mediaqueries.mq-1024px .moments .offer-image-list.columns > .column {
        margin: 0 0 20px;
    }

        .no-mediaqueries.mq-1024px .moments .offer-image-list .offer-image-2,
        .no-mediaqueries.mq-1024px .moments .offer-image-list .offer-image-3 {  
            display: none
        }

        .no-mediaqueries.mq-1024px .moments .offer-image-list .promo-tile .info
        {
            min-height: 64px;
        }

@media only screen and (min-width:1440px) {

    .moments .offer-list
    {
        padding: 20px 30px;
    }
    
}

.no-mediaqueries.mq-1440px .moments .offer-list
{
    padding: 20px 30px;
}

.academy {}

/*.no-touch .academy h2,
.no-touch .academy .partial-carousel
{
    opacity:0;
}*/

.home_index section.academy
{
    margin: 0 auto;
    background-color: #f6f6f6 !important;
}

    .academy .partial-carousel
    {
        width: 704px; height: 396px;
        margin-left: 360px;
        overflow: visible;
    }

        .academy .partial-carousel .carousel-aside-bg
        {
            left: -1067px;
            padding: 0 35px 0 704px;
            height: 100%;
            width: 328px;
        }

        .academy .partial-carousel .carousel-aside .upcase
        {
            display:block;
            margin-top:15px;
        }

        .academy .partial-carousel .carousel-block.aside
        {
            margin-left: 704px;
            height: 100%;
        }

        .academy .partial-carousel .rs-carousel.aside,
        .no-mediaqueries.mq-1024px .academy .partial-carousel .rs-carousel.aside,
        .no-mediaqueries.mq-1440px .academy .partial-carousel .rs-carousel.aside
        {
            margin-left: 0;
            width: auto;
            height: 100%;
        }

        .academy .partial-carousel .aside .rs-carousel-item,
        .academy .partial-carousel .aside .rs-carousel-mask
        {
            width: 704px;
            height: 396px;
        }

@media only screen and (max-width: 1279px)
{
    .academy .partial-carousel
    {
        width: 560px; 
        height: 315px;
        margin-left: 291px;
    }

        .academy .partial-carousel .carousel-aside-bg
        {
            left: -854px;
            padding: 0 35px 0 560px;
            width: 259px;
        }

        .academy .partial-carousel .carousel-block.aside
        {
            margin-left: 560px;
        }

        .academy .partial-carousel .aside .rs-carousel-item,
        .academy .partial-carousel .aside .rs-carousel-mask
        {
            width: 560px; 
            height: 315px;
        }

        .academy .partial-carousel .carousel-aside-bg .richtext
        {
            max-height: 60px;
            margin-bottom:10px;
            overflow:hidden;
        }
}

    .no-mediaqueries.mq-1024px .academy .partial-carousel
    {
        width: 560px; 
        height: 315px;
        margin-left: 291px;
    }

        .no-mediaqueries.mq-1024px .academy .partial-carousel .carousel-aside-bg
        {
            left: -854px;
            padding: 0 35px 0 560px;
            width: 259px;
            height:100%;
        }

        .no-mediaqueries.mq-1024px .academy .partial-carousel .carousel-block.aside
        {
            margin-left: 560px;
        }

        .no-mediaqueries.mq-1024px .academy .partial-carousel .aside .rs-carousel-item,
        .no-mediaqueries.mq-1024px .academy .partial-carousel .aside .rs-carousel-mask
        {
            width: 560px; 
            height: 315px;
        }

        .no-mediaqueries.mq-1024px .academy .partial-carousel .carousel-aside-bg .richtext
        {
            max-height: 60px;
            margin-bottom:10px;
            overflow:hidden;
        }

@media only screen and (min-width:1440px)
{
    .academy .partial-carousel
    {
        width: 789px;
        height: 444px;
        margin-left: 407px;
    }

        .academy .partial-carousel .carousel-aside-bg
        {
            left: -1198px;
            padding: 0 35px 0 789px;
            width: 374px;
        }

        .academy .partial-carousel .carousel-block.aside
        {
            margin-left: 789px;
        }

        .academy .partial-carousel .aside .rs-carousel-item,
        .academy .partial-carousel .aside .rs-carousel-mask
        {
            width: 789px;
            height: 444px;
        }
}


    .no-mediaqueries.mq-1440px .academy .partial-carousel
    {
        width: 789px;
        height: 444px;
        margin-left: 407px;
    }

        .no-mediaqueries.mq-1440px .academy .partial-carousel .carousel-aside-bg
        {
            left: -1198px;
            padding: 0 35px 0 789px;
            width: 374px;
            height:100%;
        }

        .no-mediaqueries.mq-1440px .academy .partial-carousel .carousel-block.aside
        {
            margin-left: 789px;
        }

        .no-mediaqueries.mq-1440px .academy .partial-carousel .aside .rs-carousel-item,
        .no-mediaqueries.mq-1440px .academy .partial-carousel .aside .rs-carousel-mask
        {
            width: 789px;
            height: 444px;
        }

.home_index section.pencities
{
    margin: 0 auto;
    padding:40px 0;
    background-color: #f6f6f6 !important;
}

    .home_index section.pencities h2 {
        max-width: 85%;
    }

    .home_index section.pencities h2 img
    {
        float:left;
        margin-right:15px;
    }
    

    .home_index section.pencities .description
    {
       
        color: #666;
        text-transform: none;
        margin: 11px 0 30px 0;
        display: block;
        float: left;
        letter-spacing: 0;
    }


.pencities h2
{
    height: 37px;
}

.pencities .pencities-list {
    clear:both;
}

/*.no-touch .pencities h2,
.no-touch .pencities .pencities-list
{
    opacity:0;
}*/