@import url('https://fonts.googleapis.com/css?family=Asap|Vollkorn');

html{
	min-height: 100%;
}
body{
	font-family: 'Vollkorn', serif;
	background: url('../image/bg-bottom.png') no-repeat right bottom, url('../image/bg-cloud.png') repeat top;
	/*background-image: linear-gradient(45deg, #FEEA8F , #F2CE4C);
	background-color: #FAFAFA;*/
	-webkit-font-smoothing: antialiased;
	color: #333333;
	padding-top: 100px;
	padding-bottom: 50px;
	min-height: 100%;
	font-size: 16px;
}

hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #8A1B1C;
}
a{
	color: inherit;
}
a:hover{
	text-decoration: none;
	color: inherit;
}
.footer-content-wrapper-mobile{
	display: none;
}
#detail-image-modal{
	background-color: rgba(0,0,0,0.7);
}
#detail-image-modal .modal-content{
	background-color: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
#detail-image-modal .modal-body{
	padding: 30px;
}
.close-modal{
	position: absolute;
    right: -20px;
    top: 0px;
    color: #FEEA8F;
    font-size: 40px;
}
.close-modal:hover{
	cursor: pointer;
}
.no-padding{
	padding-left: 0px;
	padding-right: 0px;
}
.no-padding-left{
	padding-left: 0px;
}
.no-padding-right{
	padding-right: 0px;
}
.no-margin{
	margin-left: 0px;
	margin-right: 0px;
}

.outer-wrapper{
	position: relative;
}
.navbar{
	background-image: linear-gradient(45deg, #FCFCFC , #FCFCFC);
	border: none;
	max-height: 80px;
	height: 80px;
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
}
#myNavbar ul li.active:after{
	content: "";
	position: absolute;
	bottom: 10px;
	width: 20px;
	border:1px solid #8A1B1C;
	left: 50%;
    -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.nav>li>a:focus, .nav>li>a:hover{
	background-color: transparent;
}
#myNavbar a{
	color: #8A1B1C;
}

