.preeloader {
	background: #fff none repeat scroll 0 0;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 999999
}
.preloader-spinner {
	-webkit-animation: 1.5s linear 0s normal none infinite running loader;
	animation: 1.5s linear 0s normal none infinite running loader;
	width: 60px;
	height: 60px;
	font-size: 35px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 50%;
	margin-top: -30px;
	padding-top: 12px;
	z-index: 99;
	/*background: #1a1a1a;*/
	background: #fff;
	color: #ca3d26
}
.preloader-spinner > img {
	margin-top: -12px;
}
@-webkit-keyframes loader {
	0% {
		-webkit-box-shadow:0 0 0 0 transparent;
		box-shadow:0 0 0 0 transparent
	}
	25% {
		-webkit-box-shadow:0 0 0 0 rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.4);
		box-shadow:0 0 0 0 rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.4)
	}
	50% {
		-webkit-box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 20px rgba(238,134,22,.3);
		box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 20px rgba(238,134,22,.3)
	}
	75% {
		-webkit-box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.2);
		box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.2)
	}
	100% {
		-webkit-box-shadow:0 0 0 0 #138808;
		box-shadow:0 0 0 0 #138808
	}
}
@keyframes loader {
	0% {
		-webkit-box-shadow:0 0 0 0 transparent;
		box-shadow:0 0 0 0 transparent
	}
	25% {
		-webkit-box-shadow:0 0 0 0 rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.4);
		box-shadow:0 0 0 0 rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.4)
	}
	50% {
		-webkit-box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 20px rgba(238,134,22,.3);
		box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 20px rgba(238,134,22,.3)
	}
	75% {
		-webkit-box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.2);
		box-shadow:0 0 0 10px rgba(238,134,22,.5), 0 0 0 10px rgba(238,134,22,.2)
	}
	100% {
		-webkit-box-shadow:0 0 0 0 #138808;
		box-shadow:0 0 0 0 #138808
	}
}

@media only screen and (min-width:992px) and (max-width:1200px) {
	.navbar-header {
		margin-top: -8px;
	}
	.navbar-header img {
		-webkit-transition: .3s;
		transition: .3s;
	}
	.is-sticky .navbar-header img {
		width: 80%;
		margin-top: -5px;
	}
	ul#nav li a {
		padding: 20px 5px;
		letter-spacing: 0
	}
	.is-sticky ul#nav li a {
		padding: 20px 10px;
	}
	.search-form-area {
		padding: 25px 15px;
	}
	.is-sticky .search-form-area {
		padding: 15px;
	}
	.slider-area h1, .welcome-text h1 {
		font-size: 50px;
	}
	.slider-area h2, .welcome-text h2 {
		font-size: 70px;
	}
	.about-area .area-title {
		margin-bottom: 30px
	}
	.about-area .area-title h2 {
		font-size: 60px
	}
	.about-area .area-title h2 span {
		font-size: 40px
	}
	.promotions-img {
		max-height: 380px;
		width: 80%
	}
	.promotions-details {
		height: 350px;
		margin-top: -175px;
		max-height: 350px;
		width: 40%
	}
}

