@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px;}

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6a6963;}




.logo-name-area{width:100%; background:url(../images/bg-top.jpg) top repeat; border-bottom:1px solid #b6ae9d;}
.logo{text-align:right;}
.company-name{text-align:left; float:left;}
.menu-area{width:100%; background-color:#372c28;}
.banner-area{width:100%; border-bottom:7px solid #B6AE9D; border-top:1px solid #B6AE9D;}

.dropdown:hover .dropdown-menu{display:block;}

.midd-area{width:100%; background:url(../images/bg-midd.jpg) top left repeat; padding:10px 0px 10px 0px;}

.menu-center{width:auto; margin:0px; padding:0px; margin-bottom:20px;}
.menu-center ul{width:auto; list-style:none; margin:0px; padding:0px; display:block;}
.menu-center ul li{width:auto; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; color:#3f332d; line-height:35px; text-decoration:none; text-transform:uppercase; background:url(../images/arrow.jpg) left no-repeat; border-bottom:1px solid #dbccbd;}
.menu-center ul li a{text-decoration:none; padding-left:20px; color:#3f332d;}
.menu-center ul li a:hover{text-decoration:none; padding-left:20px; color:#990000;}
.part-yellow{width:auto; background-color:#e9ce9c; position:relative; overflow:auto; clear:both; color:#530016; text-transform:uppercase; font-size:12px;}

.foot-area{width:100%; background:url(../images/bg-foot.jpg) top repeat; border-top:1px solid #b6ae9d; padding:15px 0px;}
.col-lg-9{text-align:center;}
.f-t-g-area{margin-top:5px; text-align:right;}
.input-group {margin-bottom:10px;}
.foot-area a{text-decoration:none; color:#333333;}
.foot-area a:hover{color:#990000;}



.menu-h-s{width:auto; margin:0px; padding:0px;}
.menu-h-s ul{width:auto; list-style:none; margin:0px; padding:0px; display:block;}
.menu-h-s ul li{width:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#3f332d; padding:3px 0px 3px 0px;   text-decoration:none; text-transform:capitalize; background:url(../images/arrow.jpg) left no-repeat; border-bottom:1px solid #dbccbd;}
.menu-h-s ul li a{text-decoration:none; padding-left:10px; color:#3f332d;}
.menu-h-s ul li a:hover{text-decoration:none; padding-left:10px; color:#990000;}

.menu-a-i{width:auto; margin:0px; padding:0px;}
.menu-a-i ul{width:auto; list-style:none; margin:0px; padding:0px; display:block;}
.menu-a-i ul li{width:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#3f332d; padding:3px 0px 3px 0px;   text-decoration:none; text-transform:capitalize;}

#panorama{width:100% !important;}


.a-i-left{width:190px; float:left;}
.a-i-right{width:100px; float:right;}

.virtual-tour-link{width:auto; height:auto; background-color:#d5cdb8; color:#333333; float:left; margin:5px; }
.virtual-tour-link a{text-decoration:none; color:#333333; padding:5px; display:block;}
.virtual-tour-link a:hover{width:auto; height:auto; background-color:#961335; color:#FFFFFF;}
.virtual-tour-link a.active{width:auto; height:auto; background-color:#961335; color:#FFFFFF;}

.b-r{border-bottom:1px solid #d5cdb8; margin-bottom:15px; border-right:1px solid #d5cdb8; margin-right:0px;} 
.make-reservation{padding:3px 0px 0px 90px;}

.im{width:32%; float:left !important;}
.virtual{width:32%; float:left !important;}
.room{width:32%; float:left !important;}
.visible-mo{display:none;}
.booking{background:#f7f7f7; padding:10px 0px;}
.search{text-align:center;}
.form-control{width:98%;}
select{
    width: auto;
    padding: 5px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.reserv{display:none;}
.reserv{margin-top:0px; top:15px;}
.reserv span{border:1px solid #ccc; display:block;width: 117px;
height: 51px;
padding-top: 14px;
padding-left: 23px;color:#ff4601;}
.reserv:hover span{background:#0055a6;  color:#fff;}
.reserv a.sche{padding-top:0px !important; padding-bottom:0px !important}
.form-group {
    margin-top: 12px;
}
.nav > li > a{padding-left:18px; padding-right:18px;}
.carousel-indicators{text-align:right;}
@media (max-width: 768px) {
.logo{text-align:center;}
.company-name{text-align:center;}
.col-lg-4{margin-bottom:10px; text-align:center;}
.menu-center ul li{text-align:center;}
.input-group {margin-bottom:10px;}

.lb-container{width:100%; height:auto !important;}

#lightbox img{width:100%; height:auto !important;}
.lb-outerContainer{width:100%; height:auto !important;}
.col-lg-3{ text-align:center; float:none !important;}
.col-lg-5{text-align:center; float:none !important;}
.col-lg-4{margin-top:5px; text-align:center; float:none;}
.company-name{text-align:center;}
.nav > li > a{padding:10px 14px !important;}
.col-lg-2{text-align:center;}
.make-reservation{padding:0px;}
.company-name{margin-bottom:0px;}
.visible-mo{display:inline-block; float:none; margin-bottom:5px;}
.search:after{content:''; clear:both; display:block;}
.search button.btn.btn-danger {
    display: inline-block;
    margin-top: 3%;
}
.form-group{width:30%; float:left; margin-right: 10px;}.form-group select{width:100%;}
}


@media (min-width: 768px) and (max-width: 1024px) {
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 10px;
  font-size:12px;
}

.col-lg-9{text-align:center;}
.col-lg-5{float:left;}
/*.col-lg-4{float:left;}*/
.col-lg-3{float:left;}

#panorama{width:100% !important;}
.search:after{content:''; clear:both; display:block;}
.search button.btn.btn-danger {
    display: inline-block;
    margin-top: 3%;
}
.form-group{width:30%; float:left; margin-right: 10px;}.form-group select{width:100%;}

}

@media (min-width: 320px) and (max-width: 480px) {
col-lg-3{text-align:center !important;}
.logo{text-align:center !important;}
.menu-center ul li{text-align:center;}
.col-lg-9{text-align:center;}
.col-lg-8{text-align:center; font-size:10px;}
.lb-container{width:100%; height:auto !important;}

#lightbox img{width:100%; height:auto !important;}
.lb-outerContainer{width:100%; height:auto !important;}
.col-lg-5 img{text-align:center; float:none; width:100%;}
.col-lg-3{text-align:center;}
/*.col-lg-4 img{width:100%;}*/
.ami{width:100% !important; clear:both; font-size:14px;}
#panorama{width:100% !important;}
.reserv{display:block;}.search{display:none;}
.reserv span{width: 100%;   font-size: 20px;   text-align: center; text-decoration:none; text-transform:uppercase;}
}
@media (max-width:350px){
#panorama{width:100% !important; }
.reserv{display:block;}.search{display:none;}
.reserv span{width: 100%;   font-size: 20px;   text-align: center; text-decoration:none; text-transform:uppercase;}

}
.ami{width:32%; margin-right:1%; margin-bottom:2%; text-align:center; float:left; border-bottom:#ccc 1px solid; padding-bottom:10px;}
.ami img{margin-bottom:10px;}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 280px;
 
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;  bottom:-30px; width:100%; left:0px;
}
.carousel-caption h1{color:#fff; background:rgba(0, 0, 0, 0.5);}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 280px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (max-width:580px){
.im{width:100%; float:none !important;}
.virtual{width:100%; float:none !important;}
.room{width:100%; float:none !important;}
}
@media (min-width: 768px) and (max-width: 992px) {
.nav > li > a {padding-left:6px; padding-right:6px; font-size:11px;}
}
@media (min-width: 992px) and (max-width: 1024px) {
.nav > li > a {padding-left:14px; padding-right:14px; font-size:12px;}
}