/* --------------------  INDEX -------------------- 

	1	CSS Reset
	2	Global Styling
		2.1	General
		2.2	Texts, Fonts  & Headings
		2.3	Header
			2.3.1	Navigation
			2.3.2	Logo
		2.4	Footer
			2.4.1	Footer Content
			2.4.2	Footer Styling
	3	Pages
		3.1	Home
		3.2	Location
		3.3	Menus
		3.4	Gallery
		3.5	Reservation
		3.6	Contact Us
	4	Media Queries
		4.1	Smaller desktop
		4.2	Tablet
		4.3	Mobile



/* --------------------  1 CSS Reset - Start -------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	strong{
	font-weight:bold;
	}
/* --------------------  CSS Reset - End -------------------- */


/*MenuFix*/
	#menuContentNew{
		display: block;
		/*height: 100%;*/
		position: absolute;
		top: 150px;
		width: 100%;
	}
	#menusNew{
		position: relative;
		width: 100%;
		max-width: 800px;
		margin:0 auto;
	}
	#menusNew section{
		text-align: center;
		width: 30%;
		margin: 0 1.5%;
		float: left;
	}
	#menusNew section img{
		width: 100%;
		height: auto;
	}
	.menuBtnsNew{
		display: block;
		background: url(../images/menu/btn.png) no-repeat center center;
		width: 100%;
		height: auto;
		text-decoration: none;
		padding: 15px 0px; 
		text-align: center;
		margin-top: -5px;
	}
	
	.btnMainNew {
		color: #FFFFFF;
		margin-bottom:4px;
		font-size:16px!important;
	}
	.btnMainNew:hover {
		color:#333D4C;
	}
/*MenuFix*/



/* --------------------  2 Global Styling - Start -------------------- */

	/* ----- General Styling Start ----- */
	
		html {
			font-size:13px;
		}
		body {
			background-color:#333D4C;
		}
		.clearfix:before, .clearfix:after {  
			content: " ";  
			display: table;  
		}  
		.clearfix:after {  
			clear: both;  
		}  
		.clearfix {  
			*zoom: 1;
		}
		
	/* -----  General Styling End ----- */

	/* -----  Texts, Fonts & Headings Start ----- */
	
			/*  Headings Start */
			
				h1, h2, h3{
					font-family: "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
					color:#ffffff;
					text-decoration:none;
				}
				h1{
					font-size:76px;
					text-transform:uppercase;
					padding-left:5px;
					padding-top:7px;
					padding-bottom:4px;
					background-color: rgba(50, 33, 29, 0.5);
					border-bottom:dashed 2px #fff;
				}
				h2{
					font-size:40px;
					text-transform:uppercase;
				}
				
				h2.sub{
					font-size:15px;
					text-transform:uppercase;
					margin-bottom:10px;
				}
				h3{
					font-size:15px;
				}
			
			/*  Headings End */
			
			/*  Paragraph Start */
				p{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:13px;
					color:#333D4C;
					line-height:18px;
				}
			
			/*  Paragraph End */
            @font-face {
                font-family: "Avenir-Roman";
                src: url("../fonts/Avenir-Roman.eot"); /* IE9*/
                src: url("../fonts/Avenir-Roman.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                url("../fonts/Avenir-Roman.woff2") format("woff2"), /* chrome、firefox */
                url("../fonts/Avenir-Roman.woff") format("woff"), /* chrome、firefox */
                url("../fonts/Avenir-Roman.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url("../fonts/Avenir-Roman.svg#Avenir-Roman") format("svg"); /* iOS 4.1- */
            }
			
	/* -----  Texts Fonts Headings End ----- */

	/* -----  Header Start ----- */
	
			/* Navigation Start */
			
			/* nav is the wrapper - mainNavigation(ul) is the inner wrapper */
				nav {
					width:100%;
					height:42px;
					position:absolute;
					top:0;
					left:0;
					z-index:5;
					background-color:#91BDB1;
					border-bottom:3px solid #ffffff;
					line-height:42px;
				}
				#mainNavigation {
					margin:0 auto;
					width:960px;
					height:70px;
				}
				#mainNavigation li {
					 float:left;
					 display:inline-block;
					 width:125px;
					 text-align:center;
				}
				#mainNavigation li a {
					font-size:12px;
					color:#333D4C;
				   font-family: Verdana, "Verdana Ref" "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Corbel, sans-serif;
				   text-decoration:none;
				   text-transform:uppercase;    
				   display:block;
				   height:62px;
				   margin-top:4px;
				   cursor:pointer;
				}
				#mainNavigation li a:hover {
					border-top:2px #ffffff dashed;
					margin-top:2px;
				}
				
				ul#menu li, ul#mainNavigation ul.sub-menu li {
					list-style-type: none;
					display: inline-block;
				}
				
				ul#menu li a, ul#mainNavigation li ul.sub-menu li a {
					text-decoration: none;
					color: #333D4C;
					background: #91BDB1;
					padding: 5px;
					width: 170px;
					height: 40px;
					display:inline-block;
				}
				
				ul#mainNavigation li {
					position: relative;
				}
			
				ul#mainNavigation li ul.sub-menu {
					display:none;
					position: absolute;
					top: 60px;
					left: -28px;
					background: #91BDB1;
					border-radius: 10px;
					width: 182px;
					height: 115px;
					border: 2px #fff solid;
				}
				ul#mainNavigation li:hover ul.sub-menu {
					display:block;
				}

				/* Active Navigation */
				
					#welcome-to-labelle-page #home-nav-item{
					color:#ffffff;
					background: url("../images/global/Navigation-bottom.png") no-repeat center 35px;
					}
					
					#our-location-page #location-nav-item{
					color:#ffffff;
					background: url("../images/global/Navigation-bottom.png") no-repeat center 35px;
					}
					
					#our-menu-page #menu-nav-item{
					color:#ffffff;
					background: url("../images/global/Navigation-bottom.png") no-repeat center 35px;
					}
					
					#our-gallery-page #gallery-nav-item{
					col#galleryPageor:#ffffff;
					background: url("../images/global/Navigation-bottom.png") no-repeat center 35px;
					}
					
					#reservation-page #reservation-nav-item{
					color:#ffffff;
					background: url("../images/global/Navigation-bottom.png") no-repeat center 35px;
					}
					
					#contact-page #contact-nav-item{
					color:#ffffff;
					background: url("../images/global/Navigation-bottom.png") no-repeat center 35px;
					}

				/* End Active Navigation */
				#pull{
				display:none;
				}
				
			
			/* Navigation End */	
			
			/* Logo */
	
					#logo-container{
						height: 191px;
						width: 210px!important;
					}
					
					
					.animated {
					 -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    					animation-delay: 1s;
					  -webkit-animation-duration: 1s;
					  animation-duration: 1s;
					  -webkit-animation-fill-mode: both;
					  animation-fill-mode: both;
					}
					
					.animated-2 {
					 -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    					animation-delay: 2s;
					  -webkit-animation-duration: 1s;
					  animation-duration: 1s;
					  -webkit-animation-fill-mode: both;
					  animation-fill-mode: both;
					
					}

					
					
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);

  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);


  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

					#logo {
						max-width:210px;
						width: 100%;
						height:180px;
						display:block;
						margin:0 auto;
						position:absolute;
						top:0px;
					}

					#logo-small {
						display:none;
					}
					
					#logo-container a:hover {
						border:none!important;
					}

						#our-gallery-page  #logo, #our-cc-page #logo {
						    -webkit-animation-name: bounceOutUp;
  							animation-name: bounceOutUp;
							
							
						}
						#our-gallery-page #logo-small, #our-cc-page #logo-small {
						max-width:210px;
						width: 210px;
						height:35px;
						display:block;
						margin:0 auto;
						position:absolute;
						top:3px;
						  -webkit-animation-name: fadeIn;
  						animation-name: fadeIn;

					}
					
					
	
			/* End Logo */
			
	/* -----  Header End ----- */
	
	/* ----- Footer Start ----- */
	
		footer {
				height:102px;
				background-color: rgba(50, 33, 29, 0.8);
				width:100%;
				position:absolute;
				bottom:0;
				left:0;
				text-align:center;
				line-height:96px;
				z-index:8;
				}
	
			/* Footer Content */
		
	
			.footer-content{
				color: #fff;
				position: relative;
				padding-top:3px;
				text-align: left;
				width:85%;
				margin:0 auto;
				height:59px;
			}
			
				.footer-content .facebook-icon{
					float:left;
					margin-right:15px;
					margin-top:12px;
				}
                .footer-content .tripadvisor-icon{
                    float: left;
					/*float:right;
					margin-right:25px;
					margin-top:12px;*/
				}
                /* FLYOUT MENU START */
                .flyout-btn {
                    position: relative;
                    z-index: 2;
                    height: 32px;
                    width: 32px;
                    display: block;                  
                }
                .flyout-wrap {
                    float: right;
                    margin-top: 12px;
                    position: relative;
                    margin-right: 15px;
                }
                .flyout {
                    background: none repeat scroll 0 0 #91bdb1;
                    border: 2px solid #fff;
                    border-radius: 10px;
                    bottom: -120%;
                    display: block;
                    left: -80px;
                    margin-bottom: 15px;
                    opacity: 0;
                    position: absolute;
                    width: 182px;
                    z-index: 1;
                }
                .flyout li {
                    height:40px;
                    line-height: 40px;
                    text-align: center;
                }
                .flyout li a {
                    color: #333d4c;
                    display: inline-block;
                    font-size: 13px;
                    margin-top: 4px;
                    text-decoration: none;
                    text-transform: uppercase;
                    width: 100%;
                }
                .flyout li a:hover {
					border-top:2px #ffffff dashed;
					margin-top:2px;
				}
            
                /* FLYOUT MENU END */
				
				.footer-content p {
					color:#fff;
					line-height:18px;
					margin-top: 20px;
					float:left;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
				}
				
				.footer-content p a {
					color:#fff;
					text-decoration:none;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
				}
				
				.kove-logo{
					float:right;
				}
