/*
	
	yellow: #c9ae67
	blue: #144e90
	
	
*/
@font-face {
font-family: 'Tw Cen MT';
font-style: normal;
font-weight: normal;
src: local('Tw Cen MT'), url('Tw Cen MT.woff') format('woff');
}

html{
	width:100%;
	-webkit-font-smoothing: antialiased;
}

.mylogo{
	max-width: 200px;
}

*{
	box-sizing: border-box;
}
body{
	padding:0;
	width:100%;
	font-size:14px;
	line-height:21px;
	margin:0;
	color:#222;
	font-family:'Tw Cen MT';font-weight:normal;
}


.page-template-0_menu .n2-section-smartslider{
    position: fixed;
    width: 100%;
    z-index: -1;
    top: 0;
    height: 100%;
}

 .page-template-0_home .n2-section-smartslider{
	
    width: 100%;
    z-index: 1;
    top: 0;
    height: 100%;
 }
 
 
.n2-section-smartslider {
	
	font-family:'Tw Cen MT';font-weight:normal !important;

}
a{
	text-decoration: none;
	color:#222;
}

.menu-main-container ul{
	list-style: none;
}

.main-menu-more{
	display: none;
}

.page-template-0_menu{
	background:#aaa;
}

#menu-container{
	max-width:600px;
	margin:0 auto;
	padding:20px;
	text-align: center;
    background: rgba(245,245,245,1);
    margin-bottom:40px;
    border: 5px solid #e6e6e6;
}

ul#tabs{
	list-style: none;
	margin:0;
	padding:20px 0;
	text-align: center;
	
}

ul#tabs li{
	display: inline-block;
	height: 35px;
	text-transform: uppercase;
}


ul#tabs  a.current{
	background:#144e90;
	color:#fff;
}

ul#tabs li  a{
	padding:5px 12px;
	margin:0 3px;
	cursor: pointer;
}
ul#tabs li a{
	background:#dedede;
	font-size:16px;
}

ul#tabs li a.current:hover{
	background:#144e90;
}


#menu .section{
	padding:30px 0 0 0;
}

.page-template-0_menu #content{
	min-height:100vh;
}

#menu h4{
	font-size:21px;
	line-height: 25px;
	font-weight: normal;
	margin:0 0 10px 0;
	text-transform: uppercase;
	color:#111;
	letter-spacing: 1px;
}

#menu h5{
	color:#144e90;
	font-size: 17px;
	font-weight:400;
    line-height: 20px;
	margin:0 0 3px 0;
}

#menu .item .padding{
	padding:0 30px;
}

#menu p{
	color:#666;
	font-size:16px;
	line-height:18px;
	margin:0;
}

#menu .item{
	flex: 0 1 50%;
	margin-bottom:20px;
}

#menu .items{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#menu .price{
	margin-top:4px;
	font-size:14px;
}

#menu .intro{
	max-width:500px;
	margin:0 auto 30px auto;
}



 .page-template-0_home #footer{
	 margin-top:0px;
 }
.menu{
	position: absolute;
	top:-99999px;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -ms-transition: opacity 1.5s ease-in-out;
  -o-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
}

.menu.current{
	position: inherit;
	left:0px;
	opacity:1;
}

#nav{
	width:100%;
	height:85px;
	position: fixed;
	z-index: 2;
	transition: background .5s;
}


#logo{
	width:110px;
	background-repeat: no-repeat;
	height:44px;
	display: inline-block;
	left:20px;
	top:20px;
	position: absolute;
}

#logo #white{
	display: block;
}

#logo #blue{
	display: none;
}
#d-menu .menu-main-container {
    width: 100%;
    text-align: center;
  

}
#d-menu .menu-main-container ul{
	
    padding: 0;
    margin: 0;
}
#d-menu .menu-main-container ul li{
	display: inline-block;
	padding:25px 12px;
	margin:0 7px;
	display: inline-block;
}
#d-menu .menu-main-container ul li a{
	color:#fff;
	font-size:19px;
	line-height:19px;
}
#d-menu .menu-main-container ul li a:hover{
	color:#111;
}
#reso-btn {
  background: #c9ae67;
  height: 40px;
  width: auto;
  display: inline-block;
  padding: 0 15px 0 0;
  margin: auto;
  position: absolute;
  right:0;
  color: #111;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 1px;
    top: 19px;
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
  margin-left: 50px;
}
#reso-btn:before {
  content: '';
  border: 20px solid #c9ae67;
  border-left-color: transparent;
  border-left-width: 10px;
  position: absolute;
  top: 0;
  left: -30px;
}
#reso-btn:after {

}

