@charset "UTF-8";
.space_top_bottom {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #fff;
}

.space_top_bottom_icon {
    margin-top: 50px;
    margin-bottom: 50px;
}

.padding-room {
    padding-left: 0px !important;
    padding-right: 6px !important;
}

.room-type-text-img img {
    width: 100%;
}

.room-type-text-img {
    padding-right: 0px !important;
    padding-top: 15px !important;
}

.cover-box-contact {
    width: 556px;
    float: right;
    margin-top: 100px;
}

.cover-box-contact h2, .cover-box-contact p {
    color: #d8ea6c;
}

.cover-box-contact p span {
    color: #fff;
}

.cover-box-facilities {
    background: #daea70;
    padding: 10px 10px 10px 10px;
}

.cover-box {
    background: #daea70;
    padding: 10px 10px 10px 10px;
}

.room-type-1-border {
    border: solid 1px #0e122c;
    margin: 10px;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.room-type-2 .room-type-text h2, .room-type-2 .room-type-text p {
    color: #d8ea70;
}

.room-book-now {
    background: #0e122d;
    margin: 10px;
    text-align: center;
    padding: 20px 0px 10px 0px;
    color: #d8ea70;
}

.room-book-now-1 {
    background: #d8ea70;
    margin: 10px;
    text-align: center;
    padding: 20px 0px 10px 0px;
    color: #0e122d;
}

.room-type-text {
    margin: 10px;
    padding: 10px 0px 0px 0px;
}

.room-type-2-border {
    border: solid 1px #daea70 !important;
    margin: 10px;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.room-type-2-border h3 {
    color: #daea70 !important;
}

.room-type-1-img {
    margin: 10px;
}

.room-type-1-img img {
    width: 100%;
}

.cover-mini-accommodation {
    position: absolute;
    top: -25px;
    left: -5px;
}

.list-group-item-heading li {
    line-height: 10px;
    margin: 0px !important;
    content: "• ";
    color: #e6c190; /* or whatever color you prefer */
}

.bg-gray {
    background: #e8e8e8;
}

.img-gray {
    float: left;
    width: 18%;
    margin: 2% 1% 2% 1%;
}

.img-gray img {
    border: 8px solid #fff;
    width: 100%;
}

.box-facilities-1 {
    width: 10.2%;
    margin-right: 1%;
    background: #06F;
    float: left;
}

.box-facilities-1 img {
    width: 100%;
}

.box-welcome {
    border-top: #daea70 solid 1px;
    border-bottom: #daea70 solid 1px;
    height: 100%;
    padding: 70px 0px;
    vertical-align: middle;
}

.box-welcome h2 {
    color: #daea70;
}

.cover-normal-room {
    background: #0e122c;
    text-align: center;
    padding: 20px 0px 10px 0px;
    color: #daea70;
}

.box-welcome h5 {
    color: #fff;
}

.cover-box-welcome {
    background: #0e122d;
    width: 35%;
    padding: 10px;
    text-align: center;
    float: left;
}

.cover-text-detail-welcome {
    width: 65%;
    padding: 10px;
    float: left;
}

.welcome {
    padding-top: 50px;
    padding-bottom: 50px;
}

.welcome .col-lg-7 {
    background: #daea70;
    padding-left: 0px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

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

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

.date-time {
    border: #b7bbbf solid 1px;
    float: right;
    margin-left: 10px;
    height: 60px;
    vertical-align: middle;
    padding: 15px;
}

.date-time-weather {
    border: #b7bbbf solid 1px;
    float: right;
    margin-left: 10px;
    height: 60px;
    vertical-align: middle;
    padding: 20px 15px 15px 15px;
}

.room-type-1 {
    background: #daea70;
    margin-top: 20px;
}

.room-type-2 {
    background: #0e122c;
    margin-top: 20px;
}

.font-hight {
    color: #06C;
}

.bg-red {
    background: #9f0100;
}

.bg_cream {
    background: #ffecb4;
}

.bg_cream_lang {
    background: #e5d0aa;
}

.bg_cream_lang p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.bg-user {
    background: url(../images/bg-user.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;
}

.bg-address {
    background: url(../images/bg-address.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;

}

.bg-telephone {
    background: url(../images/bg-telephone.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;
}

.bg-mail {
    background: url(../images/bg-mail.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;
}

.bg-fax {
    background: url(../images/bg-fax.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;
}

.bg-previous-order-number {
    background: url(../images/bg-previous-order-number.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;
}

.bg-carlendar {
    background: url(../images/bg-carlendar.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;
}

.bg-Message {
    background: url(../images/bg-Message.png) top 5px left 10px no-repeat;
    padding-left: 60px;
    border: 1px solid #ccc;
}

.logo {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.book-now {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    background: #c3aba4;
    margin: 20px 0px 50px 0px;
}

.select-input {
    border: none;
    width: 60px;
    height: 26px;
    outline: none;
    font-size: 12px;
    background: #ffecb4;
    color: #000 !important;
    padding-left: 5px;
    border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
}
.modal-content select{
    border: none;
    width: 40px;
    height: 26px;
    outline: none;
    font-size: 12px;
    background: #ffecb4;
    color: #000 !important;
    padding-left: 5px;
    border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
    margin-right: 5px;
}

.no-bg {
    background-image: none !important;
    background: #9d1c17 !important;
    color: #fff !important;
    text-transform: uppercase;

}

.bg-contant {
    position: relative;
    background: url(../images/bg-sky.jpg) top center repeat-x,
    url(../images/bg-t.jpg) bottom center repeat-x;

}

.bg-white {
    background: rgba(255, 255, 255, 0.95);
    padding-top: 0px;
    padding-bottom: 40px;
    margin-bottom: 0px;
    z-index: 3;
}

.bg-social {
    background: #296196;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

.bg-brown {
    width: 100%;
    margin-top: 20px;
    color: #fff;
    background: url(../images/brown.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-brown p {
    color: #fff;
}

.bg-brown hr {
    border-top: dashed 1px #fff;
}

.slide {
    width: 100% !important;
}

.slide li {
    background: rgba(0, 0, 0, 1);
}

.slide li:hover {
    z-index: 999999999999999 !important;
    background: rgba(0, 0, 0, 0);
}

.effect-lily img {
    opacity: 0.4;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

.effect-lily figcaption {
    text-align: left;
}

.effect-lily:hover img {
    opacity: 1;
}

.effect-lily:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slide-open img {
    opacity: 1;
}