#contactFooter {
    float: left;
    width: 100%;
    max-width: 365px;
    margin-top: 12px;
}
#contactFooter div {
    position: relative;
    float: left;
}
#contactFooter div a.flyout-btn {
    width: auto;
    font-family: Arial;
    font-size: 12px;
    line-height: 32px;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
}
#contactFooter div a.flyout-btn:hover {
    color: #91BDB1;
}
#contactFooter div ul.flyout {
    width: 230px;
}
#contactFooter div ul.flyout li {
    color: #353F4E;
    font-size: 13px;
    font-family: Arial;
    text-align: center;
    line-height: 17px;
    padding: 5px;
}
#contactFooter div ul.flyout li a {
    font-weight: bold;
    text-transform: none;
    width: auto;
}
.careers_footer {
    display: none;
}
.careers_footer a {
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    font-family: Arial;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
}
#contact-page .careers_footer {
    display: block;
}
#contact-page .details_footer {
    display: none;
}
			/* Footer Content End */
			
			/* Footer Style Start (bottom borders */
				.footer-bar{
				height:40px;
				position:fixed;
				bottom:0;
				width:100%;
				border-top:dashed 2px #fff;
				}
				
					.footer-bar2{
					height:36px;
					position:fixed;
					bottom:0;
					width:100%;
					background:#ffffff;
					}
					
					
						.footer-final-bar{
						height:32px;
						position:fixed;
						bottom:0;
						width:100%;
						background:#333D4C;
						z-index:9;
						}

			/* Footer Style End */
			
	/* ----- Form Start  -----*/
	div#booking-widget-container {
		margin-top:10px;
	}
	#reservationForm, div#booking-widget-container {
		/*display:none;*/
	}
	.reserve_btn {
		display: block;
		height: 101px;
		max-width: 345px;
		text-align: center;
		text-decoration: none;
		width: 100%;
		margin:10px auto;
		background:#91bdb1;
		cursor:pointer;
		position:relative;
	}
	.reserve_btn h2 {
		font-size: 35px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
		#reserveContainer {
			display: block;
			max-width: 495px;
			max-height:650px;
			position: relative;
			width: 100%;
			height:100%;
		 	margin:0 auto;
			z-index:9;
		}
		.reserveCont {
			bottom:166px;
			-webkit-transition: bottom 0.5s ease;
			-moz-transition: bottom 0.5s ease;
			-o-transition: bottom 0.5s ease;
			transition: bottom 0.5s ease;
		}
		.reserveAnimate {
			bottom:735px;
		}
		#reserveBG {
			max-height: 568px;
			left: 0;
			max-width: 495px;
			position: absolute;
			top: 0;
			/*width: 100%;
			height:100%;*/
		}
		#reserveBG img {
			width:100%;
			height:100%;
		}
		#reserveContent {
			display: block;
			max-height: 568px;
			left: 0;
			max-width: 495px;
			position: absolute;
			top: 0;
			width: 100%;
			/*height:100%;*/
			padding-top:66px;
			text-align:center;
		}
		#reserveContent h2.reserveBtn, #message h2 {
			font-size:25px;
			text-shadow: 0px -2px 5px rgba(0, 0, 0, 0.6);
			color:#ffffff;
			text-decoration:none;
			cursor:pointer;
			margin:0 auto;
			max-width:349px;
			text-transform: uppercase;
			padding-bottom:5px;
			border-bottom:2px dashed #fff;
		}
		
		.reservation-text{
		font-size:35px;
		color:#B8DDCD;
		text-transform: uppercase;
		}
		
		.reservation-text-desc{
		font-size:11px;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		margin-top:10px;margin-bottom:10px;
		}
		
		#fullname, #email, #comments{
		width: 313px;
		padding: 15px;
		background-color: #91BDB1;
		border: none;
		color:#333D4C;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		
		#fullname, #email{
		margin-bottom:10px;
		}
		#dateHolder{
		width:178px;
		float:left;
		margin-right:11px;
		display:block;
		}
		
		.time-wrapper{
		width:71px;
		float:left;
		}
		
		.pax-wrapper{
		width:72px;
		float:left;
		margin-right:11px;
		}
		
		.branch-wrapper{
		width:313px;
		float:none;
		clear:both;
		margin-right:11px;
		height: 62px;
		}
		
		.placeholder-text{
		color:#fff!important;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		position:relative;
		top:2px;
		left:5px;
		font-size:10px;
		z-index:1;
		}
		
		#pax, #datepicker, #time, #branch{
		padding: 15px;
		padding-left: 5px;
		background-color: #91BDB1;
		border: none;
		color:#333D4C;
		font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		position:relative;
		top:-15px;
		}
		
		.placeholder-text-branch{
		top:-1px;
		color:#fff!important;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		position:relative;
		left:5px;
		font-size:10px;
		z-index:1;
		}
		
		#branch{
		width:343px;
		height: 54px;
		top: -20px;
		}
		
		#pax{
		width:72px;
		height:46px;
		}
		
		#time{
		width:71px;
		height:46px;
		}
		
		#comments{
		height:60px;
		border-bottom: dashed 3px #fff;
		}
		
		#reservationForm span.confirm, #message p {
			font-size:1.9rem;
			text-align:center;
		}
		
		.formClose {
			float:right;
			visibility:hidden;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:30px;
		}
		
		#submit, #submitcontact {
			border:none;
			background-color:#91BDB1;	
			display: block !important;
			font-size: 40px;
			height: 59px;
			width: 345px;
			font-family: "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
			color:#ffffff;
			text-decoration:none;
			padding-top:15px;
			width:100%;
			cursor:pointer;
			}
			
			.submit-text{
			background: url("../images/global/Contact-la-Belle-Submit-Button.png") no-repeat center center;
			height:76px;
			display:block;
			text-align:center;
			color:#333D4C;
			padding-top:3px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
			input {
			-webkit-appearance: none;
			background-color: #91BDB1!important;
			border-radius:0px;
			border:none;
			}

			input, textarea, select {
			   -webkit-appearance: none;
			 }
		
		li#logoLi {
			height:191px;
			width:100%;
			max-width:192px;
		}
		
		li#logoLi a {
			margin:0;
		}
		
		li#logoLi a:hover {
			border-bottom:none;
		}
		
		#reservationForm, #message {
			color:#FFFFFF;
			width:100%;
			max-width:343px;
			text-align:left;
			margin:0 auto;
	
		}
		
		#datepicker {
			display:block;
			color:#333D4C;
			width:158px;
			height:16px;
			border: none;
		}
		
		::-webkit-input-placeholder {
		   color: #333D4C !important;
		}
		:-moz-placeholder {
		   color: #333D4C !important;  
		}
		::-moz-placeholder {
		   color: #333D4C !important;  
		}
		:-ms-input-placeholder {  
		   color: #333D4C !important;  
		}
		/* Form End */

