body {color:#333; padding:0; margin:0; line-height:1.7; font-family:'Montserrat', sans-serif}
h1, h2, h3, h4, h5 {font-family:'Amatic SC', cursive; line-height:1.2; font-weight:normal; margin-top:0}
h1 {font-size:3.6em; font-weight:bold}
h2 {font-size:3em}
h3 {font-size:2.2em}
h4 {font-size:1.8em}
a {color:inherit; text-decoration:none}
img {max-width:100%; height:auto}
b, strong {font-family:'Montserrat', sans-serif;}

/* Clearfix
====================== */
#menu ul:after, .icon-list:after, .gallery:after {content:""; display:table; clear:both}

/* Header
====================== */
#top-bar {font-size: 12px; margin-bottom: 15px}
#top-bar ul {list-style: none; margin: 0; padding: 0; display: flex}
#top-bar ul li {padding-right: 15px}
#header {position:absolute; top:0; left:0; right:0; z-index:100; background: none; padding: 15px 0}
#header .container {overflow:visible}
#logo a img {display:block; border:none}

/* Page Header
====================== */
#page-header {background-size:cover; background-repeat:no-repeat; background-position:center top; background-color:#f6f8f7; padding:30px 0}
#page-header .row {text-align:center}
#page-header h1 {margin-bottom:0}
#page-header p {font-family:'Montserrat', sans-serif}
#page-header p a:after {content: "\F142"; font: normal normal normal 18px/1 "Material Design Icons"; font-weight:bold; padding: 0 5px 0 10px; position: relative; top: 1px;}
#page-header p span:last-child a:after {content: ""; padding:0}
#page-header {padding:200px 0 120px; text-shadow:0 -1px 1px rgba(0,0,0,.15); color:#fff}
#page-header.page-contact-us {background-image:url('/page/bg-contact-us.jpg')}
#page-header.page-photos {background-image:url('/page/bg-photos.jpg')}
#page-header.page-download-menu {background-image:url('/page/bg-download-menu.jpg')}
#page-header.page-online-menu {background-image:url('/page/bg-online-menu.jpg')}
#page-header.page-get-directions {background-image:url('/page/bg-get-directions.jpg')}

/* Navigation
====================== */
#menu {text-align:right; color: #fff}
#menu ul {display:inline-block; list-style:none; margin:0; padding:0}
#menu ul li {position:relative}
#menu ul li a {display:block; padding:10px 20px; text-decoration:none; color:inherit; position:relative; font-weight:bold; text-transform:uppercase; font-size:13px; /*text-shadow: 0 -1px 1px rgba(0,0,0,.15);*/}
#menu ul li a:hover {color:#d63628}
#menu ul li ul {background:#333; box-shadow:0 4px 6px rgba(0,0,0,0.35); position:absolute; left:0; top:100%; width:265px; border-top:1px solid #dedede; text-align:center; display:none; z-index:100}
#menu ul li:last-child ul {left:auto; right:0}
#menu ul li ul.expand {display:block}
#menu ul li ul li {position:relative; float:none; display:block; text-align:left; border-bottom:1px solid #222}
#menu ul li ul li:after {content:""; position:absolute; background:#444; width:100%; height:1px; left:0; bottom:-2px}
#menu ul li ul li:last-child {border-bottom:none}
#menu ul li ul li:last-child:after {display:none}
#menu ul li ul li:hover {background:#d63628}
#menu ul li ul li:hover a {color:#fff}
#menu ul li ul li a {color:#fff; padding:15px 20px}
#menu .has-dropdown:after {content:"\F35D"; font:normal normal normal 24px/1 "Material Design Icons"; position:absolute; top:0; right:0; text-align:center; line-height:36px; height:100%; width:20px; color:inherit}
#menu ul li.contact a {background: #d63628; color: #fff; border-radius: .5rem;}
#menu ul li.contact a:hover {color:#fff; background:#bf3024}
#nav-btn {display:none; position:absolute; top:35px; right:30px; color:inherit}

/* Slide
====================== */
#slide {background:url('/page/slide.jpg')no-repeat center top; background-size:cover; color:#fff;}
#slide h1 {font-size:2.4em}
#slide h1, #slide h2, #slide h3, #slide h4, #slide h5 {font-family:'Montserrat', sans-serif; color:#d63628}
#slide .container {height: calc(100vh - 240px)}
#slide .row {height:100%}
#slide .text-slide span {font-size:4em; font-family: 'Amatic SC', cursive; color:#d63628; font-weight:400; line-height: 1}
#slide .btn {border-color: #fff}
#slide .btn:hover {background: #fff; color: #333}

/* Sections
====================== */
.parallax {background-position:center center; background-attachment:fixed; background-size:cover}
.wrapper-bg {background-position: bottom center; background-size: 100%; background-repeat: no-repeat;}
.wrapper.bg-light, .wrapper.gray {background:#fafafa}
.wrapper.border-bottom {border-bottom:1px solid #dedede}

/* Alignment
====================== */
.text-center {text-align:center}
.text-right {text-align:right}
.text-left {text-align:left}

/* Contact Form
====================== */
.form > div, .form .btn {margin-bottom:15px !important}
.form [type="text"], .form [type="email"], .form [type="phone"], .form select, .form textarea {padding:8px 10px; width:100%; box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.1) inset; background:#f3f3f3; border:none; border-radius:8px; box-sizing:border-box; outline:none; height:35px; font-family:inherit}
.form [type="text"]:focus, .form [type="email"]:focus, .form [type="phone"]:focus, .form select:focus, .form textarea:focus {background:#dadada}
.form textarea {min-height:150px}
.form label {font-size:14px; font-family: 'Montserrat', sans-serif;}
.form label span {color:#7f7f7f}
.form .row {margin-bottom:10px}
.form .btn {background:none; cursor:pointer}
.loader {background: url(../images/ajax-loader.gif)no-repeat 0 0px; background-size: contain; height: 20px; line-height: 20px; padding: 0 0 0px 20px !important; display: none; text-align: left;}
.loader:after {content:"Sending..."; margin-left: 5px}

/* Buttons
============================== */
.btn {display: inline-block; margin-top: 10px; padding: 18px 40px; font-size: 14px; font-weight: 700; font-family: 'Montserrat', sans-serif; border:2px solid #333; text-transform:uppercase; border-radius: .5rem}
.btn:hover {background:#333; color:#fff}
.btn-green, .btn-orange {text-shadow:0 -1px 1px rgba(0,0,0,.15); color: #fff; border:none}
.btn-green {background:#00a78c}
.btn-green:hover {background:#039880}
.btn-orange {background:#d63628}
.btn-orange:hover {background:#bf3024}
.btn-white {color:#fff; border-color:#fff}
.btn-white:hover {color:#333; background:#fff}
.btn-2 {font-family: 'Montserrat', sans-serif; font-weight:bold; text-transform:uppercase; font-size:14px}
.btn-block {display:block}

/* Elements
====================== */
.text-color-1 {color:#d63628}
.text-color-2 {color:#fdcf34}
.text-white {color:#fff}
.icon-posts i {font-size: 2.5em; background: #00a78c; color: #fff; display: block; width: 130px; height: 130px; line-height: 130px; margin: 0 auto; border-radius: 50%; margin-bottom: 25px}
.icon-posts > div {margin-bottom:40px}
.icon-posts h3 {font-size:1.3em}
.title {margin-bottom:60px; position:relative; font-weight:bold}
.title:after {content: ""; width: 200px; height: 46px; background: url(../images/icon-divider-3.png) bottom no-repeat; position: absolute; left: 0; right:0; margin:0 auto; bottom: -30px;}
.text-large {font-size:3em; line-height:1}
.text-x-large {font-size:4em; line-height:1}
.dropcap:first-letter {color: #d63628; float: left; font-family: Georgia; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px;}
.work-hours {margin:0; padding:0; list-style:none}
.work-hours li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #dedede}
.work-hours li b {display:inline-block; min-width:150px}
.gallery {list-style:none; margin:0; padding:0}
.gallery li {float:left; width:100%; margin:0 2% 2% 0}
.gallery li img {display:block; width:100%}
.gallery.items-3 li:nth-child(3n) {margin-right:0}
.gallery.items-4 li:nth-child(4n) {margin-right:0}
.price-list {list-style:none; margin:0; padding:0}
.price-list__item {margin-top: 5px; margin-bottom: 5px; position: relative;}
.price-item {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px;}
.price-item + p {margin-top:0; font-size:13px; font-style:italic}
.price-item > div:nth-child(1) {-webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; margin: 0; padding-top:5px}
.price-item > div:nth-child(2) {background-image: -webkit-radial-gradient(circle closest-side, rgba(0, 0, 0, 0.2) 99%, transparent 1%); background-image: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.2) 99%, transparent 1%); background-position: bottom; background-size: 5px 3px; background-repeat: repeat-x; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 5px; margin-right: 5px; margin-bottom: calc((28px - 10px)/2);}
.price-item > div:nth-child(3) {-webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; color: #d63628; text-align: right; margin: 0; line-height: 30px;}
iframe {border:1px solid #dedede; padding:3px; box-sizing:border-box}

/* Footer
====================== */
footer {padding:80px 0; background:#333; color:#fff}
footer a:hover {color:#dedede}
footer h3 {font-family: 'Montserrat', sans-serif; font-size:1em}
footer .bg-map {background:url('/images/bg-map.png')no-repeat center}
footer .form textarea {min-height:80px}
.copyright {text-align:center; background:#222; color:#fff; padding:20px 0; font-size: 12px}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
	.gallery.items-3 li {max-width:32%}
	.gallery.items-4 li {max-width:22.5%}
}

@media (min-width: 992px) {
	.p404 .wrapper {position: absolute; top: 50%; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0;}
	#menu ul li.contact {margin-left:20px}
	.hide-desktop {display:none !important}
  #slide:after {content: ""; background: url(/images/header-bg-bottom.png); background-size: cover; position: absolute; left: 0; bottom: 0; height: 75px; width: 100%; z-index: 100}
}

@media screen and (min-width: 1025px) {
  #menu ul li {float:left}
}

@media screen and (max-width: 991px) {
  #logo {padding-bottom:20px}
  #nav-btn {display:block; text-align:right; font-size:50px}
  #menu {width:100%; margin-top:0}
  #menu ul {position:absolute; width:100%; background:#333; overflow-y:auto; text-align:left; display:none; z-index:1000; left:0; color:#fff}
  #menu ul.show {display:block}
  #menu ul li {float:none; border-bottom:1px solid #4E4E4E}
  #menu ul li a:hover {color:#999}
  #menu ul li ul {position:relative; width:100%; box-shadow:none; border:none; background:#555}
  #menu ul li ul li {border-color:#444}
  #menu ul li ul li:after {background-color:#666}
  #menu ul li.contact {border:none}
  #menu ul li.contact a {border-radius:0}
  #menu .has-dropdown:after {width:50px; color:#fff; background:#555}
  .hide-tablet {display:none !important}
}

@media (min-width: 575px) {
  .hide-mobile {display:none !important}
}