@media(min-width:768px) and (max-width:991px) {
	.section-padding {
		padding: 50px 0
	}
	.pogoSlider-slide {
		background-position: 100% 100%!important
	}
	.navbar-collapse {
		border-top: 1px solid
	}
	.navbar-collapse.collapse {
		display: none!important
	}
	.navbar-collapse.collapse.in {
		display: block!important
	}
	.navbar-header .collapse, .navbar-toggle {
		border: 2px solid #fff;
		border-radius: 0;
		display: block!important
	}
	.is-sticky .navbar-header .collapse, .is-sticky .navbar-toggle {
		border: 2px solid #1a1a1a
	}
	.is-sticky .navbar-toggle .icon-bar {
		background: #1a1a1a none repeat scroll 0 0
	}
	.navbar-header {
		float: none;
		border-bottom: 1px solid #111;
		margin: 0;
		padding: 15px 0
	}
	.is-sticky .navbar-header {
		border: 0
	}
	ul#nav {
		width: 100%;
		max-height: 200px;
		overflow: scroll;
		overflow-x: hidden
	}
	ul#nav li {
		float: none
	}
	.navbar-toggle .icon-bar {
		background: #fff none repeat scroll 0 0
	}
	.search-form-area {
		display: none
	}
	ul#nav li ul {
		display: none;
		opacity: 1;
		top: inherit;
		position: static;
		-webkit-transition: inherit;
		transition: inherit;
		-webkit-transform: inherit;
		transform: inherit;
		width: 100%
	}
	ul#nav li a {
		color: #fff
	}
	ul#nav ul li a {
		padding-left: 30px!important
	}
	.navbar-brand {
		display: none
	}
	.navbar-brand.white {
		display: block
	}
	ul#nav li a {
		color: #fff
	}
	ul#nav li.active>a, ul#nav li:hover>a {
		color: #ca3d26
	}
	ul#nav li.active a::before {
		display: none
	}
	.mainmenu-area {
		background: #212324 none repeat scroll 0 0
	}
	.navbar-brand {
		margin-top: -15px;
		padding: 8px
	}
	.is-sticky .navbar-brand {
		margin-top: -10px
	}
	ul#nav li a {
		padding: 10px
	}
	.is-sticky ul#nav li a {
		padding: 10px
	}
	.slider-area h1, .welcome-text h1 {
		font-size: 40px
	}
	.about-area .area-title {
		margin-bottom: 30px;
		text-align: center
	}
	.about-img img {
		width: 100%
	}
	a.read-more {
		margin-bottom: 30px
	}
	.promotions-img {
		height: auto;
		max-height: 450px;
		width: 100%
	}
	.promotions-img img {
		width: 80%
	}
	.promotions-details {
		padding: 30px;
		width: 60%
	}
	.area-title {
		margin-bottom: 40px
	}
	.menus-area.section-padding {
		padding-bottom: 30px
	}
	.food-menu-img img {
		width: 100%
	}
	.promotions-area .row>div:last-child .single-promotions .read-more {
		margin-bottom: 0
	}
	.blog-post-img img {
		width: 100%
	}
	.footer-menu {
		padding-bottom: 0;
		text-align: center
	}
	.footer-copyright {
		padding-top: 10px;
		text-align: center
	}
	.table-booking-form input, .table-booking-form select {
		margin-bottom: 30px
	}
	.single-post-pagination .page-pagination {
		margin-bottom: 40px
	}
	.page-pagination.margin-top {
		margin-top: 40px
	}
	.main-reservaton-form {
		margin-bottom: 50px
	}
	.reservation-call-to-action {
		margin-bottom: 40px
	}
}