/* Footer End */


/* ----- PAGES -----*/

#mainhomeContent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width:100%;
    display:block;
	/*position:fixed;
	top:124px;*/
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	left:0;
    max-width:27%;
    /*max-height:595px;*/
    /*height: 55%;*/
    padding: 50px 85px 50px 0;
}

#mainhomeContent p{
	font-size:14px;
	line-height:16.5px;
}

#mainhomeContent #closehomeBtn {
    cursor: pointer;
    position: absolute;
    right: 55px;
    top: 20px;
    width: 100%;
    max-width: 45px;
    height: 45px;
    z-index: 10;
    text-align: center;
    background-color: #91BDB1;
    border: 3px solid #ffffff;
    line-height: 48px;
    border-radius: 24px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#homeContent {
display: none;

}
#homedescription h1{
font-size: 19px;
text-transform: uppercase;
padding-left: 5px;
padding-top: 7px;

text-align: center;
padding-bottom: 4px;
background:none;
border-bottom: dashed 2px #fff;
padding-bottom: 10px;
margin-bottom: 25px;

}
#mainhomeContent .content {
    height: 100%;
}
.home-content{
    width: 90%;
    position: relative;
    padding: 5%;
    bottom:0;
    left:0;
    background-color: rgba(51, 61, 76, 0.8);
    border-bottom: dashed 2px #fff;
    height: 100%;
}

.home-content p{
color:#fff;

}
.factSheet {
    color: #333d4c;
    text-decoration: none;
}

/* Cocktails & Cupcakes Start */
#popup {
    background: rgba(51, 61, 76, 0.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    display: block;
}
#popup div {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 100%;
    max-width: 501px;
}
#popup div a, #popup div a img {
    width: 100%;
}
#popup a.close {
    height: 56px;
    width: 56px;
    display: block;
    left: 75%;
	/*left:80%;*/
    position: absolute;
    top: 8%;
    cursor: pointer;
    z-index: 3;
}
#menuContent.cocktails-cupcakes {
    left: 45%;
    max-width: 525px;
    top: 50%;            
}
#cocktails-cupcakes #firstMenu {
    max-width: 525px;
}
#cocktails-cupcakes #firstMenu p {
    font-size: 13px;
    color: #4C4C52;
    font-family: "Avenir-Roman";
    margin: 35px 0;
    text-align: center;
}
#cc.menuBtns {
    background: url(../images/cocktails-cupcakes/download-menu.png) no-repeat center center;
    width: 100%;
    max-width: 525px;
    height: 97px;
}
#cc.menuBtns h2 {
    margin: 22px 0 0;
    font-size: 25px;
}
#cocktails-cupcakes h3 {
    color: #4C4C52;
    font-family: "Avenir-Roman";
    font-size: 22px;
    text-align: center;
    margin-left: 105px;
}
/* Cocktails & Cupcakes End */

/* Packages Start */
#bannerContainer {
	width:100%;
	max-width:840px;
	margin:0 auto;
	position:relative;
	height:357px;
}
#packagesBanner.summer_specials {
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	/*-webkit-transform: scale( 0 );
    -moz-transform: scale( 0 );
    -o-transform: scale( 0 );
    -ms-transform: scale( 0 );
    transform: scale( 0 );*/
	width:100%;
	height:100%;
	max-width:357px;
	max-height:357px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:9999;
	background:rgba(255, 255, 255, 0.7);
	border:6px solid #91BDB1;
	border-radius:50%;
	text-align:center;
	margin-left:0;
}
#packagesBanner h2 {
    color: #333D4C;
    font-size: 60px;
    font-weight: normal;
    margin-top: 45px;
	margin-bottom:0;
	font-family: verdana, arial, helvetica, sans-serif;
}
#packagesBanner h3 {
    color: #333D4C;
    font-size: 60px;
    font-weight: normal;
	margin:0 auto 20px;
	padding:0 0 10px 0;
	max-width:284px;
	border-bottom:3px solid #91BDB1;
	font-family: verdana, arial, helvetica, sans-serif;
}
#packagesBanner.summer_specials img#image_title {
	width:100%;
	max-width:204px;
	margin:58px auto 7px;
}
#packagesBanner.summer_specials .popupMenu {
	bottom:0;
	max-width:240px;
	width:100%;
	height:42px;
	line-height:42px;
	font-size:21px;
	left:0;
	margin:10px auto;
}
#packagesBanner.summer_specials .popupMenu.popupBook {
	max-width:180px;
}
#packagesBanner.summer_specials #packageClose {
	right: 50%;
    top: -20px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
