body.home .slider{
	background-color: #000000;
	/*background-attachment: fixed;*/
	background-image: url('images/home-big-mobile-15012018.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
	min-height: 600px;
	display: block;
}

.hw-header h1,
.hw-header h2{
	font-size: 1.8rem;
}

.hw-header img.logo{
	margin-bottom: 30px; 
}

.nopadding{
   padding: 0 !important;
   margin: 0 !important;
   border-left:1px solid #fff;
}

header .navbar a.nav-link{ font-size: 1.2em; padding-right: 1.3rem; padding-left: 1.3rem; }
header .navbar .navbar-text a{ font-size: 2em; }

footer{ background: #000; padding: 30px 50px; color: #fff; line-height: 100%; margin-top: 60px }
body.home footer{ margin-top: 0px }
footer .col-md-3{ text-align: left; }
footer .col-md-3.last{ text-align: right; }
a.same-btn{
	border-radius:0;
	background: none;
	padding: 10px 30px;
	border: 1px solid #fff;
	text-transform: uppercase;
}
a.same-btn:hover{ color: #fff; background: #f26936; border-color: #f26936; }

a.same-btn.black{
	color:#000;
	border-color: #000;
}
a.same-btn:hover{ color: #fff; background: #000; border-color: #000; }

a.same-btn.orange{
	color:#fff;
	border-color: #d53d07;
	background-color: #f26837;
}
a.same-btn.orange:hover{ color: #fff; background: #d53d07; border-color: #d53d07; }


.hw-banner-3{ position: relative; border-left:1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box; }
.hw-banner-3 strong,
.hw-banner-3 p,
.hw-banner-3 h3{
	color: #fff;
}
.hw-banner-3 .overlay{
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	transition: 0.5s opacity;
	background-color: rgba(0, 0, 0, 0.7);
}

.hw-banner-3-1 h3{
	font-size: 2.7em
}

.hw-banner-3 .text{
	top: 50%;
	position: absolute;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 10%;
	z-index: 2;
	transition: 0.5s opacity;
}

.hw-banner-3-3 .text{
	top: auto;
	bottom: 10%;
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.hw-banner-3{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hw-banner-3-1{
	background-image: url('images/home/image_7.jpg');
	min-height: 1200px;
}

.hw-banner-3-2{
	background-image: url('images/home/image_8-15012018.jpg');
	min-height: 600px;
}

.hw-banner-3-3{
	background-image: url('images/home/image_9-15012018.jpg');
	min-height: 600px;
}

.big-banner{
	height: 265px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.big-banner .overlay{
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000', GradientType=0 );
}

body.locations .big-banner{ background-image: url('images/header-locations-mobile.jpg'); }
body.story .big-banner{ background-image: url('images/header-story-mobile.jpg'); }
body.gatherings .big-banner{ background-image: url('images/header-gatherings-mobile.jpg'); }
body.contact .big-banner{ background-image: url('images/header-contact-mobile.jpg'); }
body.careers .big-banner{ background-image: url('images/header-careers-mobile.jpg'); }

body.menu-list .big-banner{ background-image: url('images/header-story-mobile.jpg'); }

body.noimage .big-banner{ height: 40px; }
body.noimage .big-banner .overlay{ opacity: 0 }

@media (min-width: 768px) {
	.big-banner{ height: 544px; }
	body.locations .big-banner{ background-image: url('images/header-locations.jpg'); }	
	body.story .big-banner{ background-image: url('images/header-story.jpg'); }
	body.gatherings .big-banner{ background-image: url('images/header-gatherings.jpg'); }
	body.contact .big-banner{ background-image: url('images/header-contact.jpg'); }
	body.careers .big-banner{ background-image: url('images/header-careers.jpg'); }
	body.noimage .big-banner{ height: 104px; }
}

header{ position: relative; z-index: 99; }

img{ max-width: 100%; height: auto }
h1.maintitle{
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	h1.maintitle{
		font-size: 2rem;
	}
}
.content{ margin-top:40px; }

body.story .content h1{ margin-bottom: 0px }
body.story .content h2{ font-size: 1.4em; font-weight: 200; margin-bottom: 30px }
body.story h3{ text-align: center; margin: 30px 0 20px }
body.story .col-4{ text-align: center; border-top: 1px solid #000; padding: 20px }
body.story .last .col-4{ border-bottom: 1px solid #000 }
body.story .col-4 p{ font-weight: 200 }
body.story .col-4 strong{ font-size: 1.3em; font-weight: 400 }
body.story .col-4:nth-child(2){ border-left:1px solid #000; border-right:1px solid #000; }
body.story .bottom{ text-align: center; margin-top: 20px }

h2.subtitle{ text-transform: uppercase; font-size: 1.8em; border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 10px; }

.copyright,
footer .justify-content-center a{ font-weight: 200; font-size: 1em; line-height: 43px; color: #fff  }
footer .justify-content-center a:hover{ color: #fff5c9; font-weight: 200 }

@media (min-width: 768px) {

	.row-full{
		width: 100%;
		margin:0;
		box-sizing: border-box;
	}

	body.home .slider{
		background-image: url('images/home-big-desktop-15012018.jpg');
		min-height: 800px;
	}

	header .navbar{ padding: 10px 50px }

	header .navbar.static-top{
		background: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	header .navbar.static-top a{ color: #fff; text-transform: uppercase; }


	header .navbar.fixed-top{ background: #fff; }
	header .navbar.fixed-top a,
	body.noimage header .navbar.static-top a{ color: #000; text-transform: uppercase; }
	
	header .navbar .nav-item.active a,
	header .navbar.static-top a:hover,
	header .navbar.fixed-top a:hover,
	body.noimage header .navbar .nav-item.active a,
	body.noimage header .navbar.static-top a:hover{ color: #f26935; }

	header a.order-now{
		border-radius:0;
		background: none;
		padding: 10px 30px;
		border: 1px solid #fff;
	}

	header .navbar.fixed-top a.order-now{ border-color: #000; }
	header .navbar.fixed-top a.order-now:hover{ border-color: #f26936; }

	header .navbar.fixed-top{
		margin-top: -100px;
    	transform: translateY(100px);
    	transition: transform 0.3s ease-in-out;
	}

	.hw-banner-3 .overlay{ opacity: 0 }
	.hw-banner-3 .text{ opacity: 1 }

	.hw-banner-3:hover .overlay,
	.hw-banner-3:hover .text{ opacity: 1 }

}

@media screen and (min-width: 768px) {
	footer .col-md-3.copyright{ float: left; padding-left: 0px }
}

.static-top .navbar-nav .nav-link{ color: #fff; }
.fixed-top .navbar-nav .nav-link{ color: #3c3c3c; }

@media screen and (max-width: 767px) {
	.header .navbar-brand{
		position: absolute;
		left:50%;
		top: 0px;
		margin:0 0 0 -37px;
	}
	.header .navbar-toggler{
		float: left;
		display: block;
		border: none;
		font-size: 26px;
	}
	body.home .slider{ min-height: 400px }
	/*.hw-header{ padding: 40px 0; }*/
	.hw-header h1, .hw-header h2{ font-size: 1.5em; }
	.nopadding{ border-left:none; border-bottom: 1px solid #fff; }
	.hw-banner-3-1{ min-height: 800px; }
	.hw-banner-3-3{ /* display: none */ }
}

/* ORDER NOW */
body.order-now .order-now{ display: none; }
.hw-header{ text-align: center; }

/* DESKTOP */
@media screen and (min-width: 768px){

	body.home .container { min-width: 100%; } 

	.hw-header{
		text-align: center;
		padding: 70px 0;
	}

	.hidden-desktop{ display: none!important }

	body.order-now #navbarSupportedContent .navbar-nav.mr-auto{ visibility: hidden; }
	body.order-now #navbarSupportedContent .navbar-text.mr-auto{ visibility: hidden; }
	body.order-now .navbar-brand{
		position: absolute;
		top: 0px;
		left: 50%;
		margin: 0 0 0 -37px;
	}
	body.order-now .navbar-brand img{
		width: 100px;
		height: auto;
	}

	body.order-now .big-banner {
    	height: 100px !important;
	}

	header .navbar.fixed-top a.order-now,
	header .navbar.static-top a.order-now{
		background: #f26837;
		color: #fff;
		border-color: rgba(0, 0, 0, 0.3);
	}

	.order-now span{ display: inline-block; margin-left:5px; }
}



/* MOBILE */
@media screen and (max-width: 767px){
	.hidden-mobile{ display: none!important }

	body.order-now .big-banner{
		display: none!important;
	}
	.static-top .navbar-nav .nav-link{ color: #3c3c3c; }
	#navbarSupportedContent .navbar-text.mr-auto{ display: none; }

	.navbar-brand{
		position: absolute;
		top: 0px;
		left: 50%;
		margin: 0 0 0 -37px;
	}

	header .navbar-light .navbar-toggler{
		border: none;
		font-size: 30px;
	}

	body.order-now #navbarSupportedContent .navbar-nav{ border-bottom: 1px solid #ddd; }
	.order-now span{ display: block; margin:0; }
	header .navbar{ background: #fff; }
	header .navbar.static-top a.order-now,
	header .navbar.fixed-top a.order-now{
		padding: 5px 30px;
		line-height: 130%;
		border:1px solid #000;
		background: #fff;
		color: #000;
		letter-spacing: 1.5px;
		font-size: 10px;
		line-height: 12px;
		position: absolute;
		top: 18px;
		right: 10px;

		background: #000;
		color: #fff;
		font-size: 12px;
		line-height: 14px;
		top: 14px;

	}
	header .navbar.static-top a.order-now:hover,
	header .navbar.fixed-top a.order-now:hover{
		background: #000;
		color: #fff; 
	}

	footer{ padding: 30px 10px; }
	footer .contact{ width: 100%; margin-bottom: 10px }
	footer a.nav-link{ padding: 10px 5px; font-size: 14px }
	footer .copyright{ font-size: 14px; color: rgba(255, 255, 255, 0.7); text-align: center; }
	header .navbar.fixed-top{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }

}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link:hover{
	color: #f26837;
}


@-webkit-keyframes glowing {
  0% { background-color: #333;  }
  50% { background-color: #f26837;  }
  100% { background-color: #333;  }
}

@-moz-keyframes glowing {
  0% { background-color: #333;  }
  50% { background-color: #f26837;  }
  100% { background-color: #333;  }
}

@-o-keyframes glowing {
  0% { background-color: #333;  }
  50% { background-color: #f26837;  }
  100% { background-color: #333;  }
}

@keyframes glowing {
  0% { background-color: #333;  }
  50% { background-color: #f26837;  }
  100% { background-color: #333;  }
}

.order-now-- {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.booking{  }
.booking__section{ margin-bottom: 0px; overflow: hidden;  }
.booking__section select[name=people]{ border-radius: 0 .25rem .25rem 0; }
.booking__section_datepicker{ width: 160px!important; }
.booking__section_time select[name=hour]{ border-radius: 0; margin-right: 0px!important; border-right: none; }
.booking__section_time select[name=minute]{ border-radius: 0 .25rem .25rem 0; }
body.book-a-table .big-banner{ background-image: url('images/header-booking-mobile.jpg'); }
.booking__inner{ border: 2px solid #eceeef; padding: 35px 30px 35px 30px;  }
.booking__inner_top{ margin-bottom: 10px; }
.booking__block1{ margin-bottom: 10px; }
.booking__block2{ margin-bottom: 10px; }
.booking__block3{ margin-bottom: 10px; clear:both; }

.booking__block4{ display: none; }
.booking__block4 label.txt{ min-width: 140px; display: block; }
.booking__block4 .form-group{ margin-bottom: 10px; }
.booking__block4 .form-check{ clear: both  }
.booking__block4 .form-check-new label{ display: block;  }

.booking__block4 .btn-lg{ padding-left: 2em; padding-right: 2em; }

@media (min-width: 768px) {
	.booking__block1{ float: left; width: 49%; margin-right: 1%;  }
	.booking__block2{ float: left; width: 50%;  }
	body.book-a-table .big-banner{ background-image: url('images/header-booking.jpg'); }
}

.hw-info{
	position: fixed;
	background: rgba(0,0,0, .7);
	padding: 200px 20px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
}
.hw-info h1{
	margin:0 auto;
	color: #fff;
	max-width: 800px;
}

.callactions{
	position: fixed;
	right:10px;
	bottom: 10px;
	padding: 10px;
	background: #000;
	border-radius: 4px;
	z-index: 9999999;
}

.callactions .call{
	display: inline-block;
	line-height: 40px;
	border-radius: 4px;
	background: #f26837;
	color:#fff;
	padding: 0 15px;
	border: 1px solid transparent;
}
.callactions .call img,
.callactions .call span{ margin-right: 8px; }
.callactions .call:hover{
	text-decoration: none;
	background: #d53d07;
}

.callactions .click-order-online{
	display: inline-block;
	line-height: 40px;
	border-radius: 4px;
	background: transparent;
	color:#fff;
	padding: 0 15px;
	border: 1px solid #fff;
}
.callactions .click-order-online:hover{ color: #000; background: #fff; text-decoration: none; }

@media (max-width: 767px) {
	.callactions{
		left: 0px;
		right: 0px;
		bottom: 0px;
		box-sizing: border-box;
		width: 100%;
		border-radius: 0px;
	}
	.callactions .call{ width: 56%; float: left; text-align: center }
	.callactions .click-order-online{ width: 40%; float: right; text-align: center }
	.order-now{ padding-bottom: 60px; }
	.order-now .callactions{ text-align: center; }
	.order-now .callactions .call{ float: none; width: 70%; }
	.order-now .callactions .call .hidden-mobile{ display: inline-block!important }
}

#menuList{
	max-width: 640px;
	margin: 0 auto;
}
#menuList .category{ margin-bottom: 30px; }
#menuList .category h3{
	padding: 5px 20px;
	background: #3b3c3b;
	color: #fff;
	text-transform: uppercase;
}
#menuList .product{
	padding: 5px 20px 10px;

}
#menuList .product > div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}
#menuList .product > div h5{ font-size: 1.35rem; }
#menuList .product > div span{ opacity: .8; }
#menuList .product > p{
	margin:0;
	padding:0;
	line-height: 140%;
}

body.order-now .callactions{
	display: none!important;
}
body.order-now .fixed-top{
	position: relative!important;
	top: auto!important;
}