@media only screen and (max-width:767px) {
	.section-padding {
		padding: 50px 0
	}
	.area-title h2 {
		font-size: 36px
	}
	.area-title h2::before {
		left: -50px;
		width: 50px
	}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn {
		display: none
	}
	.navbar-collapse {
		border-top: 1px solid
	}
	.navbar-header {
		border-bottom: 1px solid #111;
		margin: 0;
		padding: 15px 0
	}
	.is-sticky .navbar-header {
		border: 0
	}
	.navbar-brand {
		display: none;
		margin-top: -15px;
		padding: 8px
	}
	.is-sticky .navbar-brand {
		margin-top: -10px
	}
	.search-form-area {
		display: none
	}
	ul#nav {
		width: 100%;
		max-height: 200px;
		overflow: scroll;
		overflow-x: hidden
	}
	ul#nav li {
		float: none
	}
	.mainmenu-area {
		background: #212324 none repeat scroll 0 0
	}
	ul#nav li a {
		padding: 10px
	}
	.is-sticky ul#nav li a {
		padding: 10px
	}
	.search-form-area {
		display: none
	}
	ul#nav li ul {
		display: none;
		opacity: 1;
		top: inherit;
		position: static;
		-webkit-transition: inherit;
		transition: inherit;
		-webkit-transform: inherit;
		transform: inherit;
		width: 100%
	}
	ul#nav ul li a {
		padding-left: 30px!important
	}
	.navbar-brand.white {
		display: block
	}
	ul#nav li a {
		color: #fff
	}
	ul#nav li.active>a, ul#nav li:hover>a {
		color: #ca3d26
	}
	ul#nav li.active a::before {
		display: none
	}
	.about-img img {
		width: 100%
	}
	.call-to-action {
		display: none
	}
	.top-social-bookmark ul li a {
		width: 33px
	}
	.top-social-bookmark {
		float: right;
	}
	.book-table-popup a {
		padding: 15px 10px
	}
	.pogoSlider-slide {
		padding-top: 20%
	}
	.slider-area h3 {
		letter-spacing: 2px
	}
	.slider-area h1, .welcome-text h1 {
		font-size: 32px
	}
	.slider-area h2, .welcome-text h2 {
		font-size: 55px
	}
	.about-area .area-title h2 {
		font-size: 55px
	}
	.about-area .area-title h2 span {
		font-size: 40px
	}
	.about-area .area-title {
		margin-bottom: 30px;
		text-align: center
	}
	.about-img img {
		width: 100%;
		margin-bottom: 30px
	}
	.about-area .row .row>div:last-child .about-img img {
		margin-bottom: 0
	}
	.area-title {
		margin-bottom: 30px
	}
	a.read-more {
		margin-bottom: 30px
	}
	.promotions-img img {
		width: 100%
	}
	.promotions-details h4 {
		font-size: 40px
	}
	.food-menu-list-menu {
		margin-bottom: 30px
	}
	.food-menu-list-menu ul li {
		margin: 5px
	}
	.food-menu-img img {
		width: 100%
	}
	.single-menu .single-menu-details {
		margin-bottom: 30px;
		padding-bottom: 30px;
		padding-left: 0
	}
	.food-menu-img {
		float: left;
		margin-right: 15px;
		position: inherit
	}
	.food-menu-details h3 span {
		float: inherit;
		margin-top: 5px;
		display: block
	}
	.food-menu-details p span {
		width: inherit
	}
	.menus-area.section-padding {
		padding-bottom: 20px
	}
	.resarvation-from-button.text-center h2 {
		font-size: 28px;
		letter-spacing: 2px
	}
	.blog-area .owl-controls {
		top: 38%
	}
	#reservation-form-modal .modal-header {
		letter-spacing: inherit
	}
	.promotions-img {
		height: auto;
		max-height: 450px;
		width: 100%
	}
	.promotions-details {
		height: auto;
		margin: 0;
		padding: 25px;
		position: inherit;
		width: 100%
	}
	.promotions-details h3 {
		font-size: 20px
	}
	.promotions-area .row>div:last-child .single-promotions .read-more {
		margin-bottom: 0
	}
	.blog-post-img img {
		width: 100%
	}
	a.post-meta-button {
		margin-bottom: 15px
	}
	.post-details>h3 {
		font-size: 20px;
		margin-bottom: 10px;
		padding-bottom: 15px
	}
	.single-post {
		margin-bottom: 30px
	}
	.blog-area .row>div:last-child .single-post {
		margin-bottom: 0
	}
	.footer-menu {
		padding-bottom: 0;
		text-align: center
	}
	.footer-copyright {
		padding-top: 10px;
		text-align: center
	}
	.top-area.single-page {
		height: 350px
	}
	.barner-text h1 {
		font-size: 36px;
		letter-spacing: 0;
	}
	.tags-and-social-bar {
		text-align: center;
		border-bottom: 1px solid #c3c3c4;
		margin: -40px auto 60px;
		padding-bottom: 20px
	}
	.single-post-social-bar {
		margin-top: 15px;
		text-align: center
	}
	.title-and-meta h3 {
		font-size: 28px;
		font-weight: 400
	}
	.title-and-meta h3 {
		font-size: 22px
	}
	.post-meta a {
		margin: 0
	}
	.blog-content {
		text-align: justify
	}
	.single-blog {
		margin-bottom: 50px;
		padding-bottom: 30px
	}
	.single-post-pagination .page-pagination {
		margin-bottom: 40px
	}
	.single-comments:nth-child(2n+1) {
		margin-left: 0
	}
	.page-pagination.margin-top {
		margin-top: 40px
	}
	.package-price {
		left: 0;
		top: 0
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.section-padding {
		padding: 50px 0
	}
	.area-title h2 {
		font-size: 40px
	}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn {
		display: none
	}
	ul#nav {
		width: 100%;
		max-height: 200px;
		overflow: scroll;
		overflow-x: hidden
	}
	.area-title h2 {
		font-size: 60px
	}
	.single-menu .single-menu-details {
		margin-bottom: 30px;
		padding-bottom: 30px;
		padding-left: 0
	}
	.food-menu-img {
		float: left;
		margin-right: 15px;
		position: inherit
	}
	.food-menu-details h3 span {
		float: right;
		margin-top: 0;
		display: inherit
	}
	.food-menu-details p span {
		width: inherit
	}
	.resarvation-from-button.text-center h2 {
		font-size: 45px;
		letter-spacing: 3px
	}
	.barner-text h1 {
		font-size: 50px
	}
}