#packagesBanner.summer_specials.fade-to {
    top: -50%;
}
#packagesBanner img {
	width:100%;
}
#packageClose {
	line-height:37px;
	width:100%;
	max-width:37px;
	height:100%;
	max-height:41px;
	position:absolute;
	right:0;
	top:85px;
	cursor:pointer;
	background-image:url(about:blank);
	filter: alpha(opacity=.1);
}
@-webkit-keyframes popIn { from { width:0; max-width:0; height:0; max-height:0; } to { width:100%; max-width:358px; height:100%; max-width:357px; } }
@-moz-keyframes popIn { from { width:0; max-width:0; height:0; max-height:0; } to { width:100%; max-width:358px; height:100%; max-width:357px; } }
@keyframes popIn { from { width:0; max-width:0; height:0; max-height:0; } to { width:100%; max-width:358px; height:100%; max-width:357px; } }
.pop-in {
	/*-webkit-transform: scale( 1 ) !important;
    -moz-transform: scale( 1 ) !important;
    -o-transform: scale( 1 ) !important;
    -ms-transform: scale( 1 ) !important;
    transform: scale( 1 ) !important;*/
}
#packagesBanner.fade-to {
	/*top:-13%;
	left:80%;*/
	top:10%;
	left:50%;
}
.popupMenu, .popupPackages, .popupChrist, .popupNew, .popupValentines, .popupThree {
	display: block;
    height: 33px;
    left: 72px;
    position: relative;
    margin: 10px 0;
    width: 216px;
	background-image:url(about:blank);
	filter: alpha(opacity=.1);
    font-family: Arial;
    font-size: 12px;
    line-height: 33px;
    text-align: center;
    background-color: #91BDB1;
    color: #FFFFFF;
	text-decoration:none;
}
.popupMenu {
	bottom: 185px;
}
li a#winterSpecials, a#winterSpecials:hover {
	font-weight:bold;
	color: #F8D926;
    cursor: pointer;
}
/* Packages End */






/* Menu Start */
		#menuContent {
			display: block;
			/*height: 100%;*/
			position: absolute;
			top: 150px;
			width: 100%;
		}
		#menus {
			display: block;
			height: 100%;
			margin: 0 auto;
			max-height: 494px;
			max-width: 1092px;
			width: 100%;
		}
		#menuContent section {
			width:100%;
			display:block;
			max-width:344px;
			float:left;
			position:relative;
			margin-right:30px
		}
		#menuContent section:last-of-type {
			margin-right:0;
		}
		.menuImgs {
			border:8px solid #91BDB1;
			width:328px;
			height:231px;
			display:block;
		}
		.menuBtns {
			background: url(../images/menu/btn.png) no-repeat center center;
			display: block;
			float: left;
			height: 101px;
			max-width: 345px;
			position: absolute;
			text-align: center;
			text-decoration: none;
			width: 100%;
		}
		.menuBtns h2 {
			font-size:28px;
		}
		.first {
			margin-bottom: 36px;
			font-size:13px;
			color:#333D4C;
		}
		.btnMain {
			color: #FFFFFF;
			margin-bottom:4px;
		
		}
		.btnMain:hover {
			color:#333D4C;
		}
		#menuPage footer {
			position:fixed;
		}
/* Menu End */

/* Location Start */
#locations-map {
	display: block;
	position: absolute;
	top: 45px;
	width: 100%;
	height: calc(100% - 145px);
}

#overlay{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	display: block;
	top: 0;
}

#mainContent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width:100%;
    /*height:100%;*/
    display:block;
	position:fixed;
	top:180px;
	left:25%;
    max-width:50%; 
    max-height:320px;
}
#theLocation #mainContent, #contactUs #mainContent {
    max-height:245px;
}


.location-content-constantia{

width: 60%;
position: fixed;
left: 20%;
bottom: 175px;
}

.location-content-campsbay{

width: 60%;
position: fixed;
left: 20%;
bottom: 175px;

}
.location-content-mouille-point {
    width: 60%;
    position: fixed;
    left: 20%;
    bottom: 175px;
}

.location-content-constantia .locationtwothird{

background-color:#DDD8D2;
border-bottom: 2px #DDD8D2 solid;

}

.location-content-campsbay .locationtwothird{

background-color:#A3C6FE;
border-bottom: 2px #B8DBFF solid;

}
.location-content-mouille-point .locationtwothird {
    background-color:#DDD8D2;
    border-bottom: 2px #DDD8D2 solid;
}

.locationthird{
width:20%;
float:left;
background: #91bdb1; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #91bdb1 0%, #538a7b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#91bdb1), color-stop(100%,#538a7b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #91bdb1 0%,#538a7b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #91bdb1 0%,#538a7b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #91bdb1 0%,#538a7b 100%); /* IE10+ */
background: linear-gradient(135deg,  #91bdb1 0%,#538a7b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91bdb1', endColorstr='#538a7b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:75px;
padding: 5%;
display:block;
border-bottom: 2px #fff dashed;
}

.locationtwothird{

width:60%;
float:left;
height:75px;
padding: 5%;


}

.download-directions{
margin-top: 11.5%;


text-align: center;

}
.download-directions a{
text-decoration:none;
font-family: "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
					color:#ffffff;
					text-decoration:none;
					font-size:17px;
					
					text-transform:uppercase;
					
					


}


#mainContent #closeBtn {
    cursor: pointer;
    position: absolute;
    right: 0;
	z-index:10;
    
    width: 100%;
    max-width: 130px;
    height: 92px;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
	opacity:0;
    filter: alpha(opacity=0);

    -webkit-animation:fadeIn ease-out 1;
    -moz-animation:fadeIn ease-out 1;
    animation:fadeIn ease-out 1;

    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;

    -webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
.md-content button {
    cursor:pointer;
    font-family: 'ostrich_sansmedium';
    color:#F8D926;
}
.links {
    color:#F8D926;
    cursor:pointer;
}
#bookFunctions {
    font-family: 'ostrich_sansmedium';
    width:100%;
    height:100%;
    display:block;
    background:#333333;
    color:#FFFFFF;
}

