@charset "UTF-8";
/* CSS Document */



		#limo_now{
			cursor: pointer;
			position: fixed;
			bottom:0;
			right:-300px;
			background: #F9D14D url(web/img/limo_now_icon.gif) no-repeat 20px center;
			background-size: 80px 80px;
			height:110px;
			padding-top:10px;
			width:170px;
			padding-left:115px;
			z-index: 5000;
			color:#000;
			font-family: 'Squada One', serif;
			font-size: 30px;
			line-height:30px;
		}
		
		
		
		#bg_dark{
			z-index: 5000;
			position:fixed;
			background:rgba(0, 0, 0, 0.8);
			<? if ($popup_status != "on"){ echo'display:none'; } ?>
		}
		#popup{
			z-index: 5000;
			position:fixed;
			background:url(<?= $chosen_popup_img ?>);
			<? if ($popup_status != "on"){ echo'display:none'; } ?>
			cursor: pointer;
		}
		#alert{
			z-index: 10000;
			display:none;
			position:fixed;
			width:400px;
			background:#CC2044;
			padding:10px;
		}
		#alert_text{
			float:left;
			line-height: 30px;
			min-height:30px;
			font-weight: 200;
		}
		#btn_alert_1, #btn_alert_2{
			float:right;
			cursor: pointer;
			height: 30px;
			background: #FFF;
			font-family: 'Raleway', sans-serif !important;
			font-size:16px;
			font-weight:300;
			text-align: center;
			color:#CC2044;
			line-height:30px;
			width:70px;
		}
		#btn_alert_1{
			margin-right:10px;
		}
		
		
		
		#announce{
			display:none;
			z-index: 5000;
			position:fixed;
			width:100%;
			background:#F9D14D;
			color:#000;
			padding:10px;
		}
		#announce_text{
			float:left;
			line-height: 30px;
			min-height:30px;
			font-weight: 200;
		}
		#btn_announce{
			float:right;
			cursor: pointer;
			height: 30px;
			background: #FFF;
			font-family: 'Raleway', sans-serif !important;
			font-size:16px;
			font-weight:300;
			text-align: center;
			color:#000;
			line-height:30px;
			width:70px;
		}
		#btn_alert_1{
			margin-right:10px;
		}
		
		
		
		html {
			-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
			
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
		body {
			font-family: 'Raleway', sans-serif !important;
			font-weight:100;
			font-size: 20px !important;
			color:#FFF !important;
			margin:0;
			background-color:#0D0B10;
		}
		  
		
		
		/* overflow hidden main box for mobile menu */
		#whole {
			display:none;
			width:100%;
			overflow:hidden;
			
			/*
			transform-style: preserve-3d;
			height: 100vh;
			overflow-x: hidden;
			overflow-y: auto;
			-webkit-perspective: 100px;
			perspective: 0px;
			*/
		}
		a:link, a:visited {
			color: #36B;
			text-decoration: none;
		}
		a:hover {
			color: #CC2044;
			text-decoration:underline;
		}
		a[href^=tel] {
			color:#FFF; text-decoration: none;
		}
		
		
		
		.clear{
				clear:both;
		}
		/* fixed header bar */
		header{
			background:rgba(0, 0, 0, 0.0);
			top:0;
			position:fixed;
			display:block;
			height:50px;
			width:100%;
			z-index:500;
			text-align: center;
		}
		main{
			z-index: 2;
			position: relative;
		}
		/* logo */
		#logo_web{
			position: absolute;
			top:2px;
			left:3px;
			display: block;
			cursor: pointer;
			width:45px;
			height:45px;
			background:url("web/img/logo_FME.png") center center;
			background-size: 45px 45px;
			margin-right: 5px;
		}
		/* login button */
		#btn_login{
			display: block;
			position: absolute;
			top:10px;
			right:13px;
			background: #FFF;
			height:30px;
			border-radius: 15px;
			cursor: pointer;
			font-weight: 400; 
		}
		#ico_login{
			display: inline-block;
			cursor: pointer;
			height:20px;
			background: url("web/img/ico_login.png") no-repeat left center;
			background-size: 20px 20px;
			margin: 5px 10px 5px 5px;
			font-size:18px;
			line-height:20px;
			padding-left:30px;
			color:#000;
		}
		
		nav{
			background: #000;
			display:none;
		}
		#btns_web{
			display: inline-block;
		}
		#btn_home, #btn_reserve, #btn_appearing, #btn_events, #btn_jobs{
			display: block;
			float: left;
			margin-right:20px;
			margin-left:20px;
			height:50px;
			line-height:50px;
			cursor:pointer;
			color:#FFF;
			font-size:20px;
			font-weight: 400;
			text-transform: uppercase;
		}
		#btn_home:hover, #btn_reserve:hover, #btn_appearing:hover, #btn_events:hover, #btn_jobs:hover{
			color:#CC2044;
		}
		
		
		
		
		/* menu icon buttons to 4 sections */
		.btn_sm_ig, .btn_sm_fb{
			margin-top:-95px;
			margin-right:13px;
			float:right;
			display: block;
			width:30px;
			height:30px;
			background:url(web/img/btn_sm_instagram.png);
			background-size:30px 30px;
			cursor:pointer;
		}
		.btn_sm_fb{
			background:url(web/img/btn_sm_facebook.png);
			background-size:30px 30px;
			margin-right:60px;
		}
		.btn_sm_ig:hover, .btn_sm_fb:hover{
			/* background-position: 0 -40px; */
		}
		
		article{
			display: block;
			overflow: hidden;
			font-size: 20px;
			color:#FFF;
			background:#0D0B10;
		}
		
		#logo_BR{
			position: absolute;
			width:240px;
			height:99px;
			background: url("web/img/logo_BR.png");
			background-size:240px 99px;
		}
		#logo_BW{
			position: absolute;
			width:240px;
			height:99px;
			background: url("web/img/logo_BW.png");
			background-size:240px 99px;
				}
		#logo_CH{
			position: absolute;
			width:240px;
			height:99px;
			background: url("web/img/logo_CH.png");
			background-size:240px 99px;
		}
		
		#content{
			color:#FFF;
			font-family: 'Raleway', sans-serif;
			font-weight: 100;
			font-size: 20px;
			text-align: center;
			margin: 0 120px 30px 120px;
			overflow: hidden;
		}
		
		#appear_space{
			text-align: center;
			display: block;
			cursor: pointer;
			background: #0D0B10 url(web/img/ico_appear.png) center 40px no-repeat;
			background-size:50px 50px;
			padding-top: 110px;
			height:80px;
			margin:0;
			color:#FFF;
			display: none;
		}
		
		
		
		#insta_title{
			cursor:pointer;
			font-size:40px;
			height:130px;
			line-height: 130px;
			margin-top:-55px;
			text-align: center;
			font-weight: 400;
		}
		
		
		
		.res_title{
			font-size:40px;
			color:#FFF;
			font-weight: bold;
			font-family: 'Philosopher', sans-serif;
		}
		


		#res_limo{
			float:left;
			position: relative;
			display: block;
			cursor: pointer;
			width:100%;
			overflow: hidden;
			/* background: #0D0B10 url(web/img/bg_res_limo.jpg) center center; */
			background: #0D0B10 url(web/img/bg_res.jpg) center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
		
		#res_limo_red{
			opacity: 0;
			margin:80px;
			border:1px solid #CC2044;
			border:1px solid #FFF;
			/* background-color:rgba(0, 0, 0, 0.3); */
		}
		
		#res_limo_txt{
			margin-top:15px;
			padding:20px;
			font-size: 20px;
			z-index:100;
			text-align: center;
		}



		#res_guest{
			float:left;
			position: relative;
			display: block;
			cursor: pointer;
			width:100%;
			overflow: hidden;
			background: #0D0B10 url(web/img/bg_res.jpg) center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
		
		#res_guest_red{
			opacity: 0;
			margin:80px;
			border:1px solid #CC2044;
			border:1px solid #FFF;
			/* background-color:rgba(0, 0, 0, 0.3); */
		}
		
		#res_guest_txt{
			margin-top:15px;
			padding:20px;
			font-size: 20px;
			z-index:100;
			text-align: center;
		}



		#res_special{
			float:left;
			position: relative;
			display: block;
			cursor: pointer;
			width:100%;
			overflow: hidden;
			/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center; */
			background: #0D0B10 url(web/img/bg_res.jpg) center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
		
		#res_special_red{
			opacity: 0;
			margin:80px;
			border:1px solid #CC2044;
			border:1px solid #FFF;
			/* background-color:rgba(0, 0, 0, 0.3); */
		}
		
		#res_special_txt{
			margin-top:15px;
			padding:20px;
			font-size: 20px;
			z-index:100;
			text-align: center;
		}



		#res_xmas{
			float:left;
			position: relative;
			display: block;
			cursor: pointer;
			width:100%;
			overflow: hidden;
			/* background: #0D0B10 url(web/img/bg_res_xmas.jpg) center center; */
			/* background: #0D0B10 url(web/img/bg_res.jpg) center center; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;*/
		}
		
		#res_xmas_red{
			opacity: 0;
			margin:80px;
			border:1px solid #CC2044;
			border:1px solid #FFF;
			/* background-color:rgba(0, 0, 0, 0.3); */
		}
		
		#res_xmas_txt{
			margin-top:15px;
			padding:20px;
			font-size: 20px;
			z-index:100;
			text-align: center;
		}
		


		#res_nye{
			float:left;
			position: relative;
			display: block;
			cursor: pointer;
			width:100%;
			overflow: hidden;
			/* background: #0D0B10 url(web/img/bg_res_nye.jpg) center center; */
			/* background: #0D0B10 url(web/img/bg_res.jpg) center center; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;*/
		}
		
		#res_nye_red{
			opacity: 0;
			margin:80px;
			border:1px solid #CC2044;
			border:1px solid #FFF;
			/* background-color:rgba(0, 0, 0, 0.3); */
		}
		
		#res_nye_txt{
			margin-top:15px;
			padding:20px;
			font-size: 20px;
			z-index:100;
			text-align: center;
		}
		
		
		
		
		
		
		
		
		

		
		
		
		
		#bg_map{
			display: table-cell;
			vertical-align:middle; 
			text-align: center;
			width:100%;
			height:200px;
			background: #0D0B10 url(web/img/bg_map_boudoir.jpg);
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}



		/* instagram feed */
		#btn_res_instagram{
			float:left;
			background: #000 url(web/img/bg_instagram.png) center center no-repeat;
			overflow:hidden;
		}
		
		
		
		#club_info{
			background: #0D0B10;
			color:#FFF;
			font-size:20px;
			overflow:hidden;
		}
		
		
		
		/* footer */
		footer{
			position: fixed;
			z-index: 0;
			bottom: 0;
			background: #0D0B10;
			font-size: 20px;
			display:block;
			padding:60px 0px 40px 0px;
			font-size:14px;
			height: auto;
		}
		#ftr_logo_BR{
			width:160px;
			height:66px;
			background: url(web/img/logo_BR.png);
			background-size:160px 66px;
			margin:0;
		}
		#ftr_logo_BW{
			width:160px;
			height:66px;
			background: url(web/img/logo_BW.png);
			background-size:160px 66px;
			margin:0 0 0 -13px;
		}
		#ftr_logo_CH{
			width:160px;
			height:66px;
			background: url(web/img/logo_CH.png);
			background-size:160px 66px;
			margin:0 0 0 -10px;
		}
		#ftr_1, #ftr_2, #ftr_3{
			text-align: left;
			margin-top:0;
			display: block;
			float:left;
			font-size: 16px;
			line-height: 40px;
			font-weight: 400;
		}
		#ftr_2, #ftr_3{
			text-transform: uppercase;
		}
		
		
		
		
		footer a:link {
			color: #FFF;
			text-decoration: none;
		}
		footer a:visited {
			color: #FFF;
			text-decoration: none;
		}
		footer a:hover {
			color: #CC2044;
			text-decoration:none;
		}

		
		
		ftr_1 a:link{
			color: #CC2044;
		}
		ftr_1 a:visited{
			color: #CC2044;
		}

		

		/* footer buttons */
		#btn_ftr_1{
			float:left;
			text-align: center;
		}
		#btn_ftr_2{
			float:left;
			margin:5px 0 10px 0;
		}
		#btn_ftr_2_inside{
			margin:0 auto;
			width:810px;
		}
		#btn_ftr_2_left{
			float:left;
			width:400px;
		}
		#btn_ftr_2_right{
			float:right;
			width:400px;
			margin-left:10px;
		}



		
		
		
		
		
		/* mobile version */
		@media (max-width: 899px) {

			#btns_web{
				display: none;
			}
			/* fixed header bar */
			nav{
				display:block;
				position:fixed;
				width:270px;
				min-height:100%;
				margin-left:-270px;
				text-align:left;
			}
			#btn_home_mob, #btn_events_mob, #btn_reserve_mob, #btn_bookings_mob, #btn_appearing_mob, #btn_events_mob, #btn_jobs_mob{
				margin-left:10px;
				height:40px;
				line-height:40px;
				cursor:pointer;
				color:#FFF;
				font-size:20px;
				font-weight: 400;
				text-transform: uppercase;
			}
			.btn_sm_display_web{
				display: none !important
			}
			#mnu{
				background:url(web/img/mnu.png) left center;
				background-size:100px 40px;
				width:50px;
				height:50px;
				cursor:pointer;
			}
			
			#logo_BR, #logo_BW, #logo_CH{
				width:180px;
				height:75px;
				background-size:180px 75px;
			}
			
			
			#content{
				text-align: center;
				margin: 0 10px 30px 10px;
				overflow: hidden;
			}
			
			
			#insta_title{
				cursor:pointer;
				background: #0D0B10;
				font-size:25px;
				height:20px;
				line-height: 20px;
				margin:-17px 0 35px 0;
				text-align: center;
				font-weight: bold;
			}
			
			.res_title{
				font-size:33px;
				color:#FFF;
				font-weight: bold;
			}
			
			
			
			#res_limo{
				/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center; */
				background: #0D0B10 url(web/img/bg_res_limo.jpg) center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			#res_limo_red{
				/*  border:2px solid #FFF; */
				margin:20px;
			}
			
			#res_limo_txt{
				padding-top:20px;
				font-size: 20px;
				z-index:100;
				text-align: center;
			}
			
			
			
			#res_guest{
				/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center; */
				background: #0D0B10 url(web/img/bg_res.jpg) center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			#res_guest_red{
				/*  border:2px solid #FFF; */
				margin:20px;
			}
			
			#res_guest_txt{
				padding-top:20px;
				font-size: 20px;
				z-index:100;
				text-align: center;
			}
			
			
			
			#res_special{
				/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center; */
				background: #0D0B10 url(web/img/bg_res_special.jpg) center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			#res_special_red{
				/*  border:2px solid #FFF; */
				margin:20px;
			}
			
			#res_special_txt{
				padding-top:20px;
				font-size: 20px;
				z-index:100;
				text-align: center;
			}
			
			
			
			#res_xmas{
				/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center; */
				/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;*/
			}
			#res_xmas_red{
				/*  border:2px solid #FFF; */
				margin:20px;
			}
			
			#res_xmas_txt{
				padding-top:20px;
				font-size: 20px;
				z-index:100;
				text-align: center;
			}
			
			
			
			#res_nye{
				/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center; */
				/* background: #0D0B10 url(web/img/bg_res_special.jpg) center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;*/
			}
			#res_nye_red{
				/*  border:2px solid #FFF; */
				margin:20px;
			}
			
			#res_nye_txt{
				padding-top:20px;
				font-size: 20px;
				z-index:100;
				text-align: center;
			}
			

			
			/* form */
			#btn_ftr_2_inside{
				margin:0 0 0 10px;
				width:300px;
			}
			#btn_ftr_2_left{
				float:none;
				width:300px;
			}
			#btn_ftr_2_right{
				float:none;
				width:300px;
				margin-left:0;
			}
			
			
			
			.form_email_text{
				margin-bottom:10px;
				padding:0 10px 0 10px;
				width:280px;
				height:28px;
				line-height:28px;
				font-size:14px;
				color:#FFF;
				border:none;
				-webkit-appearance:none;
				-webkit-border-radius:0px;
			}
			#email_phone1{
				float:left;
				width:70px;
			}
			#email_phone2{
				float:left;
				width:70px;
				margin-left:10px;
			}
			#email_phone3{
				float:left;
				width:80px;
				margin-left:10px;
			}
			.form_email_area, .form_email_area2{
				padding:7px 10px 7px 10;
				width:280px;
				height:48px;
				line-height:16px;
				font-size:14px;
				color:#FFF;
				border:none;
				-webkit-appearance:none;
				-webkit-border-radius:0px;
			}
			.form_email_drop_fme{
				margin-bottom:10px;
				padding-left:10px;
				width:300px;
				height:28px;
				line-height:28px;
				font-size:14px;
				border:none;
				background:url(img_FME/form_email_drop.png);
				background-position:right -4px;
				background-size:1500px 80px;
				-webkit-appearance:none;
				-webkit-border-radius:0px;
				cursor:pointer;
				color:#FFF
			}
			.form_email_drop_fme:hover{
				background:url(img_FME/form_email_drop.png);
				background-position:right -48px;
				background-size:1500px 80px;
			}
			.form_email_submit{
				margin-top:6px;
				width:300px;
				height:28px;
				text-align:left;
				padding:0 10px 0 10px;
				font-size:16px;
				font-weight:bold;
				border:none;
				-webkit-appearance:none;
				-webkit-border-radius:0px;
				cursor:pointer;
			}
			.form_email_submit:hover{
				background:rgba(255,255,255,0.20);
			}
			.form_email_check{
				float:left;
				height:26px;
				line-height:11px;
				font:bold 11px Arial;
				padding:10px 10px 0 25px;
				background:url(img_FME/form_email_check.png) no-repeat top left;
				background-size:33px 72px;
				cursor:pointer;
			}
			.form_email_close{
				float:right;
				width:33px;
				height:36px;
				background:url(img_FME/form_email_close.png) no-repeat top right;
				background-size:33px 72px;
			}
			.form_email_close:hover{
				background-position: bottom right;
			}
			#form_email_warning{
				background:url(img_FME/form_email_warning.png) no-repeat left;
				background-size:24px 24px;
				color:#FFF;
				line-height:24px;
				margin-top:5px;
				font-size:14px;
				padding-left:34px;
			}
			
			
			
			footer{
				position: relative;
				padding:55px 0px 60px 0px;
				height: auto;
			}
			
			#ftr_logo_BR, #ftr_logo_BW, #ftr_logo_CH{
				margin:0px auto 0px auto;
			}
			#ftr_1{
				text-align: center;
			}
			#ftr_2, #ftr_3{
				margin-top:35px;
			}
		}		
		
		
		
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
			/* display: none; <- Crashes Chrome on hover */
			-webkit-appearance: none;
			margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
		}