#nav.scrolled, .page-template-0_contact #nav{
	background:#ffffff;
	-webkit-box-shadow: 0px 5px 19px -4px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 5px 19px -4px rgba(0,0,0,0.22);
box-shadow: 0px 5px 19px -4px rgba(0,0,0,0.22);
	height:62px;
}
.page-template-0_about #nav #logo #blue,
.page-template-0_closure #nav #logo #blue{
	display: block;
}

#nav.scrolled #logo #blue, .page-template-0_contact #nav #logo #blue,
.page-template-0_about #nav.scrolled #logo #blue,
.page-template-0_closure #nav.scrolled #logo #blue{
 	display: block;
	background-repeat: no-repeat;
	background-size:contain;
	width:85px;
	height:34px;
	top:13px;
    left: 15px;
}

.page-template-0_contact #nav #logo {
	top:14px;
}

#nav.scrolled #logo{
	top:14px;
}
#nav.scrolled #logo #white,
.page-template-0_contact #nav #logo #white,
.page-template-0_about #nav #logo #white,
.page-template-0_closure #nav #logo #white
{
	display: none;
}
#nav.scrolled #reso-btn, .page-template-0_contact #nav #reso-btn{
	top:11px;
}

#nav.scrolled .menu-main-container ul li, .page-template-0_contact  #nav .menu-main-container ul li{
	padding:17px 12px;
}

#nav.scrolled .menu-main-container ul li a, .page-template-0_contact #nav .menu-main-container ul li a{
	color:#222;
}

#content{
	padding-top:110px;
}

#m-menu-btn{
	position: absolute;
	width:50px;
	height:50px;
	display: none;
	left:10px;
	padding-left:20px;
	padding-top:10px;
	top:17px;
	  cursor: pointer;
}


#navmenu:not( .mm-menu ) { display: none; }


#m-menu-btn {
}

#m-menu-btn div {
	width: 20px;
  height: 2px;
  background-color: #fff;
  margin: 5px 0;
}

#nav.scrolled  #m-menu-btn div, .page-template-0_contact #nav #m-menu-btn div {

  background-color: #333;
}


#footer{
	background:#144e90;
	padding:10px;
	color:#aaa;
	text-align: center;
}

#footer a{
	color:#ccc;
}

#footer .info{
	display: inline-block;
	margin:0 10px;
	font-size: 15px;
}


#reso-btn:hover{
	color:#fff;
}


body.page-template-0_about{
	background:#f7f7f7;
}

body.page-template-0_about #d-menu .menu-main-container ul li a{
	color:#222;
}



body.page-template-0_about #m-menu-btn div {
    background-color: #333;
}

.site-width, #staff{
	max-width: 1200px;
	margin:0 auto;
}

body.page-template-0_about #content{
	padding-top:0px;
}

.parallax-container{
	min-height:60vh;
}

.parallax-container.first{

	min-height:65vh;

}
.page-template-0_about .section{

	padding-top:40px;
	display: flex;
	flex-direction: column;
}

.page-template-0_about .section.first{
		min-height:45vh;
	height:0;
}

.page-template-0_about .section .text{
	padding:2% 40px 5% 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-template-0_about .section .writeup{
	font-size:17px;
	line-height:23px;
	color:#777;
	text-align: justify;
	flex:65% 0 0;
	
}
.page-template-0_about .section .writeup.columns{

    column-count: 2;
    column-gap: 40px;
}
.page-template-0_about .section .text h1{
	text-transform: uppercase;
	font-weight:100;
	margin:0;
	color:#222;
	font-size:26px;
	letter-spacing: 2px;
	line-height: 26px;
	flex:25% 0 0;
}

body.page-template-0_closure{
	background:#f7f7f7;
}

body.page-template-0_closure #d-menu .menu-main-container ul li a{
	color:#222;
}



body.page-template-0_closure #m-menu-btn div {
    background-color: #333;
}

.site-width, #staff{
	max-width: 1200px;
	margin:0 auto;
}

body.page-template-0_closure #content{
	padding-top:0px;
}

.parallax-container{
	min-height:60vh;
}

.parallax-container.first{

	min-height:65vh;

}
.page-template-0_closure .section{

	padding-top:40px;
	display: flex;
	flex-direction: column;
}

.page-template-0_closure .section.first{
		min-height:45vh;
	height:0;
}

.page-template-0_closure .section .text{
	padding:2% 40px 5% 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-template-0_closure .section .writeup{
	font-size:17px;
	line-height:23px;
	color:#777;
	text-align: justify;
	flex:65% 0 0;
	
}
.page-template-0_closure .section .writeup.columns{

    column-count: 2;
    column-gap: 40px;
}
.page-template-0_closure .section .text h1{
	text-transform: uppercase;
	font-weight:100;
	margin:0;
	color:#222;
	font-size:26px;
	letter-spacing: 2px;
	line-height: 26px;
	flex:25% 0 0;
}



.home #content{
	padding-top:0px;
}