@-webkit-keyframes slideOut { from { right:45px; opacity:0; display:none; } to { right:550px; opacity:1; display:block; } }
@-moz-keyframes slideOut { from { right:45px; opacity:0; display:none; } to { right:550px; opacity:1; display:block; } }
@keyframes slideOut { from { right:45px; opacity:0; display:none; } to { right:550px; opacity:1; display:block; } }
.slide-out {
	opacity:0;
    filter: alpha(opacity=0);
    display:block !important;

    -webkit-animation:slideOut ease-out 1;
    -moz-animation:slideOut ease-out 1;
    animation:slideOut ease-out 1;

    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
}

.outter-map-iframe{
width:100%
border:none;
height:350px;
overflow:hidden;
margin:0;




}


/* Content Boxes End */

/* Gallery Start */

#galleryPage #footerCornerImg {
    display:none;
}
#galleryContent {
    display: block;
    height: 85.5%;
    position: absolute;
    top: 40px;
    width: 100%;
    overflow:hidden;
	background: #333d4c; /* Old browsers */
background: -moz-linear-gradient(top,  #333d4c 0%, #6d88a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333d4c), color-stop(100%,#6d88a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333d4c 0%,#6d88a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333d4c 0%,#6d88a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333d4c 0%,#6d88a3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333d4c 0%,#6d88a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333d4c', endColorstr='#6d88a3',GradientType=0 ); /* IE6-9 */

}
#galleryContent a {
    width:20%;
    max-width:266px;
    min-width:256px;
    display:block;
    float:left;
    height:auto;
	border: 2px #fff solid;

box-sizing: border-box;

}





#galleryContent a:hover {

	 background:url("../images/gallery/search.png") no-repeat center center;
	 background-color:#333;
	 border: 2px #fff solid;

box-sizing: border-box;


}


#galleryContent a img:hover {
opacity:0.18;



}


#galleryContent a img {
width: 100%;
display: block;


}

.overlay{
position:relative;

}

.overlay-image{
position:absolute;
top:0;
left:0;

}



#imagelightbox {
    position: fixed;
    z-index: 9999;
    cursor:pointer;
}
#imagelightbox-close {
    background-color: #666666;
    border-radius: 50%;
    height: 2.5em;
    position: fixed;
    right: 2.5em;
    text-align: left;
    text-indent: -9999px;
    top: 2.5em;
    transition: color 0.3s ease 0s;
    width: 2.5em;
    z-index: 10002;
}
#imagelightbox-close:hover {
    background-color: #111111;
}
#imagelightbox-close:before, #imagelightbox-close:after {
    background-color: #FFFFFF;
    bottom: 20%;
    content: "";
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 20%;
    width: 2px;
}
#imagelightbox-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#imagelightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#imagelightbox-overlay {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    display: block;
}
#imagelightbox-loading, #imagelightbox-loading div {
    border-radius: 50%;
}
#imagelightbox-loading {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
    height: 2.5em;
    left: 50%;
    margin: -1.25em 0 0 -1.25em;
    padding: 0.625em;
    position: fixed;
    top: 50%;
    width: 2.5em;
    z-index: 10003;
}
#imagelightbox-loading div {
    animation: 0.5s ease 0s normal none infinite imagelightbox-loading;
    background-color: #FFFFFF;
    height: 1.25em;
    width: 1.25em;
}
@-moz-keyframes imagelightbox-loading {
0% {
    opacity: 0.5;
    transform: scale(0.75);
}
50% {
    opacity: 1;
    transform: scale(1);
}
100% {
    opacity: 0.5;
    transform: scale(0.75);
}
}
@-moz-keyframes imagelightbox-loading {
0% {
    opacity: 0.5;
    transform: scale(0.75);
}
50% {
    opacity: 1;
    transform: scale(1);
}
100% {
    opacity: 0.5;
    transform: scale(0.75);
}
}
#imagelightbox-arrows {
    display:block;
    background-color:transparent;
    width:100%;
    height:100%;
}
#arrowLeft, #arrowRight {
    display:block;
    width:80px;
    height:90px;
    position:absolute;
    top:50%;
    z-index:9999;
}
#arrowLeft {
    left:10px;
    background:url("../images/gallery/arrowRight.png") no-repeat center center;
}
#arrowRight {
    right:10px;
    background:url("../images/gallery/arrowLeft.png") no-repeat center center;
}
#imagelightbox-nav {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    bottom: 3.75em;
    left: 50%;
    padding: 0.313em;
    position: fixed;
    transform: translateX(-50%);
    z-index: 10001;
}
#imagelightbox-nav a {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    height: 1em;
    margin: 0 0.6em;
    width: 1em;
}
#imagelightbox-nav a.active {
    background-color: #FFFFFF;
}
#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, #imagelightbox-arrows {
    animation: 0.25s linear 0s normal none 1 fade-in;
}
@-moz-keyframes fade-in {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes fade-in {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
#upArrow {

}
#downArrow {

}
/* Gallery End */







/* ----- Contact Us Start  -----*/

#contact-page #power-out-small {
    display: none !important;
}


#contactContent {
display: block;
height: 500px;
position: absolute;
top: 173px;
width: 100%;
overflow: hidden



}
#contactContent .inner {

width: 73%;
margin: 0 auto;

}

.contact-details{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top:25px;
	
	height: 81%;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 730px;
}

.contact-details .email{
font-size:40px;
text-transform:uppercase;
color:#fff;
line-height: 47px;

}

.contact-details .email-span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333D4C;
text-transform:uppercase;

}

.contact-details #constantia {
    /*margin: 0 60px;*/
	margin:0 0 0 5%;
}


.contact-details #camps-bay, .contact-details #constantia, .contact-details #mouille-point {
max-width: 344px;

display: inline-block;
text-align: center;

background: url(../images/menu/btn.png) no-repeat center bottom;
/*height: 379px;*/
    height: 405px;
	
	width:50%;
	float:left;
}

.contact-details #camps-bay .text-wrapper, .contact-details #constantia .text-wrapper, .contact-details #mouille-point .text-wrapper {
padding: 10px;
/*height: 262px;*/
    height: 285px;
box-sizing: border-box;
border:8px solid #91BDB1;
background-color: rgba(50, 33, 29, 0.8) ;
text-align:left;

}

.contact-details p strong{
text-transform:uppercase;
}

#contact-page h1 {
    width: 68%;
    margin: 0 auto;
}


.contact-details div h2{

font-size:30px;

margin-bottom:15px;
}

.contact-details div p, .contact-details div a{
color:#fff;
font-size:15px;
text-decoration:none;
line-height:19px;
margin-bottom:20px;


}

.contact-details div 
#contactForm{
color: #FFFFFF;
width: 100%;
max-width: 697px;
text-align: left;
margin: 0 auto;

}
.contact-wrapper{
width: 696px;
padding-top:25px;
margin:0 auto;

}

.contact-wrapper h2{
font-size:25px;


}

.contact-wrapper p{
font-size:15px;
color:#fff;
margin-bottom:25px;

}
	
	
		
		#contactForm #contactmessage{
						width: 665px;
		padding: 15px;
		background-color: #91BDB1;
		border: none;
		color:#333D4C;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		
		
		}
		
		#subject{
				width: 665px;
				margin:0;
		padding: 15px;
		background-color: #91BDB1;
		border: none;
		color:#333D4C;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		border-bottom:1px dashed #333D4C;
		
		}