.icon-bar{
	border: 2px solid #8A1B1C;
}
.bx-wrapper, .bx-viewport{
	background: none;
	border: 0px !important;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bx-wrapper{
	margin-bottom: 25px;
}
.footer-wrapper{
	font-family: 'Asap', serif;
	text-transform: uppercase;
	color: #8A1B1C;
}
.footer-wrapper img{
	padding-left: 20px;
}
.footer-content-wrapper{
	position: absolute;
	bottom: 20px;
	left: 50%;
    -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.page-content-wrapper{
	padding-top: 50px;
	padding-bottom: 100px;
}
.hover-lee{
	position: relative;
	display: inline-block;
}
.hover-lee:before{
	content:"";
	white-space: pre;
	position: absolute;
	z-index: 3;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition-duration: 1s;
    transition-duration: 0.5s;
}
.hover-lee:after{
	content:"+ \A See Details";
	white-space: pre;
	position: absolute;
	z-index: 4;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #FEEA8F;
	opacity: 0;
	-webkit-transition-duration: 1s;
    transition-duration: 0.5s;
}
.hover-lee:hover:before, .hover-lee:hover:after{
	opacity: 1;
}
.btn-load-more{
	padding: 10px 20px;
	color: #FEEA8F;
	background-color: #8A1B1C;
}
.btn-load-more:hover, .btn-load-more:focus{
	color: #FEEA8F;
	background-color: #8A1B1C;
}
/*Start Homepage*/
	#section-homepage-banner{
		//background-image: linear-gradient(110deg, #FEEA8F , #F2CE4C);
		background-image: linear-gradient(107deg, #FEEA8F , #F2CE4C);
		background-color: #FAFAFA;
	}
	.title-slider{
		display: none;
	}
	.top-layer-slider{
		position: absolute;
		z-index: 3;
		bottom: 0%;
	}

	.text-layer-slider{
		position: absolute;
	    z-index: 5;
	    right: 50%;
	    bottom: 0%;
	    margin-bottom: 26%;
	    margin-right: -40%;
	    font-size: 40px;
	    color: #8A1B1C;
	}

	.homepage-slider-wrapper{
		position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0%;
	}
	.homepage-slider-wrapper .bx-wrapper, .homepage-slider-wrapper .bx-viewport, .homepage-slider-wrapper .bxsliderLee{
		height: 100% !important;
		width: 100% !important;
		background: none;
	}

	.bx-wrapper{
		border: 0px;
	}

	#bx-pagerLee{
		position: absolute;
	    z-index: 10;
	    bottom: 3%;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#bx-pagerLee > a{
		position: relative;
	}

	.page-indicator{
		height: 10px;
		width: 10px;
		padding: 2px;
		border-radius: 50px;
		display: inline-block;
		background-color: #C4C4C4;
		margin-left: 3px;
		margin-right: 3px;
	}

	.page-indicator:after{
		content: '';
	    display: inline-block;
	    height: 16px;
	    width: 16px;
	    border-radius: 50px;
	    position: absolute;
	    left: 0px;
	    top: 2px;
	}

	#bx-pagerLee .active .page-indicator:after{
		border: 1px solid #FEEA8F;
	}

	#bx-pagerLee .active .page-indicator{
		background-color: #FEEA8F;
	}

	.homepage-slider-wrapper .bxsliderLee > div{
		height: 100%;
	}

	.bottom-layer-slider{
		position: absolute;
		z-index: 1;
		overflow: hidden;
		border-radius: 500px;
	}

	.title-slider{
		position: absolute;
		z-index: 4;
		right: 50%;
		margin-right: 10%;
	}

	.big-slider{
		z-index: 1;
	    bottom: 0%;
	    left: 10%;
	    width: 40%;
	    margin-bottom: 3%;
	}
	.big-slider img{
		width: 100%;
	}
	.small-slider{
		z-index: 2;
	    bottom: 0%;
	    left: 46%;
	    width: 16%;
	    margin-bottom: 9%;
	}
	.small-slider img{
		width: 100%;
	}
	.section{

	}

	#section-homepage-about-us{
		background-color: white;
	}

	#section-homepage-about-us > div{
		background: url('../image/bg-cloud.png') repeat top;
	}
	.homepage-about-us-wrapper{
		color: #8A1B1C;
	}
	/*.homepage-about-us-wrapper:after{
		content: '';
		display: inline-block;
		width: 25px;
		border-bottom: 1px solid #8A1B1C;
		left: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}*/
	.homepage-about-us-title{
		font-family: 'Asap', serif;
		font-size: 28px;
		margin-bottom: 10px;
	}
	.homepage-about-us-content-wrapper{
		max-width: 470px;
		left: 50%;
		position: relative;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 35px;
	}
	#section-homepage-dishes{
		background-color: #8A1B1C;
	}
	#section-homepage-dishes > div{
		//background: url('../image/bg-cloud.png') repeat top;
	}
	.homepage-dishes-image-wrapper{
		/*position: absolute;
	    top: 50%;
	    left: 0%;
	    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
		position: absolute;
	}
	.homepage-dishes-info-wrapper{
		/*position: absolute;
	    top: 50%;
	    left: 58%;
	    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
	}
	.homepage-dishes-image-info{
		display: none;
		visibility: none;
	}
	.homepage-dishes-info{
		max-width: 400px;
		background-color: #013299;
		padding-top: 60px;
		padding-bottom: 40px;
		background: url('../image/bg-cloud-mini.png') no-repeat top, #013299;
	}
	.homepage-dishes-info-tagline{
		color: #FEEA8F;
		font-family: 'Asap', serif;
	}
	.homepage-dishes-info-title{
		color: #FEEA8F;
		font-size: 28px;
		height: 200px;
	}
	.homepage-dishes-info-show{
		display: inline-block;
		width: 200px;
		background-color: #FEEA8F;
		color: #8A1B1C;
		padding: 10px 0px;
		margin-top: 20px;
	}
	.homepage-dishes-info-reservation{
		display: inline-block;
		width: 200px;
		border: 1px solid #FEEA8F;
		color: #FEEA8F;
		padding: 10px 0px;
		margin-top: 20px;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
	}
	.bxslider-homepage-dishes{
		//padding-top: 50px;
	}
	#bxslider-homepage-dishes-pager{
		top: 50%;
	    width: 100%;
	    position: absolute;	
	    z-index: 3;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	#bxslider-homepage-dishes-pager-prev{
		float: left;
	}
	#bxslider-homepage-dishes-pager-prev{
		float: right;
	}
	#section-homepage-promo-events{
		background-color: white;
	}
	.homepage-dishes-info-wrapper-mobile{
		display: none;
	}
	#section-homepage-promo-events > div{
		background: url('../image/bg-bottom.png') no-repeat right bottom, url('../image/bg-cloud.png') repeat top;
	}
	#section-homepage-promo-events > div > div{
		//background: url('../image/bg-bottom.png') repeat center;
	}
	.homepage-promo-events-wrapper{
		padding-top: 10px;
		max-width: 1000px;
	    left: 50%;
	    position: relative;
	    -webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.homepage-promo-events-wrapper > div{
		margin-bottom: 20px;
	}
	.homepage-promo-events-see-all{
		display: inline-block;
		width: 200px;
		background-color: #8A1B1C;
		color: #FEEA8F;
		padding: 10px 0px;
		margin-top: 50px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.homepage-footer{
		position: absolute;
		bottom: 0%;
		margin-bottom: 20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
/*End Homepage*/

/*Start About Us*/
	.about-us-wrapper{
		color: #8A1B1C;
	}
	.about-us-title{
		font-family: 'Asap', serif;
		font-size: 28px;
		margin-bottom: 10px;
	}
	.about-us-content-wrapper{
		padding-top: 15px;
	}
/*End About Us*/ 

/*Start Function*/
	.function-image-container{
		margin-top: 50px;
	}
	.function-image-wrapper{
		position: relative;
		margin-bottom: 50px;
	}
	.animation-hover{
		background-color: #8A1B1C;
		color: #FEEA8F;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
	}
	.animation-hover:hover{
		background-color: #FEEA8F;
	    color: #8A1B1C;
	    cursor: pointer;
	}
	.animation-reverse-hover{
		background-color: #FEEA8F;
	    color: #8A1B1C;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
	}
	.animation-reverse-hover:hover{
		background-color: #8A1B1C;
		color: #FEEA8F;
	}
	.homepage-dishes-info-reservation:hover{
		background-color: #8A1B1C;
		color: #FEEA8F;
		cursor: pointer;
	} 
	.title-image{
	    position: absolute;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	    bottom: -25px;
	    width: 200px;
	    background-color: #8A1B1C;
		color: #FEEA8F;
	    padding: 20px 0px;
	    z-index: 5;
	    -webkit-transition-duration: 1s;
		transition-duration: 1s;
	}
	.function-image-wrapper:hover .title-image{
		background-color: #FEEA8F;
	    color: #8A1B1C;
	}
	.hover-lee:hover .title-image{
		background-color: #FEEA8F;
	    color: #8A1B1C;
	}
	.function-title-wrapper{
		color: #8A1B1C;
	}
	.function-title{
	    font-family: 'Asap', serif;
	    font-size: 28px;
	    margin-bottom: 10px;
	    text-transform: uppercase;
	}
	.function-title-wrapper hr{
		//float: left;
		margin-top: 0px;
	}
	.feature-list-wrapper{
		margin-top: 10px;
	}
	.feature-list{
		padding-top: 30px;
	}
	.feature-title{
		font-family: 'Asap', serif;
		font-size: 20px;
		color: #8A1B1C;
		text-transform: uppercase;
		font-weight: bold;
	}
	.feature-short-description{
		font-family: 'Asap', serif;
		text-transform: uppercase;
	}
	.feature-information{
		padding-top: 20px;
		padding-bottom: 30px;
		border-bottom: 1px solid #E5E5E5;
	}
	#function-banner-bx-pager{
		position: absolute;
		z-index: 3;
		bottom: 25px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#function-banner-bx-pager a{
		position: relative;
	}
	#function-banner-bx-pager .active .page-indicator:after{
		border: 1px solid #FEEA8F;
	}

	#function-banner-bx-pager .active .page-indicator{
		background-color: #FEEA8F;
	}

