*{
	box-sizing: border-box;
}
body{
	font: 15px/1.5;  
	font-family: 'roboto', sans-serif;
	color: black;
	padding-bottom: 0;
}

a{
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

ul{
	list-style: none;
}

.clearfix{
	clear: both;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #eb6120;
}

.container-fluid{
	padding: 0;
	margin: 0;
}

.logo1{
	z-index: 999;
	position: absolute;
	top: 0;
}

.logo1 img{
	width: 100%;
	height: auto;
}

.menubar{
	padding: 0;
	padding: 20px 0;
}

.navbar { border-radius:0!important;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 5px 5px 0px rgba(0, 0, 0, 0.19);}
.menubar li{
	float: left;
	padding: 15px;
	font-size: 17px;
	display: inline-block;
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
}

.menubar a:hover{ 
    color: white;
}

.menubar .active > a{ 
    color: #eb6120;
}

.navbar{
	z-index: 99;
	position: absolute;
	top: 0;
}

.navbar-default{
	width: 100%;
	border: none;
	background:#f3f3f3;
	/*background-color: rgba(0, 0, 0, 0.4*/);
}

.navbar-default .navbar-nav > li{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
}

.navbar-default .navbar-nav > li > a{
	color: white;
}

#navbar ul li a{
	background: rgba(0, 0, 0, 0.8);
}

.navbar-default  .navbar-toggle  .icon-bar{
	background-color: white;
}

	h1{
	font-size: 25px;
	font-weight: 500;
	margin: 0;
}


.light{
	font-weight: 300;
}

h2{
	font-size: 20px;
	font-weight: 500;
	margin: 15px 0 15px 0;
}

p{
	font-weight: 300;
	font-size: 15px;
}

.design{
	padding: 30px;
}

.page_name{
	position: absolute;
	margin-top: 200px;
	font-weight: 100;
	color: white;
}

.banner_text{
	font-size: 45px;
	font-weight: 100;
}

.back_to_top{
	float: right;
	margin-top: 100px;
}

.btn-lg{
	border: 1px solid black;
	padding: 8px 10px;
	border-radius: 50%;
}


.footer{
	width: 100%;
	background: #151517;
	margin-top: 25px;
}

.inq{
	background: #eb6120;
	border: none;
	color: white;
	padding: 8px 13px;
}

.copyright{
		padding: 10px 0;
		background: #101011;
		font-size: 11px;
		color: #545454;
}

.design_by{
	float: right;
}

.uxexpert{
	color: #818181;
}


.abt_text{ }

.abt_text p{ margin:0 0 0 25px}
h2{ color:#eb6120;}
h3 { font-size:14px; color:#0060aa}
.attaractions{ margin: 0 0 0 25px}

.amenities_text{}
.amenities_text ul{ margin:0 0 0 25px}
/* media query */

@media (min-width: 320px){


	.carousel-caption{
		font-size: 17px;
		color: orange;
		background: rgba(0, 0, 0, 0.5);
		margin-bottom: 30px;
		border-radius:20px;
	}

	.carousel {
		margin-bottom: 0;
	}

	.carousel-control.left{
		background-image:none; 
	}

	.carousel-control.right{
		background-image:none; 
	}

	h1{
		padding-top: 10px;
	}

	.navbar-default .navbar-nav > li > a:hover{
		color: white;
		text-decoration: underline;
	}

	.navbar-default .navbar-nav > li > a:focus{
		color: white;
	}

	.menubar{
	    display: none;
	}

	.social ul{
		margin: 30px 0 0 0;
		display: inline-block;
	}
	.social li{
		float: left;
		margin-right: 20px;
	}
	.social img{
		color: white;
	}
	.bot_menu ul{
		padding: 0;
		margin: 35px 0 30px 0;
		display: inline-block;
	}

	.bot_menu li{
		font-size: 13px;
		padding: 5px;
		color: #838383;
	}

	.bot_menu li a:after{
		content: "";
		padding-left: 0px;
	}

	.bot_menu li a:hover{
		color: white;
	}

}

@media (min-width: 768px) {

	.carousel-caption{
		font-size: 25px;
	}
	.carousel {
 		 height: 500px;
	}

	.carousel .item {
		height: 500px;
	}
	.carousel-inner > .item > img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 500px;
	}

	.carousel-control.left{
   		background-image:none; 
 	 }

  	.carousel-control.right{
   		background-image:none; 
  	}



	h1{
		padding-top: 50px;
	}

    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

    .navbar-nav{
    	margin-top: 25px;
    }

    .nav > li > a{
		padding: 20px 10px;
	}


   .bot_menu li{
   	float: left;
	margin-right:10px;
	padding: 0;
	}

	.bot_menu li:after{
		content: "/";
		padding-left: 10px;
	}
	.bot_menu li:last-child:after{
		content: ""
	}

	/* currently disabled

	.menubar{
		display: block;
	}

	.menubar ul{
		padding: 0;
		margin: 0;
	}

	.menubar li{
	padding: 20px 0 20px 10px;
	font-size: 14px;
	}
	*/

}

@media (min-width: 992px) {

	.navbar-collapse.collapse.in {
        display: none !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:none !important;
    }    

	.menubar{
    	display: block;
    }
    .menubar ul{
		padding: 0;
		margin: 0;
	}

	.menubar li{
	padding: 20px 0 20px 10px;
	font-size: 14px;
	}

}

@media (min-width: 1200px){

	.navbar-collapse.collapse.in {
        display: none !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:none !important;
    }

	.menubar{
		display: block;
	}
	
	.menubar ul{
		padding: 0px;
	}

	.menubar li{
	padding: 20px 5px;
	font-size: 17px;
	}


	.bot_menu li{
		font-size: 15px;
		margin-right: 15px;
	}

	.bot_menu li a:after{
		padding-left: 15px;
	}
}