#firstname, #contact{
margin-right:6px;
}





		#firstname, #surname, #contact{
		width: 313px;
		margin-bottom:10px;
		padding: 15px;
		background-color: #91BDB1;
		border: none;
		color:#333D4C;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		
		#fullname, #email{
		margin-bottom:10px;
		}
	
		

		 #submit, #submitcontact {
			border:none;
			background-color:#91BDB1;	
			display: block !important;
			font-size: 40px;
			height: 59px;
			width: 345px;
			font-family: "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
			color:#ffffff;
			text-decoration:none;
			padding-top:15px;
			margin: 0 auto;
			cursor:pointer;
			}
			
			.submit-text{
			background: url("../images/global/Contact-la-Belle-Submit-Button.png") no-repeat center center;
			height:76px;
			display:block;
			text-align:center;
			color:#333D4C;
			padding-top:3px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
		
		li#logoLi {
			height:191px;
			width:100%;
			max-width:192px;
		}
		
		li#logoLi a {
			margin:0;
		}
		
		li#logoLi a:hover {
			border-bottom:none;
		}
		

		/* Contact Us End */



























.footer-final-bar div{
display:none;


}

#power-out {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, 1);
    z-index: 999;
}
#power-out img {
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
#power-out-small {
    bottom: 80px;
    display: none;
    position: absolute;
    right: 20px;
    z-index: 9;
}
#our-location-page #power-out {
    display:none;
}
/* Media Queries Start */







   
/* Media Queries */


/* Media Queries Start */


@media only screen and (min-width : 1909px) {
    #galleryContent a {
        max-width: 271px;
    }
	.footer-final-bar div p a{
color:#fff;
text-decoration:none;
}

}






@media only screen and (min-width : 1260px) and (max-width : 1440px) {
    #galleryContent a {
        max-width: 286px;
    }
	.footer-final-bar div p a{
        color:#fff;
        text-decoration:none;
    }
	.footer-content {
		width: 100%; 
		padding-left: 10px;
		padding-right: 10px;
	}
	.kove-logo {
		margin-right: 20px;
	}
	.footer-final-bar div p a{
		color:#fff;
		text-decoration:none;
	}
	.contact-details {
		width: 590px;
	}
	#contactForm #firstname, #contactForm #surname, #contactForm #contact, #contactForm #email {
		width: 260px;
	}
	#contactForm #subject, #contactForm #contactmessage {
		width: 560px;
	}
	.contact-wrapper {
		padding-top: 15px;
	}
	#submit, #submitcontact {
		width: 343px;
	}
	.contact-wrapper {
		width: 590px;
	}
	.submit-text {
		height: 62px;
		padding-top: 0px;
	}
	#reserveContainer {
		max-width: 419px;
	}
	.reserveCont {
		bottom: 136px;
	}
	.reserveAnimate {
		bottom: 620px;
	}
	#reserveContent {
		padding-top: 38px;
	}
	.reservation-text {
		font-size: 30px;
	}
	#reserveContent h2.reserveBtn, #message h2 {
		font-size: 20px;
		padding-bottom: 5px;
	}
	#reservationForm #fullname, #reservationForm #email {
		margin-bottom: 5px;
	}
	#branch {
		top: -25px;	
	}
	.placeholder-text-branch {
		top: -5px;
	}
	.branch-wrapper {
		height: 55px;
	}
	#comments {
		height: 45px;
	}
	#contactContent {
		display: block;
		/*height: 378px;*/
        height: 450px;
		position: absolute;
		top: 177px;
		width: 100%;
		overflow: hidden;
	}
	#contactContent .inner {
		/*width: 61%;*/
        width: 100%;
		margin: 0 auto;
	}
	h1 {
		font-size: 54px;
		padding-top: 7px;
		padding-bottom: 4px;
	}
    #contact-page h1 {
        width: 67%;
        margin: 0 auto;
    }
	.contact-details {
		/*width: 752px;*/
        width: 730px;
		margin-top: 15px;
	}
	.contact-details div p, .contact-details div a {
		font-size: 15px;
		line-height: 17px;
		margin-bottom: 15px;
	}
	.contact-details #camps-bay, .contact-details #constantia, .contact-details #mouille-point {
		max-width: 344px;
		/*height: 317px;*/
        height: 350px;
	}
	.contact-details #camps-bay .text-wrapper, .contact-details #constantia .text-wrapper, .contact-details #mouille-point .text-wrapper {
	
		/*height: 220px;*/
        height: 245px;
	}
	.contact-details .email {
		font-size: 27px;
		line-height: 27px;
	}
	.contact-details .email-span {
		font-size: 12px;
	
	}
	.contact-details div h2 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	#mainhomeContent {
		max-width: 25%;
	}
}

@media only screen and (max-width: 1366px) and (max-height:768px) {
    .home-content p {
        font-size: 11px;
    }
	.contact-details {
	    height: 70%;
	}
    #cocktails-cupcakes #firstMenu p {
        margin: 15px 0;
    }
    #menuContent.cocktails-cupcakes {
        top: 48%;
    }
}
@media only screen and (max-width: 1366px) {
	#menus {
			max-width: 831px;
	}
	#menuContent section {
		max-width: 257px;
	}
	.menuImgs {
		height: 170px;
		width: 241px;
	}
	.menuBtns {
		max-width: 257px;
	}
	.menuBtns h2 {
		font-size: 24px;
	}
}
@media only screen and (max-width: 1280px) and (max-height:800px) {
	.contact-details {
		height: 81%;
	}
}
@media only screen and (max-width: 1280px) and (max-height:610px) {
	.contact-details {
		height: 60%;
	}
}
@media only screen and (max-width: 1280px) {
    #mainhomeContent {
        max-width: 35%;
        top: 48% !important;
    }
}
@media only screen and (max-width: 1200px) {
	.contact-details {
		height: 60%;
	}
}

@media only screen 
and (min-width : 1025px)
and (max-width : 1269px) {
#reserveContainer {
display: block;
max-width: 390px;
max-height: 453px;

}

.reserveCont {
			bottom:150px;
		}
		.reserveAnimate {
			bottom:615px;
		}


#comments {
height: 55px;
}

#submit, #submitcontact {

font-size: 33px;
height: 47px;
width: 343px;

padding-top: 3px;

}

#reserveContent {

padding-top: 50px;

}


#menus {

max-width: 725px;

}

#menuContent {

top: 180px;

}

h1 {
font-size: 40px;

}
#firstMenu{

background: url("../images/menu/lunch-menu.jpg") no-repeat center center;
height:150px;

}

#lastMenu{

background: url("../images/menu/dinner-menu.jpg") no-repeat center center;
height:150px;

}

#menuContent section {

max-width: 328px;

}


.menuBtns{
margin-top:150px;

}

