@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
@import url("responsiveslides.css");
@import url("datepicker.css");
@import url("css-new.css");
@import url("../font-awesome/css/font-awesome.css");
@import url("owl.transitions.css");
@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("mlbx.css");

.pbn { padding-bottom:40px; }

.fa { margin-right: 10px;color:#D4B275;}
footer a {color:#D4B275;}
footer a:hover {color:#fff;}
.room-item h1 { color:#fff; }
#myMap {width: 100%; height:360px; margin:0; padding:0;}

.btn-hotels { display:inline-block; width:100%; color: #333; text-transform: uppercase; border: solid 1px #D4B275; padding: 5px; font-family: "Roboto",Arial,Helvetica,sans-serif; font-weight: 600; font-size: 18px; text-decoration: none!important; text-align: center; }
.btn-hotels:hover { background:#333; color:#fff }
.btn-hotels-top { display:inline-block; width:-webkit-fill-available; color: #333; text-transform: uppercase; border: solid 1px #D4B275; padding: 10px 20px; font-family: "Roboto",Arial,Helvetica,sans-serif; font-weight: 600; font-size: 18px; text-decoration: none!important; text-align: center; }
.btn-hotels-top:hover { background:#333; color:#fff }
.btn-tripadvisor { width:300px; display: inline-block; border:none!important; padding: 5px; }
.btn-tripadvisor img { }
.btn-tripadvisor a { color:#000; }
.btn-tripadvisor:hover { background:none!important; color:#000; }

.btn-tripadvisor span { font-size: 14px; font-weight: normal;}

.nav-tabs > li, .nav-pills > li { float:none;display:inline-block;*display:inline; zoom:1; }
.nav-tabs, .nav-pills { text-align:center; }

.nav-tabs{border-bottom:1px solid #D4B275}
.nav-tabs > li > a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0;color:#D4B275}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{color:#D4B275;font-weight:700;cursor:default;background-color:#fff;border:1px solid #D4B275;border-bottom-color:transparent}
.nav > li > a:hover,.nav > li > a:focus{text-decoration:none;background-color:#D4B275;color:#fff}

.text-wrap-1 .inner { background-color: rgba(0,0,0,0.5);display: table;position: absolute;bottom: 0;height: 100%;width: 100%;z-index: 100; }
.text-wrap-1 h1 { font-weight: 300;letter-spacing: 2px;text-transform: uppercase;color: #fff;display: inline-block; }

#menu1 .room-boxes{height:600px;overflow:hidden;margin-bottom:40px;position:relative;border:1px solid #C5A46D}
#menu1 .room-boxes:before{display:block;content:"";position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#menu1 .room-boxes .room-details{position:absolute;left:0;top:0;background:rgba(255,255,255,0.7);color:#FFF;padding:40px;height:100%;z-index:1;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
#menu1 .room-boxes .room-title{font-size:24px;font-weight:700;letter-spacing:-1px;color:#C5A46D}
#menu1 .room-boxes .room-description{margin:20px 0;color:#333}
#menu1 .room-boxes .price-container{position:absolute;top:0;right:0;height:100%;z-index:2}
#menu1 .room-boxes .price-container .price{position:absolute;left:53%;top:40%;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font:17px/3em "Roboto Condensed",Arial,Helvetica,sans-serif;color:#C5A46D;padding:0 20px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}
#menu1 .room-boxes .price-container .price span{font-size:40px;vertical-align:middle}
#menu1 .room-boxes:hover:before{background:rgba(0,0,0,0)}
#menu1 .room-boxes:hover .package-img{-moz-transform:scale(1.02) translateX(-50%) translateY(-50%);-ms-transform:scale(1.02) translateX(-50%) translateY(-50%);-webkit-transform:scale(1.02) translateX(-50%) translateY(-50%);transform:scale(1.02) translateX(-50%) translateY(-50%)}
#menu1 .room-boxes:hover .room-details{background:#FFF}
#menu1 .room-boxes:hover .price{left:50%;opacity:1;filter:alpha(opacity=100)}

.excursions-box { border-bottom: 1px solid #C5A46D; padding-bottom: 30px;  margin-bottom: 30px; }
.excursions-my-title { color: #C5A46D; font-size: 24px; padding: 20px 0 10px 0; text-align:center;}
.more-content {display:none;}
.cg-visible {display:block;}

#bbar {display: none;}  
.pb-85 {margin-bottom:0;}  

@media (max-width: 992px) {
	.pbn { padding-bottom:20px; }
	.btn-hotels-top { display: inline-block; width: 90%; color: #333; text-transform: uppercase; border: solid 1px #D4B275; margin: 10px; padding: 10px 20px; font-family: "Roboto",Arial,Helvetica,sans-serif; font-weight: 600; font-size: 14px; text-decoration: none!important; text-align: center; }
    .nav > li > a { position: relative; display: block; padding: 10px 10px; }
	#menu1 .room-boxes{height:auto}
	#menu1 .room-boxes:before{display:none}
	#menu1 .room-boxes .room-img{position:initial;left:auto;top:auto;width:100%;-moz-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}
	#menu1 .room-boxes .price-container{width:100%;height:100px}
	#menu1 .room-boxes .price-container .price{background:rgba(255,255,255,0.9)}
	#menu1 .room-boxes .room-details{position:initial;left:auto;top:auto;float:none;width:100%;text-align:center;padding:30px;background:#f9fafa}
	#menu1 .room-boxes.right .room-details{position:initial;left:auto;right:auto;text-align:center}
	#menu1 .room-boxes:hover .room-details{background:#ecedee}
}

@media screen and (max-width: 767px) {
    #bbar { position: fixed !important; bottom: 0; padding-bottom:20px; width: 100% !important; z-index: 1000000 !important; display: grid; grid-template-columns: repeat(1, 1fr); margin: 0 auto; grid-column-gap: 0; background: #efefef; transition: bottom 0.5s; text-align: center; }
    .btn-book-bottom { display: inline-block; width:auto; color: #333; text-transform: uppercase; border: solid 1px #D4B275; margin: 10px; padding: 10px 20px; font-family: "Roboto",Arial,Helvetica,sans-serif; font-weight: 700; font-size: 20px; text-decoration: none!important; text-align: center; }    
    #bbar .fa {font-size: 20px} 
    #bbar .bbook {font-size: 20px} 
	.pb-85 {margin-bottom:85px;}  
}