/* CUSTOM CSS */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,600');
body{
	background: #000;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #efefef;
	margin:5px;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 700;
}
a{
	color: orange;
	transition: color 300ms ease-in;
}
a:hover{
	color: white;
}
nav{ position: absolute !important;
 background: rgba(0,0,0,0.8);
  z-index: 2; margin: 0 auto; 
  left: 0;
   right: 0;
    top: 60px;
}
.navbar-collapse{ justify-content: flex-end; }
.navbar-nav{ text-transform:uppercase;font-size: 18px; }
.navbar-nav li{  margin: 0; }
.navbar-nav li a{ color: #fff !important; }
.navbar-nav li a:hover,.active{ color: #e1a408 !important;background: rgba(255,255,255,0.15); }
.booknow-btn{ background: #e1a408; margin-right: 0 !important;}
.booknow-btn a.nav-link:hover{ color: #fff !important; }
.home footer{
	padding: 10px 0;
	font-size: 14px;
  position: absolute;
  bottom: 0;
  width: 100%;	
}
footer{
  background: #222;
  padding: 10px 0;
  font-size: 14px; 
}
footer p{
	margin-bottom: 0;
}
.nav-link{ padding: 20px 24px !important; }
.main-body{ margin-top: 164px; }

.logo{ position: absolute; background: #fff;
	width:200px;
 padding:10px 23px; 
	border: solid 10px #e1a408;
	 z-index: 3; 
	 left:0; 
	 top: -38px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.logo-tab{
	position: absolute; background: #fff;
	border: solid 10px #e1a408;
	padding:2px 10px;
}
.about{
 background: url(../images/slider3.jpg) no-repeat;
 background-size: cover; background-attachment: fixed; 
}
.contact{
 background: url(../images/slider4.jpg) no-repeat;
 background-size: cover; background-attachment: fixed; 
}
.rooms{
 background: url(../images/slider5.jpg) no-repeat;
 background-size: cover; background-attachment: fixed; 
}
aside,.content-holder{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+26,000000+100&0.9+55,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 80%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.9) 80%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.9) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	padding:25px;
	min-height:550px;
}
aside h2{text-transform: uppercase; font-size: 30px;}
aside h3{ font-size:22px; color: #e1a408;}	
.content-holder,.rooms-detail{ padding: 60px; color: #ccc;}
.content-holder.no-pad,.no-pad{ padding: 0; }


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader.svg) center no-repeat #000;
}
.form-control{
	background: rgba(255,255,255,0.03);
	border-bottom:solid 1px #333;
	border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	font-size: 16px;
	padding:15px;
	margin-bottom: 15px; 
	color: #fff;
}
.form-control:focus{
	background: rgba(255,255,255,0.1);
	border:none;
	color: #fff;
}
.form-control::placeholder{ display: none; }
.form-control:disabled, .form-control[readonly]{
	background: rgba(255,255,255,0.03);
	border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
}
.btn-submit{ background: #e1a408; border:none; padding:10px 20px; color: #fff; }

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.error-message{
	color: #ccc;
}

.navbar-inverse .navbar-toggler{
	border: none;
	background: rgba(0,0,0,0.8);
	border-radius:0;
	-webkit-border-radius:0;
	-ms-border-radius:0;
	color: #e1a408;
	font-size: 48px;
}
.navbar-toggler{padding:0.5rem 1.1rem;}
.navbar{ padding: 0; }
.navbar-toggler-right{ right: 0; }

.ul-dropdown-wrap + .ul-dropdown-wrap{
	display: none;
}
.facility{ font-size: 14px;  padding:30px !important; border:solid 1px #333; margin-bottom: 0;border-bottom:none;}
.facility li{
	background: url(../images/bullets.png) no-repeat left;
	padding:0 15px;
	line-height: 26px;
}

.image {
    overflow: hidden;
    background-color: #000;
    height:400px; 
}
.pricing{color: #fff; width: 100%;}
.pricing .price{ font-size:32px; font-weight: 700; font-family: arial;}
.single{ background: #e1a408; padding:30px; font-size:14px;}
.double{ background: #000;padding:30px; font-size: 14px; }
.logo img{ max-width: 100%; height: auto; }
.logo-tab{ display: none; }



/*CSS for Gallery*/


.demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                height: 156px;
                padding: 0;
                border:solid 1px #000;


                              overflow: hidden;
            }
            .demo-gallery > ul > li a {
              display: block;
                            overflow: hidden;

              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: all 0.15s ease 0s;
              -moz-transition: all 0.15s ease 0s;
              -o-transition: all 0.15s ease 0s;
              transition: all 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
               opacity: 0.6;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
               opacity:1;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
.col3{

  -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap:60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap:60px; color: #ccc; line-height:24px;

}
.hidden-sm{ display: none; }      
@media screen and (max-width: 50em) {
  body.booknow footer{ position: absolute; bottom: 0; width: 100%;}


.col3{ 
      -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count:1;
    -webkit-column-gap:30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap:30px; color: #ccc; line-height:24px;

 }
 .hidden-md{ display:none; }
 .hidden-sm,header nav .icon{ display: block; }
    .room-left-sm{ max-width: 19.66%; }
    .room-left-sm aside{ padding: 5px; } 
    .room-left-sm aside ul li{ font-size: 12px; }
    .room-right-sm{ max-width: 83.33%; }
 .content-holder .simplegallery,.content-holder .simplegallery .content{ height:335px; }
 .content-holder .simplegallery .thumbnail .thumb{ width: 122px; height: 70px; }
  .tabs ul{ margin-bottom: 0; }
 .tabs ul > li { float: left; font-size: 11px; }
}

@media screen and (max-width:1199px) {
.navbar-nav{ font-size: 16px; }
.navbar .nav-link{ padding-left: 15px !important; padding-right: 15px !important;}
}


          @media screen and (max-width:768px) {
    .logo-tab {
        display: block;
    }
    .no-flex{
      display: block;
    }
 
    .leftblock,.rightblock{
      max-width: 100%;
      height: auto;
    }
    .leftblock aside{
      min-height: auto;
      background: rgba(0,0,0,0.9);
      margin-bottom: 15px;
    }
    .content-holder{ padding:30px; }
    .logo{ display: none; }
    .main-body{ 
        margin-top:110px;
     }
    header{ position: fixed; width: 100%; top: -60px; z-index: 9;}
    .demo-gallery > ul > li{
      height: 100px !important;
    }
   
}
@media screen and (max-width:480px) {
  .main-body{ overflow: hidden; }
  .no-flex-sm{
      display: block;
    }
 
    .room-left-sm,.room-right-sm{
      max-width: 100%;
      height: auto;
    }
body.booknow footer{ position: relative;}
}
.table thead th{ border-bottom: none; background: rgba(255,255,255,0.1); }
.table td, .table th{ border-top:solid 1px #222; padding: 15px;}
.menu-title{ padding: 30px; background: orange; }
.menu-title h2{ color: #fff; margin-bottom: 0; }