.filler{
	flex:1 1 auto;
}

.home #footer{
}
.page-template-0_landing #content,
.page-template-0_giftcards #content{
	height: 100vh;
	width:100%;
	display:flex;
	align-items: center;
	padding-top:0px;
}


.page-template-0_landing #box,
.page-template-0_giftcards #box
{
	width:100%;
	max-width: 800px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
}
.page-template-0_landing #box p,
.page-template-0_giftcards #box p{ 
	margin:0;
	color:#666;
	text-align: justify;
	font-size:16px;
	line-height:22px;
	
}
.page-template-0_landing #box #left,
.page-template-0_giftcards #box #left{
	flex:0 0 50%;
	background:#fff;
	padding:50px;
	-ms-flex: 1;
}

.page-template-0_landing #box #right,
.page-template-0_giftcards #box #right
{
	flex:0 0 50%;
	background:rgba(255,255,255,.7);
	padding:50px;
	-ms-flex: 1;
	display: flex;
    justify-content: center;
    align-items: center;
}

.page-template-0_landing .n2-section-smartslider,
.page-template-0_giftcards .n2-section-smartslider
{
	position: fixed;
	z-index: -1;
	width:100%;
	top:0;
	height:100%;
}

#landinglogo{
	width:150px;
	margin-bottom:20px;
	height:auto;
}


#contact{
	display: flex;
	
	flex-wrap: wrap;
	min-height:100vh;
    padding-top: 60px;
}

#contact .box1{
	padding:20px;
	flex:0 0 25% ;
}
#contact .box2{
	order:2;
	padding:20px;
	flex:1 ;
}

#contact .box3{
	order:3;
	padding:20px;
	flex:0 0 25% ;
	color:#fff;
}

#contact .box4{
	order:4;
	padding:20px;
	flex:0 0 50%;
	min-height:30vh;
}

#contact .box5{
	order:5;
	flex:1;
}

#contact h1{
	
    font-weight: 400;
    font-size:27px;
    line-height:27px;
}

#contact .box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#contact .box .inner{
	width:100%;
	text-align: center;
}


#contact .box2 p{
	color:#555;
    font-size: 16px;
    line-height: 26px;
}
#contact .box2 a{
	color:#555;
}
#contact .box2 a.link, .button{
	    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #222;
    margin-top: 20px;
    background: none;
    border: 2px solid #222;
    padding: 7px 17px;
    display: inline-block;

}
#contact .box2 a.link:hover, .button:hover{

    color: #fff;
    margin-top: 20px;
    background: #222;
    border: 2px solid #222;

}

.mm-panels{
	border-color:#fff;
}
.mm-navbars_bottom .mm-navbar:first-child{
	border:none;
}
.mm-navbars_bottom {

    background: #fff;
}


.mm-navbar .email{
	background:url(images/email.png) center center no-repeat;
	background-size:20px 20px;
	opacity:.5;
}

.mm-navbar .phone{
	background:url(images/phone.png) center center no-repeat;
	background-size:20px 20px;
	opacity:.5;
}

.mm-navbar .instagram{
	background:url(images/instagram.png) center center no-repeat;
	background-size:20px 20px;
	opacity:.5;
}

.mm-navbar .location{
	background:url(images/location.png) center center no-repeat;
	background-size:20px 20px;
	opacity:.5;
}
.mm-navbars_bottom
.mm-navbar{
	min-height: 70px;
}

.mm-listitem{
	border-left:5px solid #fff;
}
.mm-listitem.current-menu-item{
	border-left:5px solid #111;
}


#nav .current-menu-item{
	border-top:3px solid #fff;
}

#nav.scrolled .current-menu-item, .page-template-0_about #nav .current-menu-item,
.page-template-0_contact #nav .current-menu-item{
	border-top:3px solid #222;
}

.remodal p{
	font-size:16px;
	line-height:19px;
    color: #666;
}


.page-template-0_landing #right .button{
	    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: #144e90;
    border:none;
    padding: 7px 17px;
    display: inline-block;
}

.page-template-0_landing #right .button:hover{
	
    color: #fff;
    background: #222;
}

.remodal h4{
    font-size: 21px;
    line-height: 25px;
    font-weight: normal;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    color: #111;
    letter-spacing: 1px;
}


.page-template-0_giftcards #box #right, .page-template-0_giftcards #box #right p{
	text-align: center;
}
.page-template-0_giftcards #box #right p{
	margin-bottom:0px;
}

.page-template-0_giftcards #box #right .button{
	margin-top:10px;
	margin-bottom:30px;
}