.btnMain {
margin-bottom: 4px;
margin-top: 4px;
}

.menuImgs {
display:none;
}

h2 {
font-size: 30px;
}

.footer-final-bar div p a{
color:#fff;
text-decoration:none;
}


}




@media only screen and 
(min-width : 770px) 
and (max-width : 1024px){

.footer-final-bar{
height:60px;
padding-top:9px;


}


.footer-content{
display:none;
}


.footer-final-bar div{
display:block;
width:85%;
margin:0 auto;


}

img.facebook-icon, img.tripadvisor-icon {
float:left;
display:inline;
margin-right:25px;
}

.footer-final-bar div p{

float:left;
display:block;
color:#fff;
margin-top:9px;
}

#reserveContainer {
display: block;
max-width: 390px;
max-height: 453px;

}


.reserveCont {
			bottom:174px;
		}
		.reserveAnimate {
			bottom:615px;
		}


#reserveContent {

padding-top: 41px;
height:480px;

}

#reserveContent h2.reserveBtn, #message h2{
font-size:20px;

}

.reservation-text-desc {
font-size: 10px;
margin-top: 8px;
margin-bottom: 8px;
}

.reservation-text {
font-size: 25px;

}

#reserveBG {
			
			
			height:500px;
		}


#submit, #submitcontact {
font-size: 20px;
height: 40px;
padding-top: 5px;
width: 343px;

}

.submit-text {
background: url("../images/global/Contact-la-Belle-Submit-Button.png") no-repeat center center;
height: 45px;
display: block;

}

#comments {
height: 35px;
}


#menus {

max-width: 725px;


}

#menuContent {

top: 190px;

}

h1 {
font-size: 40px;

}
#firstMenu{

background: url("../images/menu/lunch-menu.jpg") no-repeat center center;
height:120px;

}

#lastMenu{

background: url("../images/menu/dinner-menu.jpg") no-repeat center center;
height:120px;

}

#menuContent section {

max-width: 328px;

}


.menuBtns{
margin-top:120px;

}

.btnMain {
margin-bottom: 4px;
margin-top: 4px;
}

.menuImgs {
display:none;
}

h2 {
font-size: 30px;
}

#contactContent {

height: 412px;

top: 176px;

}

#contactContent .inner {

width: 69.6%;
margin: 0 auto;
}


#contactForm #firstname, #contactForm #surname, #contactForm #contact, #contactForm #email {
width: 214px;
margin-bottom: 5px;
padding: 10px;

}
#contactForm #subject{
width:459px;
padding: 10px;
} 
.contact-details {
/*width: 711px;*/
}

#contactForm #contactmessage {
width: 459px;
padding: 10px;

}
.contact-wrapper {
width: 483px;
padding-left: 15px;
padding-right: 15px;
}

 .location-content-campsbay,  .location-content-constantia, .location-content-mouille-point {
width: 70%;
bottom: 232px;
left: 15%;
}

.locationtwothird, .locationthird {
height: 96px;
}
.footer-final-bar div p a{
color:#fff;
text-decoration:none;
}
#contactContent {
display: block;
height: 430px;
position: absolute;
top: 177px;
width: 100%;
overflow: hidden;
}

.contact-details div h2 {
font-size: 25px;
margin-bottom: 8px;
}

.contact-details #camps-bay, .contact-details #constantia, .contact-details #mouille-point {
max-width: 344px;
height: 302px;
}

.contact-details #camps-bay .text-wrapper, .contact-details #constantia .text-wrapper, .contact-details #mouille-point .text-wrapper {

height: 207px;
}
.contact-details #camps-bay {
/*margin-right: 19px;*/
}

.contact-details {

margin-top: 15px;
}

.contact-details div p, .contact-details div a {

font-size: 15px;

line-height: 17px;
margin-bottom: 10px;
}

.contact-details .email {
font-size: 27px;
text-transform: uppercase;
color: #fff;
line-height: 26px;
}

#mainhomeContent {

max-width: 32%;

}


}



@media only screen and (max-width : 769px) {
    #popup div {
        top: 44%;
        width: 90%;
    }
    #our-cc-page #full-width-slider {
        top: -60px;
    }
    #menuContent.cocktails-cupcakes {
        left: 50%;
        top: 37%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #cocktails-cupcakes h3 {
        margin-left: 0;
        font-size: 13px;
    }
    
	#logo {
		display:none;
	}
    #navLogo {
        display:block;
    }
	#mainNavigation {
		padding-left:0;
	}
	#header nav {  
        border-bottom: 0; 
		margin-top:0; 
		float:left;
		width:100%;
        height:30px;
        line-height:18px;
    }  
    #header nav ul {  
        display: none;  
        height: auto;  
    } 
	
		#header nav .location-wrapper, #header nav .gallery-wrapper{
	height:92px;	
		
	} 
	
	#header nav .location-wrapper a, #header nav .gallery-wrapper a{
	display:none;
	}
	
		
		#header nav .location-wrapper a, #header nav .gallery-wrapper a{
	border-bottom:1px solid #fff;
		
	} 
	#header nav li {
		width:100%;
   background: #91BDB1;
        border-bottom:1px solid #fff;
        text-align:center;
		height: 30px;
	}
	#header nav li a:hover{
	background:none;	
	}
	
	ul#mainNavigation li ul.sub-menu {

position: relative;
top: 0;
background: #91BDB1;
border-radius:0px;
width: 100%; 
height: 30px; 
border:none;
position: relative;
left: 0;
}

ul#mainNavigation li ul.sub-menu li {
		width:100%;
   background: #91BDB1;
        border-bottom:1px solid #fff;
        text-align:center;
		height: 30px;

}

#mainNavigation li a:hover {
border-top: none;
margin-top: 0;
}


ul#menu li a, ul#mainNavigation li ul.sub-menu li a {
text-decoration: none;
color: #333D4C;
background: #91BDB1;
padding: 0;
 width: 100%;
 height: 30px; 
display: inline-block;
	border-bottom:1px solid #fff;
	line-height:18px;
}


	
    #header nav a#pull { 
        font-size:20px;
   		line-height:35px;
		font-family:Georgia, "Times New Roman", Times, serif;
        display: block;  
       background: #91BDB1;
        width: 100%;  
		height:45px;
        position: relative; 
        text-align:center;
        color:#FFFFFF;
        text-decoration:none;
        border-bottom:3px solid #fff;
    }  
    #header nav a#pull:after {  
        content:"";  
        background: #91BDB1;
    
        height: 45px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
    #header nav a {
        padding: 0;
		margin: 0;