@media screen and (max-width:991px) {
	ul#nav li a {
		text-align: center;
	}
	.navbar-nav {
		margin: 7.5px 0;
	}
}
@media screen and (max-width:359px) {
	.navbar-brand.white {
		height: auto;
		padding: 0 8px;
		margin-top: -5px;
	}
	.navbar-brand.white img, 
	.navbar-brand.dark img {
		max-height: 60px;
	}
	.header-top-area .top-bar .top-left {
		margin-bottom: 5px;
	}
	.header-top-area .top-bar .top-left .phone {
		float: right;
		margin-right: 0;
	}	
	.header-top-area .top-bar .top-right {}
	.top-opening-hour a {
    	margin: 10px 0;
		font-size: 12px;
	}
	.book-table-popup {
		padding: 5px 0;
	}
	.book-table-popup a {
		padding: 14px 10px;
		font-size: 11px;
		letter-spacing: 0;
	}
	.top-social-bookmark ul li a {
		width: 40px;
	}
	.call-to-action {
		display: block;
	}
	.call-to-action p {
    	margin-right: 10px;
	}
	.call-to-action i {
		margin-right: 5px;
	}
	.call-to-action a span, 
	.call-to-action a {
		font-size: 11px;
		letter-spacing: 0;
	}
	.slider-area h2, 
	.welcome-text h2 {
		font-size: 32px;
	}
	.slider-area h1, 
	.welcome-text h1 {
		font-size: 19px;
	}
}
@media (min-width:360px) and (max-width:479px) {
	.navbar-brand.white {
		height: auto;
		padding: 0 8px;
		margin-top: -5px;
	}
	.navbar-brand.white img, 
	.navbar-brand.dark img {
		max-height: 60px;
	}
	.header-top-area .top-bar .top-left {
		margin-bottom: 5px;
	}
	.header-top-area .top-bar .top-left .phone {
		float: right;
		margin-right: 0;
	}	
	.header-top-area .top-bar .top-right {}
	.top-opening-hour a {
    	margin: 10px 0;
		font-size: 12px;
	}
	.book-table-popup {
		padding: 5px 0;
	}
	.book-table-popup a {
		padding: 14px 10px;
	}
	.top-social-bookmark ul li a {
		width: 40px;
	}
	.call-to-action {
		display: block;
	}
	.call-to-action i {
		margin-right: 5px;
	}
	.call-to-action a span, 
	.call-to-action a {
		font-size: 13px;
		letter-spacing: 0;
	}
	.slider-area h2, 
	.welcome-text h2 {
		font-size: 32px;
	}
	.slider-area h1, 
	.welcome-text h1 {
		font-size: 19px;
	}
}
@media (min-width:480px) and (max-width:599px) {
	.navbar-brand.white {
		height: auto;
		padding: 0 8px;
		margin-top: -5px;
	}
	.navbar-brand.white img, 
	.navbar-brand.dark img {
		max-height: 60px;
	}
	.header-top-area .top-bar .top-left {
		margin-bottom: 5px;
	}
	.header-top-area .top-bar .top-left .phone {
		float: right;
		margin-right: 0;
	}	
	.header-top-area .top-bar .top-right {}
	.top-opening-hour a {
    	margin: 10px 0;
	}
	.book-table-popup {
		padding: 5px 0;
	}
	.book-table-popup a {
		padding: 14px 30px;
	}
	.top-social-bookmark ul li a {
		width: 40px;
	}
	.call-to-action {
		display: block;
	}
	.call-to-action i {
		/*margin-right: 5px;*/
	}
	.call-to-action a span, 
	.call-to-action a {
		/*font-size: 13px;
		letter-spacing: 0;*/
	}
}
@media (min-width:600px) and (max-width:767px) {
	.navbar-brand.white {
		height: auto;
		padding: 0 8px;
		margin-top: -5px;
	}
	.navbar-brand.white img, 
	.navbar-brand.dark img {
		max-height: 60px;
	}
	.header-top-area .top-bar .top-left {
		margin-bottom: 5px;
	}
	.header-top-area .top-bar .top-left .phone {
		float: right;
		margin-right: 0;
	}	
	.header-top-area .top-bar .top-right {}
	.top-opening-hour a {
    	margin: 10px 0;
	}
	.book-table-popup {
		padding: 5px 0;
	}
	.book-table-popup a {
		padding: 14px 30px;
	}
	.top-social-bookmark ul li a {
		width: 40px;
	}
	.call-to-action {
		display: block;
	}
	.call-to-action i {
		/*margin-right: 5px;*/
	}
	.call-to-action a span, 
	.call-to-action a {
		/*font-size: 13px;
		letter-spacing: 0;*/
	}
}
@media (min-width:768px) and (max-width:991px) {
	.navbar-brand.white {
		height: auto;
		padding: 0 8px;
		margin-top: -5px;
	}
	.navbar-brand.white img, 
	.navbar-brand.dark img {
		max-height: 60px;
	}
	.header-top-area .top-bar .top-left {}
	.header-top-area .top-bar .top-right {}
	.top-opening-hour a {
    	margin: 10px 0;
	}
	.book-table-popup a {
		padding: 14px 10px;
	}
	.top-social-bookmark ul li a {
		width: 30px;
	}
	.call-to-action i {
		margin-right: 5px;
	}
	.call-to-action a span, 
	.call-to-action a {
		font-size: 13px;
		letter-spacing: 0;
	}
}
@media (min-width:992px) and (max-width:1199px) {}
@media (min-width:1200px) and (max-width:1199px) {}