@import 'bootstrap.min.css';
@import '../gotham/font.css';
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

body{
	background: #424246;
	font-family: 'Gotham-Medium';
}

p{
	font-color: #fff;
}

a{
	text-decoration: none!important;
}

.wrapper{
	position: relative;
	float: left;
	width: 100%;
}

.header-image{
	width: 100%;
}

.content{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 70px;
	padding-bottom: 20px;
}

.two-hundred-px{
	width: 200px;
}

.three-hundred-px{
	width: 250px;
}

.six-hundred-px{
	width: 600px;
}

.three-fifty-hundred-px{
	width: 350px;
	height: auto;
}

.five-hundred-px{
	width: 500px;
	height: auto;
}

.one-fifty-hundred-px{
	width: 150px;
}

.terms-btn{
	position: relative;
	float: left;
}

.times-btn{
	position: relative;
	float: right;
}

.center-layout{
	position: relative;
	margin: 0 auto;
}

.itIs{
	height: 200px;
	margin-top: 50vH;
	top: -100px;
}

.lts{
	margin-top:calc(50vH - 160px);
}

.thirty-top{
	margin-top: 30px;
}

.clear-twenty{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
}

.clear-fourty{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
}

.clear-seventy{
	position: relative;
	float: left;
	width: 100%;
	height: 150px;
}

.copyright{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	background: #ffde41;
	text-align: center;
	width: auto;
	font-size: 10px;
	margin-top:-5px;
}

.ninety-percent{
	width: 90%;
}

.social-icons{
	width: 25px;
	height: auto;
}

.seven-hundred-px{
	width: 700px;
}

#showTimeTable{
	cursor: pointer;
}

.ttOverlay{
	position: fixed;
	top:0px;
	left: 0px;
	width:100%;
	height: 100vH;
	background: url('../images/trans-bg.png');
	display: none;
	z-index: 5000;
}

.openingHrs{
	position: fixed;
	top:0px;
	left: 0px;
	width:100%;
	height: 100vH;
	background: url('../images/trans-bg.png');
	display: none;
	z-index: 600;
}

.my-overlay{
	position: fixed;
	z-index: 200;
	top: 0px;
	left: 0px;
	background: url('../images/trans-bg.png');
	width: 100%;
	height: 100vH;
	display: none;
}

.six-hundred-px-center{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	margin-top: calc(50vH - 270px);
}

.closeBtn{
	position: relative;
	float: right;
	width:30px;
	cursor: pointer;
}

#time-table{
	display: none;
	width: 500px;
}

#open-hours{
	display: none;
}

.fifty-percent{
	width:70%;
}

.real-fourty-five-percent{
	width:45.7%;
}

.mem{
	color: #fff;
	/*margin-top: -10px;*/
	opacity:0.7;
}

#last-div{
	margin-top: 0px;
}

.video-overlay{
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100vH;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 5000;
	display: none;
}

.pop-up{
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100vH;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 5000;
	display: none;
}

.pop-video{
	width: 100%;

}

.popUp{
	border: 2px solid gray;
}

.pop-lay{
	position: relative;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(50vH - 200px);
}

.navbar{
	border: 0px;
	background: none;
	margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a{
	color:#fff!important;
	text-transform: uppercase!important;
}

.navbar-default .navbar-nav>li>a:hover{
	color:#FFDF3E!important;
	/*background: #fff;*/
}

.navbar-brand img{
	margin-top: -15px;
}

.home-page-btnes{
	width: 180px!important;
	border: 3px solid #FFDF3E;
	color: #FFDF3E;
	padding:2px;
	overflow: hidden;
	height: 50px;
	margin-bottom: 10px;
	opacity: 0.4;
}

.home-page-btnes:hover{
	opacity: 1;
}

li.dropdown:hover{
	background: #fff;
	color:#414141;
}

li.dropdown a:hover{
	color: #414141!important;
}


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

.dropdown-menu.pull-left{
	 /*position:relative;*/
	 width: 190px;
	 left:0;
	 border-radius: 0px;
	 border: 2px solid #fff;
}


.navbar-brand img{
	margin-left: -15px;
}







#myCarousel{
	/*position: relative;
	float: left;*/
	width:100%;
	/*z-index:0;*/
	height: 100vH;
}

.carousel-inner{
	width:100%;
	height: 100vH;
}