height: 30px;
line-height:18px;
    }
    li#logo-container{
        display: none;
    }
	

	
	/* Active Navigation */
				
					#welcome-to-labelle-page #home-nav-item{
					color:#ffffff;
					background: none;
					}
					
					#our-location-page #location-nav-item{
					color:#ffffff;
					background: none;
					}
					
					#our-menu-page #menu-nav-item{
					color:#ffffff;
					background: none;
					}
					
					#our-gallery-page #gallery-nav-item{
					col#galleryPageor:#ffffff;
					background: none;
					}
					
					#reservation-page #reservation-nav-item{
					color:#ffffff;
					background: none;
					}
					
					#contact-page #contact-nav-item{
					color:#ffffff;
					background: none;
					}

				/* End Active Navigation */
	
	



    #galleryContent {
        top: 63px;
    }
    #galleryContent a {
        width:33.3%;
        min-width:100px;
    }
 
 
 .location-content-campsbay,  .location-content-constantia, .location-content-mouille-point {
width: 70%;
bottom: 232px;
left: 15%;
}

.locationtwothird, .locationthird {
height: 116px;
}

.footer-final-bar div p a{
color:#fff;
text-decoration:none;
}

.kove-logo {
clear: both;
  float: none;
  width: 206px;
  height: auto;

  margin: 0 auto;

  margin-left: 52px;
}

#homeContent {
display: block;
position: absolute;
top: 61px;
margin: 0 auto;
width: 100%;
height: 175px;
}

#homeContent img{
margin: 0 auto;
width: 148px;
position: relative;
display: inherit;
}

#mainhomeContent {

max-width: 61%;

}



#mainContent {

left: 20%;
max-width: 60%;

}

#mainNavigation {
width: 100%;
}

#mainNavigation li {
width: 95px;
}



.footer-content{
display:none;
}
.footer-final-bar {
	height: 119px;
}
#kove-logo {
	display:none;
}
.footer-final-bar div{
display:block;

width:65%;
margin:0 auto;


}

img.facebook-icon, img.tripadvisor-icon {
float: left;
display: inline;
margin-right: 20px;
margin-top: 10px;

}

.kovelogo{
clear:both;
display:block;	
margin-top:5px;
	
}


.flyout-wrap{
height:35px;
}

.footer-final-bar div p {
	float:left;
	display:block;
	color:#fff;
	margin-top:9px;
	width: 78%;
}

#reserveContainer {
display: none;
/*max-width: 390px;*/
max-height: 453px;

}

#power-out-small {
  bottom: -34px;
  display: none !important;
  position: absolute;
  right: 0px;
  z-index: 29;
}


.reserveCont {
			bottom:220px;
		}
		.reserveAnimate {
			bottom:815px;
		}


#reserveContent {

padding-top: 41px;

}

#reserveContent h2.reserveBtn, #message h2{
font-size:20px;

}

h1 {
font-size: 50px;
}

.reservation-text-desc {
font-size: 10px;
margin-top: 8px;
margin-bottom: 8px;
}

.reservation-text {
font-size: 25px;

}

#reserveBG {
			
			
			height:500px;
		}


#submit, #submitcontact {

height: 59px;
width: 336px;

}

#contactForm #firstname, #contactForm #surname, #contactForm #contact, #contactForm #email {
width: 316px;
margin-bottom: 5px;
padding: 10px;

}
#contactForm #subject{
width:316px;
padding: 10px;
} 
#contactForm #contactmessage{
width:316px;
padding: 10px;
} 


#contactForm {

width: 336px;

}
.contact-details {
  width: 100%;
  height: 250px;
  overflow-y: scroll;
  border: none;
}

.contact-details div{
width: 100%;



}
.contact-wrapper {
width: 85%;
padding-top: 25px;
margin: 0 auto;
}


#contactContent .inner {
width: 90%;
margin: 0 auto;
}
.contact-details #camps-bay, .contact-details #constantia, .contact-details #mouille-point {
max-width: 310px;
height: 315px;
width:100%;
}
.contact-details #constantia {
	margin:0;
}
.contact-details #camps-bay {
margin-right: 20px;
}

.contact-details div p, .contact-details div a {

font-size: 15px;

line-height: 17px;
margin-bottom: 11px;
}

.contact-details div h2 {
font-size: 25px;
margin-bottom: 10px;
}

.contact-details .email {
font-size: 25px;
line-height: 25px;
}
#contactContent {

top: 140px;

}

header{
display: block;
z-index: 1;
position: relative;

}
.footer-final-bar div {
display: block;
width: 87%;
margin: 0 auto;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333D4C;
line-height: 18px;
}

.reserveAnimate {
bottom: 753px;
}


}

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

	header {
		display: block;
		z-index: 10;
		position: relative;
	}

#mainhomeContent {
display:none;
}

#mainhomeContent #closehomeBtn{
display:none;
}

#homedescription h1 {
font-size: 17px;
}


#mainhomeContent p{
font-size:10px;
}


.footer-final-bar div {
display: block;
width: 95%;
margin: 0 auto;
}
    .flyout-wrap {
        float: left;
        margin-top: 0 !important;
        position: relative;
        width: 20% !important;
        margin-right: 15px !important;
    }

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333D4C;
line-height: 18px;
}
#reservationForm, #message {

max-width: 300px;

}

.formClose {
float: right;
visibility: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 21px;
margin-right: 22px;
}


	#reserveContainer.reserveAnimate {
		bottom: 445px;
		z-index:11;
	}

.reservation-text-desc {
font-size: 10px;
margin-top: 3px;
margin-bottom: 3px;
text-align:center;
}

#fullname, #email {
margin-bottom: 5px;
}

#branch {
	width: 300px;
	height: 45px;
	top: -26px;
}
.placeholder-text-branch {
    top: -5px;
}

.branch-wrapper {

height: 42px;
}

#comments {
	height: 35px;
	border-bottom: dashed 1px #fff;
	margin-top: 0;
}

#fullname, #email, #comments {

padding: 5px;
width: 290px;

}

#submit, #submitcontact {
border: none;
background-color: #91BDB1;
display: block !important;
font-size: 30px;
height: 45px;
width: 300px;
font-family: "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
color: #ffffff;
text-decoration: none;
padding-top: 9px;
margin: 0 auto;
cursor: pointer;
}

.submit-text {
background: url("../images/global/Contact-la-Belle-Submit-Button.png") no-repeat center center;
height: 53px;
display: block;
text-align: center;
color: #333D4C;
padding-top: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 300px;
margin: 0 auto;
}

#dateHolder {
width: 150px;

margin-right: 11px;

}

.pax-wrapper {
width: 65px;

margin-right: 3px;
}

#datepicker {
height: 15px;
width: 169px;

}

#pax, #time {
width: 71px;
height: 35px;
}

#pax, #datepicker, #time, #branch {
padding: 10px;}
	#menus {
	    width: 95%;
	}
	#menuContent section {
	    max-width: 147px;
	}
	#firstMenu {
		margin-right: 10px;
	}
	#menuContent {
		top: 40px;
	}
	.menuImgs {
	    width: 88%;
	    height: auto;
	}
	.menuBtns {
	    background:#91BDB1;
	    height: 40px;
		max-width: 145px;
	}
	.menuBtns h2 {
		font-size: 12px;
	}
	.first {
	    font-size: 10px;
	}
}










/* Media Queries */