body {
    background-image: none !important;
    background-color: #15236A;
}



.date-text {
    margin-top: 40px;
    color: white;
    font-size: 1.65em;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 1.2em;
}

.blue-dash {
    margin-bottom: 20px;
    color: #05A1F2;
    margin-top: -20px;
    font-size: 1.1em;
    font-weight: bold;
 }

.carousel-control {
    display: none !important;
}
    
.carousel-indicators {
    display: none !important;
}
.no-margin {
}
.book-margin {
    margin-top: 80px;
    margin-bottom: 120px;
}
.main-image-margin {
        margin-left: -15px;
        margin-right: -15px;
    }
    .disclaimer {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 35px;
        font-style: normal;
        color: #FFFFFF;
    }
    .bg-red {
        background-color: #CE0E2D;
    }
        .nopadding {
            padding: 0 !important;
            margin: 0 !important;
        }

        .img-fluid {
            width: 100%;
        }

        .mobile-graphic {
            display: none;
        }

        .place-mobile {
            display: none;
        }

        .footerBox {
            background-image: -webkit-linear-gradient(180deg, rgba(0, 72, 112, 1.00) 0%, rgba(40, 165, 223, 1.00) 100%);
            background-image: -moz-linear-gradient(180deg, rgba(0, 72, 112, 1.00) 0%, rgba(40, 165, 223, 1.00) 100%);
            background-image: -o-linear-gradient(180deg, rgba(0, 72, 112, 1.00) 0%, rgba(40, 165, 223, 1.00) 100%);
            background-image: linear-gradient(270deg, rgba(0, 72, 112, 1.00) 0%, rgba(40, 165, 223, 1.00) 100%);
        }

        #dive-desktop {
            display: block;
        }

        #dive-mobile {
            display: none;
        }

        .dkblue-bg {
            background-color: #15236A;
            padding-bottom: 100px;
        }

        #contentLeft {
            padding-top: 50px;
            background-color: #05A1F2;
        }

        #main-image {
            background-repeat: no-repeat;
            height: 900px;
            background-size: cover;
            background-position-x: center;
        }

        .headerBox {
            background-color: #FFFFFF;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .main-text p {
            margin-top: -300px;
            color: #FFF;
            width: 40%;
            padding-left: 100px;
            line-height: 26px;
        }


        .indicator-padding {
            padding-left: 20px;
        }

        .room-text {
            color: #FFFFFF;
            padding-right: 60px;
            padding-left: 40px;
            min-height: 560px;
            font-size: 1em;
            margin-top: 20px;
        }

        .room-text p {
            padding-left: 12px;
            font-size: .9em;
            line-height: 1.3em;
            margin-top: 20px;
            margin-bottom: 20px;
            padding-right: 0px;
        }

        .room-title {
            width: 70%;
            margin-left: 4px;
        }

        .presale-small {
            width: 70%;
            margin-left: 10px;
        }

        .button-padding {
            margin-top: 10px;
            margin-left: 10px;
            padding-left: 60px;
            padding-right: 60px;
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 1.2em;
            border: none;
        }

        .btn-danger {
            background-color: #cd1d30 !important;
        }

        .btn-danger:hover {
            background-color: #FFFFFF !important;
            color: #cd1d30 !important;
        }

        .carousel-indicators li:hover {
            background-color: #818181;
        }

        .carousel-indicators {
            text-align: left;
            margin-left: -48%;
            margin-top: 42px;
            position: relative;
        }

        .carousel-indicators li {
            border-radius: 0px;
            width: 45px;
            height: 15px;
        }

        .carousel-indicators .active {
            width: 45px;
            height: 15px;
            border-radius: 0px;
        }

        .indicator-active {
            background-color: #E6E6E6 !important;
        }

        .carousel-control {
            background-image: none !important;
        }

        .left-arrow, .right-arrow {
            margin-top: 190%;
            font-size: 1.4em;
        }

        .footerBox {
            margin-bottom: 0px;
        }

        .video-responsive {
            overflow: hidden;
            padding-bottom: 56.25%;
            position: relative;
            height: 0;
            margin-left: 9px;
            margin-right: 9px;
        }

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

.disabled {
    background-color: #B1B1B1 !important;
    color: #DBDBDB !important;
}        

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

            .toplinksBox {
                padding-top: 8px;
                padding-right: 0px;
            }

            .logoBox {
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .logoBox .logotext {
                font-size: 20px !important;
                margin-top: 4px !important;
            }

            .logoBox img {
                width: 28px;
                margin-right: 4px;
            }

            .logoBox i {
                display: inline-block;
                margin-left: 4px;
            }

            .container {
                width: 1400px;
            }
        }

        @media only screen and (max-width: 1350px) {

            .room-text p {
                padding-right: 70px;
            }

        }

        @media only screen and (max-width: 1270px) {

            .room-text p {
                padding-right: 120px;
                font-size: .85em;
            }

            .button-padding {

                padding-left: 45px;
                padding-right: 45px;
            }

        }

        @media only screen and (max-width: 1200px) {
            #main-image {
                height: 800px;
            }

            .room-text {

                padding-right: 50px;
                padding-left: 20px;
                padding-top: 0px;
                min-height: 560px;
                font-size: .9em;
            }

            .room-text p {
                padding-right: 0px;
                font-size: .9em;
            }


        }

        @media only screen and (max-width: 992px) {
            #main-image {
                height: 750px;
            }

            .main-text p {
                margin-top: -258px;
                color: #FFF;
                width: 50%;
                padding-left: 0px;
                line-height: 22px;
            }

            .presale-small {
                width: 55%;
                margin-top: 20px;
            }

            .room-title {
                width: 80%;
            }

            .room-text {

                padding-right: 80px;
                padding-left: 60px;
                font-size: 1.2em;
            }

            .carousel-indicators {
                display: none;
            }

            .button-padding {
                margin-top: 20px;

                font-size: 1em;
            }


            .mobile-margins-text {
                margin-top: 76%;
            }

            .mobile-margins-images {
                position: absolute;
                margin-top: -140%;
            }

            .mobile-padding-top {
                padding-top: 100px;
            }

            #dive-desktop {
                display: none;
            }

            #dive-mobile {
                display: block;
            }

        }

        @media only screen and (max-width: 768px) {
            
            .date-text {
                font-size: 1.2em;
            }

            .mobile-graphic {
                display: block;
            }

            #main-image {
                background-image: none;
                height: 0px;
            }

            .main-text p {
                margin-top: 0px;
                width: 100%;
                padding-left: 8%;
                padding-right: 8%;
                line-height: 1.3;
                font-size: 1.1em;
                margin-bottom: 40px;
            }

            .mobile-margin-top {
                margin-top: 40px;
            }

            .place-desktop {
                display: none;
            }

            .place-mobile {
                display: block;
            }
            
            #contentLeft {
                padding-top: 0px;
            }

        }

        @media only screen and (max-width: 576px) {


        }

        @media only screen and (max-width: 400px) {
            .main-image-margin {
                margin-left: 0px;
                margin-right: 0px;
            }
            .no-margin {
                margin-left: 0;
                margin-right: 0;
            }
        }