
@import url(fonts.css?v=1.1);
@import url(line-awesome.css);

/*------------------ # General ------------------*/

body { background: #fff; font-family: 'GT America'; font-size:16px; font-weight:400; color: #161616;}

a { color: #161616; text-decoration: none;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}
a:hover, a:active, a:focus { color: #f6343f; outline: none; text-decoration: none;}

section { padding: 80px 0;}

h1, h2, h3, h4, h5, h6 { font-family: 'GT Walsheim Pro'; font-weight: 700; 
	margin: 0 0 20px 0; letter-spacing: .5px; color: #161616;}
	
p { font-family: 'GT America'; font-size:17px; font-weight: 400; line-height:26px; 
	letter-spacing: .5px; margin: 0 0 20px 0; color: #161616;}	
	
.status-header h2 { font-family: 'GT America'; font-weight: 700; font-size: 20px;
	text-align: center; color: #FFFFFF; padding: 5px 0;}
.status-header.open-head h2 { background:#0baf08;}
.status-header.close-head h2 {  background:#dc1f00;}


/*------------------ # Main Button CSS ------------------*/


a.order-btn { background: #f6343f; font-family: 'GT America'; font-size:18px; font-weight: 700;
	display: inline-block; letter-spacing: 1px; color: #FFFFFF; text-align:center;
    padding: 10px 16px; line-height:32px; min-width: 200px; text-transform:uppercase;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;
	-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;}
a.order-btn:hover { background: #FFFFFF; color: #f6343f;}


 	

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top { position: fixed; right: 15px; bottom: 15px; z-index: 996;
	background: #ffffff; width: 48px; height: 48px; visibility: hidden; opacity: 0;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
	
.back-to-top i { font-size: 28px; color: #f6343f; line-height: 0;}
.back-to-top:hover { background: #f6343f;}
.back-to-top:hover i { color: #fff;}
.back-to-top.active { visibility: visible; opacity: 1;}


/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #18d26e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


.top-area { position: relative; width: 100%; height: 100%;}

#header .website-note { background:#242321; padding: 6px 0; text-align: center; text-decoration:none;
	font-family: 'GT America'; font-weight: 400; font-size: 16px; color:#FFFFFF;	
	position: absolute; width: 100%; top: -36px; height: 36px; line-height: 24px;}

#header { /*background: rgba(22, 22, 22, 1);*/ background:linear-gradient(#000000, rgba(0, 0, 0, 0)); 
	top: 36px; z-index: 997; height:90px;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
#header.header-transparent { /*background: transparent;*/}
#header.header-scrolled { background: rgba(22, 22, 22, 1); height: 60px; top:0;}

#header.header-scrolled .website-announcement { display:none;}

#header .logo { font-family: 'GT America'; font-weight: 700; font-size: 24px; line-height: 24px; margin:0;}
#header .logo img { max-height: 60px;}
#header .logo a { color: #ffffff;}

body.innerpage #header { background: rgba(22, 22, 22, 1);}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/**
* Desktop Navigation 
*/

.navbar { padding: 0;}
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
.navbar li { position: relative; margin-left: 4px;}
.navbar a { display: flex; align-items: center; justify-content: space-between; line-height: 20px;
	font-family: 'GT America'; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 14px;
	white-space: nowrap; padding: 12px 10px; letter-spacing:0.75px; text-transform:uppercase;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}	
.navbar a i { font-size: 14px; margin-left: 8px; margin-top: -4px;}
.navbar a:focus	{}
.navbar a:focus i {}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a, .nav-link:focus, .nav-link:hover { color: #FFFFFF;}

.navbar a.nav-link.order-online-btn { background: #f6343f; font-size:16px; font-weight: 700; color: #FFFFFF; padding:12px 20px;
	-webkit-border-radius:4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.navbar a.nav-link.order-online-btn:hover { background: #FFFFFF; color: #f6343f;}	
.navbar a.nav-link.order-online-btn:before { display:none;}
/*.navbar a.nav-link.order-online-btn.active { background: #FFFFFF; color: #f6343f;}*/

.navbar a.nav-link.order-online-btn.catering-btn{background:#0baf08;}
.navbar a.nav-link.order-online-btn.catering-btn:hover{background:#fff; color:#0baf08;}

.navbar li a:before { content: ""; width: 0; height: 2px;
	position: absolute; bottom: -8px; left: 0; background-color: #FFFFFF; visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.navbar a:hover:before, .navbar li:hover a:before, .navbar .nav-link.active:before {
	visibility: visible; width: 100%;}


.navbar .dropdown ul { position: absolute; left: 10px; top: calc(100% + 30px); display: block;
	margin: 0; padding: 10px 0; z-index: 99; opacity: 0;
	visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
.navbar .dropdown ul li { min-width: 200px; margin:0;}
.navbar .dropdown ul a { padding: 6px 12px; color: #161616; font-size: 13px;}
.navbar .dropdown ul a i { font-size: 14px;}
.navbar .dropdown ul a:hover { color: #f6343f;}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #f6343f;}
.navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible;}
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden;}
.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible;}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul { left: -90%;}
  .navbar .dropdown .dropdown:hover > ul { left: -100%;}
}

/**
* Mobile Navigation 
*/

.mobile-nav-toggle { color: #fff; font-size: 28px; cursor: pointer; display: none; line-height: 0;
  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}

@media (max-width: 991px) {
	
  .mobile-nav-toggle { display: block;}
  .navbar ul { display: none;}
  
}

.navbar-mobile { background: rgba(26, 26, 26, 0.9); overflow: hidden;
  position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999;
  transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
  
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px;}

.navbar-mobile ul { background: #242321; display: block; overflow-y: auto;
	position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}	
.navbar-mobile ul li { text-align:center; margin:0;}	
.navbar-mobile ul li a { display:block; color:rgba(255, 255, 255, 1); text-transform: none;
	align-items: inherit; justify-content: inherit; white-space: inherit;}
.navbar-mobile ul li a:focus { display:block;}
.navbar-mobile a { padding: 10px 20px; font-size: 18px; color: #333333;}
.navbar-mobile a:focus {}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a, .navbar-mobile a:focus { color: #f6343f;}

.navbar-mobile ul li a:before { bottom:0;}
.navbar-mobile a.nav-link.order-online-btn { margin:10px 0 0 0; text-transform:uppercase; font-size: 18px;}

.navbar-mobile .dropdown ul { background: #fff; position: static; display: none;
	margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible;  
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li { min-width: 200px;}
.navbar-mobile .dropdown ul a { padding: 10px 20px;}
.navbar-mobile .dropdown ul a i { font-size: 12px;}
.navbar-mobile .dropdown ul a:hover, 
.navbar-mobile .dropdown ul .active:hover, 
.navbar-mobile .dropdown ul li:hover > a { color: #18d26e;}
.navbar-mobile .dropdown > .dropdown-active { display: block;}



/* Sections
--------------------------------*/

section { overflow: hidden;}

.section-header { position: relative; margin-bottom: 40px; text-align:center;}
.section-header img { max-width: 250px; display: inline-block; margin: 0 auto;}

.section-header h2 { font-size: 36px; font-weight: 700; text-align: center; margin: 0;}

.section-header p { text-align: center; margin: 0; font-size: 16px; font-weight: 400; color: #161616;}
.section-header p a { background: #f6343f; text-decoration:none; color:#FFFFFF; padding:4px 10px;}


/* Section with background
--------------------------------*/

.section-bg { background: #f7f7f7;}


/* Breadcrumbs
--------------------------------*/

.breadcrumbs { padding: 20px 0; background: #f7f7f7; min-height: 40px; margin-top: 125px;}
.breadcrumbs h2 { font-size: 24px; margin-bottom: 0; font-weight: 600;}
.breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px;}
.breadcrumbs ol li { font-family: 'GT America'; font-size:15px; font-weight: 400;}
.breadcrumbs ol li + li { padding-left: 10px;}
.breadcrumbs ol li + li::before { display: inline-block; padding-right: 10px; color: #6c757d; content: "/";}

@media (max-width: 768px) {
  .breadcrumbs .d-flex { display: block !important;}
  .breadcrumbs ol { display: block;}
  .breadcrumbs ol li { display: inline-block;}
}



/* Slider Section
--------------------------------*/

.slider-area { position: relative; width: 100%; height: 100%;}
.slider-area h1 { color:#FFFFFF; font-size:36px; font-weight: 700;}
.slider-area h1 span { font-weight: 700;}

.slider-area h2 {}
.slider-area h3 {}
.slider-area h3 div { margin:20px 0 0 0;}

/*.slider-area h3 a.order-btn { text-transform:uppercase;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.slider-area h3 a.order-btn:hover { background:#FFFFFF; color: #f6343f;}*/

html, body { height: 100%}

.pogoSlider { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; padding-bottom: 0;}

.pogoSlider-slide { position: absolute; width: 100%; height: 100%; opacity: 0; overflow: hidden;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-perspective: 1300px; perspective: 1300px;    
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0;}

.pogoSlider-slide::after { background: #161616; width: 100%; height: 100%;
    /*background: #000 url("../img/pattarn.png") repeat scroll 0 0;*/
    content: ""; position: absolute; left: 0; opacity: 0.6; top: 0; z-index: -1;}
	
.slider-area h3 span.download-app { display: block; margin: 20px 0 0 0;}

a.time-btn { /*background: #FFFFFF;*/ color: #FFFFFF; font-size:32px; display: inline-block; 
    width: 52px; height: 52px; line-height:54px; vertical-align:middle;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}



/* About Section
--------------------------------*/

#about { position: relative; /*background: #161616;*/ padding:80px 0 0 0;}
#about p { color: #FFFFFF;}

#about .section-header, #about .section-header h2 { text-align:center;}
#about .section-header h2 { text-align:center; color: #FFFFFF;}

#about a.order-btn { background:#f6343f; color: #FFFFFF; border:0px none; margin: 25px 0 0 0;}
#about a.order-btn:hover { background:#FFFFFF; color: #f6343f;}

#about .about-social-btns { background: #242321; padding:20px 0; margin:80px 0 0 0;}

a.social-btn { font-size:22px; padding: 8px 12px; text-align: center; line-height: 32px; display:block; color: #FFFFFF;  
	-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;}
a.social-btn i { margin-right:10px; font-size:48px;}


#about { background: url(../img/bg/bg-about.jpg) top center;
	-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;}
	
#about:before { content: ""; background: #161616;
    width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.6;}	
	
@media (min-width: 1024px) {

	#about { background-attachment: fixed;}
  
}


/*a.social-btn.fb-btn { border:2px solid #395693;}
a.social-btn.insta-btn { border:2px solid #5e5e5e;}
a.social-btn.yelp-btn { border:2px solid #d9232e;}
a.social-btn.tripadvisor-btn { border:2px solid #4a883f;}
a.social-btn.fb-btn:hover { color:#395693;}
a.social-btn.insta-btn:hover { color:#5e5e5e;}
a.social-btn.yelp-btn:hover { color:#d9232e;}
a.social-btn.tripadvisor-btn:hover { color:#4a883f;}*/


/* Special Offers Section
--------------------------------*/

#special-offers { position: relative; overflow: hidden; background: url(../img/bg/bg-img2.jpg) top center;
	-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;}
	
@media (min-width: 1024px) {
	
	#special-offers { background-attachment: fixed;}
  
}

#special-offers .section-header { margin:0 0 30px 0;}
#special-offers .section-header h2 { color: #FFFFFF;}

#special-offers .details { text-align:center;}
#special-offers .details h3 { color: #FFFFFF; font-family: 'GT America'; font-weight: 400; font-size: 30px;}
#special-offers .details a.order-btn { margin-top: 20px;}

#special-offers:before, .blog-area:before { content: ""; /*background: #000 url(../img/pattarn.png);*/ background: #161616;
    width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.6;}	


/* Gallery Section
--------------------------------*/

#gallery { background: #161616; position:relative; padding:10px 0;}
#gallery a.venobox { display: block; padding: 15px 0;}

.gallery-desktop { /*display:block;*/}
.gallery-mobile { display:none;}

#gallery .owl-carousel .owl-controls { margin-top: -30px; position: absolute; top: 50%; width: 100%;}
#gallery .owl-carousel .owl-nav>button { background: #f6343f; color: #fff; width: 40px; height: 40px; 
	text-align: center; display: inline-block; font-size: 28px; margin-top: -20px; opacity: 0;
    padding-top: 4px; position: absolute; top: 50%;
    -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#gallery .owl-carousel .owl-nav>button:focus { border:0px none; outline:none;}
#gallery .gallery-slider:hover .owl-nav>button { opacity: 1;}

#gallery .owl-carousel .owl-nav>button.owl-next { right: 0;}
#gallery .owl-carousel .owl-nav>button.owl-prev { left: 0;}

#gallery .owl-dots { margin-top: 25px; text-align: center;}
#gallery .owl-dots .owl-dot { display: inline-block; margin: 0 5px;
	width: 12px; height: 12px; background: #ddd;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}
#gallery .owl-dots .owl-dot:focus { outline:none;}
#gallery .owl-dots .owl-dot.active { background-color: #f6343f;}


/* Blog Section
--------------------------------*/

.blog-area { position: relative; overflow: hidden; background: url(../img/bg/bg-img3.jpg) top center; 
	-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;}
	
@media (min-width: 1024px) {
	
	.blog-area { background-attachment: fixed;}
  
}
	


.post-details { background: #ffffff; padding:25px 20px; min-height:240px;}

.post-details h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; 
	position: relative; color: #161616;}
.post-details h3::after { background: #161616; content: ""; width: 50px; height: 2px; 
	position: absolute; bottom: 0;  left: 0; right: 0; margin: 0 auto;}
.post-details p { font-size:17px; margin:0; color: #161616;}

.row.post-slider { margin: 0;}
.row.post-slider .col-lg-4 { padding: 0; width: 100%;}

.blog-area .owl-carousel .owl-controls { margin-top: -30px; position: absolute; top: 50%; width: 100%;}
.blog-area .owl-carousel .owl-nav>button { background: #cf2b2e; color: #fff; width: 40px; height: 40px; 
	text-align: center; display: inline-block; font-size: 28px; margin-top: -20px; opacity: 0;
    padding-top: 4px; position: absolute; top: 50%;
    -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.blog-area .owl-carousel .owl-nav>button:focus { border:0px none; outline:none;}
.blog-area .post-slider:hover .owl-nav>button { opacity: 1;}

.blog-area .owl-carousel .owl-nav>button.owl-next { right: -50px;}
.blog-area .owl-carousel .owl-nav>button.owl-prev { left: -50px;}


/* Footer Section
--------------------------------*/

#footer { background: #161616;}

#footer .section-header h2 { color:#FFFFFF;}

#footer .footer-top { padding: 60px 0;}

#footer .website-accessibility { padding:0 40px 40px 40px;}
#footer .website-accessibility p { font-size:14px; color:#FFFFFF; line-height:20px; margin:0 0 10px 0;}
#footer .website-accessibility p:last-child { margin:0;}
#footer .website-accessibility p a { color: #f6343f; text-decoration:underline;}
#footer .website-accessibility .section-header { margin-bottom:20px;}
#footer .website-accessibility .section-header h2 { font-size:26px;}

#footer .footer-top .footer-links { text-align: center; margin-bottom: 20px;
    padding: 20px; border: 1px dotted #383d3e;}
#footer .footer-top .footer-links h3 { font-size:22px; font-weight: 700; color: #FFFFFF;}	
#footer .footer-top .footer-links.hours-sect { padding:0; border:0px none;}	
#footer .footer-top .footer-links.hours-sect ul li { padding:0; border:0px none;}
	
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0;}
#footer .footer-top .footer-links ul i { padding-bottom: 10px; color: #FFFFFF; font-size: 24px; display:block;}
#footer .footer-top .footer-links ul i.las.la-tty, #footer .footer-top .footer-links ul i.las.la-envelope { display:inline-block; padding: 0 10px 0 0; vertical-align: top;}

#footer .footer-top .footer-links ul li { /*border-bottom: 1px solid #383d3e;*/ padding: 8px 0;}
#footer .footer-top .footer-links ul li:first-child { padding-top: 0;}
#footer .footer-top .footer-links ul li a, #footer .footer-top .footer-links ul li span { font-family: 'GT America'; font-weight:400; font-size:17px; color: #FFFFFF;}
#footer .footer-top .footer-links ul li a br { display:none;}
#footer .footer-top .footer-links ul li span { display:block; margin-bottom: 5px;}
#footer .footer-top .footer-links ul li a:hover { color: #FFFFFF;}
#footer .footer-top .footer-links p { margin:10px 0 0 0;}
#footer .footer-top .footer-links p a { font-family: 'GT America'; font-size:17px; font-weight:700; color: #f6343f; text-decoration:underline;}

#footer .footer-top .footer-links.verified-img { padding: 10px; margin: 0;}
#footer .footer-top .footer-links.verified-img img { max-width: 225px;}

#footer .copyright { background:#202020; padding: 20px 0; text-align: center;}
#footer .copyright p { margin:0; color: #FFFFFF; font-size: 17px;}

#footer .note { background:#303030; padding: 12px 0; text-align: center;}
#footer .note p { margin:0; color: #FFFFFF; font-size: 17px;}


/* Locations Section
--------------------------------*/

.locations-main .location-block { padding:0 0 40px 0;}
.locations-main .location-block h2 { font-size:28px; font-weight:700; line-height:26px;}
.locations-main .location-block h2 span { display:block; font-size:18px; font-family: 'GT America'; font-weight:400; margin:5px 0 0 0; color: #f6343f;}
.locations-main .location-block p { font-size:17px; font-weight: 400; margin:0 0 14px 0;}
.locations-main .location-block a { background: #f6343f; font-weight: 400; color: #FFFFFF; padding:10px 14px; line-height: 24px; border:0px none;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}



