
body{
  font-family: 'Dosis', sans-serif;
  color: #fff;
}

@media only screen and (max-width:768px){
	.navbar-toggler-icon i{color:white!important;}
}

.outer-bg{
  background:url(../img/banner.jpg);
  background-attachment:fixed;
  background-size:cover;
  width:100%;
  background-position:top center;
}



.header{
  position:relative;
  width:100%;
}

.header-inner{
  position:absolute;
  top:-100px;
  left:0;
  width:100%;
  z-index:99;
  background-color:black;
}


.nav-item .nav-link{
   display: block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    font-weight: 600;
	padding:10px 16px!important;
    color: #fff;
    position: relative;
    transition: 0.15s;
}

.nav-item .nav-link:hover{
color:#FAB702;
}

.nav-item{
  position:relative;
}

.nav-item:after {
    position:absolute;
	content:"";
	top:50%;
	right:0;
	transform:translatey(-50%);
    width:4px;
	height:4px;
	border-radius:50%;
	background-color:#FAB702;
}

.nav-item:last-child:after{
  opacity:0!important;
}

.logo h2{
margin-bottom:30px;
font-size: 37px;
    text-transform: uppercase;
    letter-spacing: 18px;
	font-weight:300;
	}
	
	
	.logo1 h2{
font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
	font-weight:300;
	color:white;
	margin:0;}
	
		.logo3{
font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 5px;
	font-weight:600;
	color:white;
	margin-left:5px;}
	
	
	.logo1 h2 span,	.logo h2 span , .logo3 span{
	color:#FAB702;}

.header-btn{
      color: #ffffff;
	  border-radius:30px;
	  background-color:gray;
      border:none;
	  font-weight:500;
	  outline:none;
	  font-size:15px;
	  padding:7px 22px;
}

 .navbar-scroll {
	background:black;
	padding: 0;
	position:fixed;
	top:0;
	z-index:99;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
	transition-duration: 0.6s;
	border-bottom:1px solid #18191b;
}


.navbar-scroll .header-btn{
      color: #ffffff;
	  background-color:#fe4066;
}

 .navbar-scroll .logo {
    color: #000;
	font-weight:500;
}

/* jQuery scroll background-color change
===================================*/








.banner-section{
   width:100%;
   padding:100px 0px;
   position:relative;
}


h2.style-3 {
    font-size:55px;
	color:white;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 20px;
}



section{
 margin:50px 0px;
}


.room-content {
background-color: rgba(20, 20, 20, 0.9);
padding:0px 40px;
}

.room-content  h3{
color: #FAB702;
 font-size: 17px;
 font-weight:400;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.room-content  p{
  margin: 0 0 10px;
	font-size:13px;
    font-weight: 400;
    color: #ddd;
	 letter-spacing: 1px;
    line-height: 1.8em;
}

.btn-line{
border: solid 1px rgba(255,255,255,.2);
    color: #fff;
	 font-size: 10px;
 font-weight:400;
    letter-spacing: 3px;
	padding:10px 25px;
	margin:15px 0px 0px 0px;
	display:inline-block;
	
    text-transform: uppercase;
    transition:0.3s ease;
}

.btn-line:hover{
 color:white;
 text-decoration:none;
 background: #fab702;
}

.btn-line i{
  margin-left:10px;
  color:#fab702;
}

.footer-section{
   padding:60px 0px;
    background-color: #18191b;
  position:relative;
  width:100%;
  overflow:hidden;
}

.footer-content .footer-heading{
    font-size: 17px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.footer-content  p {
    margin: 0 0 10px;
	font-size:13px;
    font-weight: 400;
    color: #ddd;
    line-height: 1.8em;
}

.subfooter {
    padding-top: 80px;
    padding-bottom: 60px;
	background-color: #0b0b0b;
	border-top:1px solid #0b0b0b;
}

.social-icons ul{
 margin:0px;
 padding:0px;
 list-style:none;
}
.social-icons ul > li{
 display:inline-block;
 margin:0px 10px;
 position:relative;
}

.social-icons ul > li a i{
 color:white;
 font-size:15px;
}