/*End Function*/

/*Start Promotions*/
	#promotion-wrapper{
		margin-top: 15px;
	}
	#promotion-wrapper > div{
		margin-bottom: 40px;
	}
/*End Promotions*/
	#events-wrapper{
		margin-top: 15px;
	}

/*Start Gallery*/
	/* ---- grid ---- */

	/* clear fix */
	.grid:after {
	  content: '';
	  display: block;
	  clear: both;
	}

	/* ---- .grid-item ---- */

	.grid-sizer,
	.grid-item {
	  width: 33.333%;
	  padding:5px;
	  margin: 0px;
	}

	.grid-item {
	  float: left;
	}

	.grid-item img {
	  display: block;
	  max-width: 100%;
	}

/*End Gallery*/

/*Start Events*/

/*End Events*/

/*Start Contact Us*/
	.address-wrapper{
		margin-top: 50px;
	}
	.contact-wrapper{
		margin-top: 50px;
	}
	.contact-us-content-wrapper{
		margin-top: 50px;
	}
	#iframe-map{
		width: 100%;
		height: 450px;
	}
/*End Contact Us*/

/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    	
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
    	#logo img{
			max-width: 80px;
			-webkit-transition-duration: 1s;
    		transition-duration: 1s;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    	#myNavbar{
    		padding-right: 30px;
    		padding-top: 15px;
    	}
	    .function-detail-info-wrapper{
			padding-left: 50px;
			padding-right: 50px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/

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

	}

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

	}

	@media only screen and (max-width : 767px) { 
		body{
			padding-top: 50px;
			background: url('../image/bg-bottom-mobile.png') no-repeat right bottom, url('../image/bg-cloud.png') repeat top;
			padding-bottom: 10px;
		}
		.footer-content-wrapper-mobile{
			display: inline;
		}
		.footer-content-wrapper{
			display: none;
		}
		.homepage-footer{
			display: none;
		}
		.navbar{
			height: auto !important;
		}
		#section-homepage-promo-events > div{
			background: url('../image/bg-cloud.png') repeat top;
		}
		.no-margin-mobile{
			margin-left: 0px;
			margin-right: 0px;
		}
		#logo img{
			width: 60px;
		}
		.close-modal{
			right: 0px;
		}
    	.navbar .container-fluid .row{
    		background-color: #FCFCFC;
    		padding-top: 20px;
    		padding-bottom: 20px;
    	}
    	#fullpage > div{
    		margin-top: 45px;
    		margin-bottom: 50px;
    	}
    	.text-layer-slider{
    		bottom: none;
    		top: 0%;    
    		padding-top: 50px;		
    	}
    	#section-homepage-banner{
    		position: relative;
    	}
    	.top-layer-slider{
    		position: relative;
    	}
    	.big-slider{
    	    z-index: 1;
		    bottom: 0%;
		    left: 50%;
		    -webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		    width: 70%;
		    margin-bottom: 3%;
    	}
    	.small-slider{
    		z-index: 2;
		    bottom: 29%;
		    right: 11%;
		    left: auto;
		    width: 27%;
		    margin-bottom: 9%;
    	}
    	.text-layer-slider{
    		left: 50%;
    		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			text-align: center;
			right: auto;
			font-size: 30px;
    	}
    	.homepage-dishes-image-wrapper{
    		position: relative;
    	}
    	.homepage-dishes-info-title{
    		height: auto;
    	}
    	.homepage-dishes-info{
    		max-width: inherit;
    	}
    	.homepage-dishes-info-show, .homepage-dishes-info-reservation{
    		display: none;
    		visibility: none;
    	}
    	.section-homepage-dishes-wrapper{
    		padding-top: 50px;
    		position: relative;
    	}
    	.homepage-dishes-info-wrapper-mobile{
			display: inherit;
			margin-bottom: 50px;
		}
		.homepage-dishes-info-wrapper-mobile > div{
			display: inline-block;	
			margin-left: 10px;
			margin-right: 10px;
		}
		.grid-sizer, .grid-item {
			width: 50%;
		}
		.contact-us-content-wrapper{
			text-align: center;
		}
		.contact-wrapper{
			margin-bottom: 50px;
		}
	}

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

	}

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

	}