.carousel.fade {
			opacity: 1;
			height: 100%;
}

.carousel.fade .item {
			transition: opacity ease-out 1s;
			left: 0;
			opacity: 0; /* hide all slides */
			top: 0;
			position: absolute;
			width: 100%;
			height: 100%;
			display: block;
}

.carousel.fade .item:first-child {
			top: auto;
			opacity: 1; /* show first slide */
			position: relative;
}

.carousel.fade .item.active {
			opacity: 1;
			/*-webkit-animation: bummer 10s;
  animation: bummer 10s;
 -webkit-transform: scale(1); 
 transform: scale(1);*/
}

.ones{
	background: url(../images/1.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; 
}

.twos{
	background: url(../images/2.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.threes{
	background: url(../images/3.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.fours{
	background: url(../images/4.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.text-nd-link{
	/*position: relative;*/
	/*float: left;*/
	margin-top: calc(50vH - 100px);
	/*z-index:5000;*/
}

.text-nd-link h1{
	font-size: 48px;
	font-weight: bolder;
	text-align: center;
	color: #fff;
}

.link{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	text-align: center;
	border: 2px solid #FFDF3E;
	font-size: 16px;
	color: #FFDF3E!important;
	padding:5px;
	cursor: pointer;
}

.footer{
	position: fixed;
	left: 0px;
	bottom: 10px;
	z-index:100;
	width:100%;
	float: right!important;
	padding-right:47px;
}

.navigations-home{
	position: fixed;
	top:0px;
	left: 0px;
	width:100%;
	z-index: 1000;
	background-color: #414141; 
	height: 80px;
}

.navbar-collapse{
	background-color:#414141!important;
	border-top:none;
}

.navigations-home>.navbar-default .navbar-nav>li>a{
	color:pink;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active{
	/*border: 1px solid #FFDF3E;*/
	color: #FFDF3E!important;
	background: none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	/*border: 1px solid #FFDF3E!important;*/
	color: #FFDF3E!important;
	background: none;
}


.btn-gold{
	width:180px;
	height: 40px;
	color:#4c4c4c;
	background:#FFDF3E;
	border: none;
	border-radius: 0px;
}

.form-control{
	border-radius: 0px;
	margin-bottom:4px;
}

.navbar-toggle{
	margin-top: 20px;
}




@media screen and (max-width:900px){

	.auto-scale{
		display: block;
		bottom: 0px!important;
		max-height: 100vH;
		min-height: 100vH;
		object-fit: cover;
	}

	.auto-scale-right{
		display: block;
		bottom: 0px!important;
		left: 100px!important;
		max-height: 100vH;
		min-height: 100vH;
		min-width: calc(100vH * 2);
		max-width: calc(100vH * 2);
		margin-left: -200px;
		/*align-content: flex-start;*/
	}

	.auto-scale-left{
		display: block;
		bottom: 0px!important;
		left: 100px!important;
		max-height: 100vH;
		min-height: 100vH;
		min-width: calc(100vH * 1.7);
		max-width: calc(100vH * 1.7);
		margin-left: -500px;
		/*align-content: flex-start;*/
	}

}


/*	Media Query Begins 	*/
@media screen and (max-width:768px){
	.pop-lay{
		position: relative;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: calc(50vH - 200px);
	}

	.navbar-collapse{
		margin-top:15px;
	}

	.real-fourty-five-percent{
		width:90%;
	}

	.real-fifty-percent{
		width:90%;
	}

	.seven-hundred-px{
		width: 90%;
	}
	
	.terms-btn{
		position: relative;
		float: none;
		margin: 0 auto;
	}

	.times-btn{
		position: relative;
		float: none;
		margin: 0 auto;
	}

	.copyright{
		position: relative;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 0px;
		padding-left: 0px;
		margin-left: -30px;
		background: #ffde41;
		text-align: center;
		max-width: 220px;
		min-width: auto;
		font-size: 10px;
		margin-bottom:-25px!important;
	}

	.social-icons{
		margin-right: -15px;
	}

	.mem{
		color:#fff;
		margin-top: 20px;
		margin-bottom: 20px;
		opacity:0.7;
	}

	.three-hundred-px{
		width: 200px;
	}

	.footer{
		float: right!important;
		padding-right:0px;
		display: none;
	}

}

@media only screen and (min-height: 800px) {

	#last-div{
		margin-top: 120px;
	}

}