/* Reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }

html, body {
  height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

b, strong {
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

ol, ul {
  list-style: none; }

li {
  display: list-item; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th, td, caption {
  font-weight: normal;
  vertical-align: top; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

sub, sup, small {
  font-size: 75%; }

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  overflow: hidden; }

/* Structure and Responsive Grid
----------------------------------------------------------------------------------------------------*/
html {
  -webkit-text-size-adjust: 100%; }

body {
  padding: 0;
  font-family: Trebuchet MS, Tahoma, Helvetica, arial;
  font-size: 16px;
  background: #7a6652 url(../img/ds-main-bg.jpg) no-repeat 50% 0;
  background-attachment: fixed;
  background-size: cover; }

.wrapper {
  position: relative;
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px; }

.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14 {
  padding: 0 10px;
  box-sizing: border-box; }

.col_1 {
  -webkit-box-flex: 0 8.33333%;
  -moz-box-flex: 0 8.33333%;
  -webkit-flex: 0 8.33333%;
  -ms-flex: 0 8.33333%;
  flex: 0 8.33333%; }

.col_2 {
  -webkit-box-flex: 0 16.66667%;
  -moz-box-flex: 0 16.66667%;
  -webkit-flex: 0 16.66667%;
  -ms-flex: 0 16.66667%;
  flex: 0 16.66667%; }

.col_3 {
  -webkit-box-flex: 0 25%;
  -moz-box-flex: 0 25%;
  -webkit-flex: 0 25%;
  -ms-flex: 0 25%;
  flex: 0 25%; }

.col_4 {
  -webkit-box-flex: 0 33.33333%;
  -moz-box-flex: 0 33.33333%;
  -webkit-flex: 0 33.33333%;
  -ms-flex: 0 33.33333%;
  flex: 0 33.33333%; }

.col_5 {
  -webkit-box-flex: 0 41.66667%;
  -moz-box-flex: 0 41.66667%;
  -webkit-flex: 0 41.66667%;
  -ms-flex: 0 41.66667%;
  flex: 0 41.66667%; }

.col_6 {
  -webkit-box-flex: 0 50%;
  -moz-box-flex: 0 50%;
  -webkit-flex: 0 50%;
  -ms-flex: 0 50%;
  flex: 0 50%; }

.col_7 {
  -webkit-box-flex: 0 58.33333%;
  -moz-box-flex: 0 58.33333%;
  -webkit-flex: 0 58.33333%;
  -ms-flex: 0 58.33333%;
  flex: 0 58.33333%; }

.col_8 {
  -webkit-box-flex: 0 66.66667%;
  -moz-box-flex: 0 66.66667%;
  -webkit-flex: 0 66.66667%;
  -ms-flex: 0 66.66667%;
  flex: 0 66.66667%; }

.col_9 {
  -webkit-box-flex: 0 75%;
  -moz-box-flex: 0 75%;
  -webkit-flex: 0 75%;
  -ms-flex: 0 75%;
  flex: 0 75%; }

.col_10 {
  -webkit-box-flex: 0 83.33333%;
  -moz-box-flex: 0 83.33333%;
  -webkit-flex: 0 83.33333%;
  -ms-flex: 0 83.33333%;
  flex: 0 83.33333%; }

.col_11 {
  -webkit-box-flex: 0 91.66667%;
  -moz-box-flex: 0 91.66667%;
  -webkit-flex: 0 91.66667%;
  -ms-flex: 0 91.66667%;
  flex: 0 91.66667%; }

.col_12 {
  -webkit-box-flex: 0 100%;
  -moz-box-flex: 0 100%;
  -webkit-flex: 0 100%;
  -ms-flex: 0 100%;
  flex: 0 100%; }

.alpha {
  padding-left: 0; }

.omega {
  padding-right: 0; }

/* Typography, Links and Buttons
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  color: #282828;
  line-height: 1;
  font-weight: normal; }

h1 {
  font-size: 48px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

p {
  margin: 0 0 20px;
  font-size: 14px;
  color: #666;
  line-height: 1.6; }

a:link,
a:active,
a:visited {
  color: #ed7036;
  text-decoration: underline; }

a:hover {
  color: #0c233f; }

a:focus,
a:active {
  outline: 0; }

.btn,
a.btn {
  display: inline-block;
  padding: 8px 16px 6px;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  line-height: 1 !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background: #0c233f; }
  .btn:hover,
  a.btn:hover {
    background: #ed7036; }

.btn.sm,
a.btn.sm {
  padding: 2px 5px;
  font-size: 11px; }

.btn.big,
a.btn.big {
  padding: 15px 20px 13px;
  font-size: 20px; }

.btn.cancel,
a.btn.cancel {
  background: #ddd; }

.clr {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 0;
  height: 0;
  line-height: 0; }

.a-rt {
  text-align: right; }

.a-lft {
  text-align: left; }

.a-ctr {
  text-align: center; }

/* Utilities
----------------------------------------------------------------------------------------------------*/
.photo {
  margin: 20px 10px; }
  .photo img {
    width: 100%;
    max-width: 100%; }

.photoslides {
position: relative;
display: block;
overflow: hidden;
}

.fig_sidebar {
  background: rgba(0,0,0,0.25);
  padding: 20px; 
  width: 400px;

}

figure {
position: absolute;
opacity: 0;
transition: 1s opacity;
}

figcaption{
position: absolute;
font-family: sans-serif;
font-size: .8em;
bottom: .75em;
right: .35em;
padding: .25em;
color: #fff;
background: rgba(255,255,255, .5);
border-radius: 2px;
}
figcaption a{
color: #fff;
}
figure.show{
opacity: 1;
position: static;
transition: 1s opacity;
}
.next, .prev{
color: white;
position: absolute;
background: rgba(0,0,0, .5);
top: 50%;
z-index: 1;
font-size: 2em;
margin-top: -.75em;
opacity: .9;
user-select: none;
}
.next:hover, .prev:hover{
cursor: pointer;
opacity: 1;
}
.next{
right: 0;
padding: 10px 5px 15px 10px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.prev{
left: 0;
padding: 10px 10px 15px 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

.photo.alt img {
  border: 3px solid #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.callout {
  margin: 0 10px 10px;
  padding: 10px 0 20px;
  text-align: center;
  background: #ed7036; }
  .callout h3, .callout h4, .callout p {
    color: #fff; }
  .callout h3, .callout h4 {
    margin-bottom: 0 !important; }
  .callout h3 {
    font-size: 32px; }
  .callout p {
    margin: 0 20px !important; }

hr.split {
  clear: both;
  margin: 20px 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  border-top: 1px solid #666; }

table {
  margin: 2%;
  width: 96%;
  border-collapse: collapse;
  border: 1px solid #ddd; }
  table thead th {
    padding: 10px;
    font-size: 18px;
    color: #282828;
    background: #ddd;
    text-align: left; }
  table td {
    padding: 10px;
    font-size: 14px;
    color: #666;
    border-left: 1px solid #ddd; }
    table td.price {
      text-align: right;
      border: none; }
    table td:first-child {
      border: none; }

.btn-floating-left {
  border-radius: 50%;
  background-color: rgba(255,255,255,0.5);
  border-color: rgba(255,255,255,0.5);
  position: relative;
  font-size: 24px;
  padding: 15px 24px;
  top: -240px;
  left: 0px;
}

.btn-floating-right {
  border-radius: 50%;
  background-color: rgba(255,255,255,0.5);
  border-color: rgba(255,255,255,0.5);
  position: relative;
  font-size: 24px;
  padding: 15px 24px;
  top: -240px;
  left: 710px;
}

/* Page Content
----------------------------------------------------------------------------------------------------*/
.masthead {
  position: relative;
  margin: 60px auto 0; }
  .masthead .brand {
    position: absolute;
    top: -48px;
    left: -20px;
    z-index: 99; }

.mtrigger,
.strigger {
  display: none; }

nav {
  background: #0c233f; }

nav li {
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 1; }

nav a {
  display: block;
  padding: 20px 20px 15px;
  color: #fff;
  text-transform: uppercase; }
  nav a:link, nav a:active, nav a:focus, nav a:visited {
    color: #fff;
    text-decoration: none; }
  nav a:hover {
    background: rgba(0,0,0,0.25); }

nav .trigger span {
  float: left;
  padding: 10px 15px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase; }
  nav .trigger span:link, nav .trigger span:active, nav .trigger span:focus, nav .trigger span:visited {
    color: #fff;
    text-decoration: none; }
  nav .trigger span:hover {
    background: #ed7036;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }

nav .primary {
  padding: 20px 20px 0; }

nav .primary .active,
nav .primary .active a:hover {
  background: #ed7036; }

nav .secondary {
  padding: 10px 20px;
  background: #ed7036; }

nav .secondary li {
  font-size: 16px; }

nav .secondary a {
  padding: 10px 20px;
  color: #fff; }
  nav .secondary a:hover {
    background: #9d2133; }

.container {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5); }

.page {
  margin: 0 10px;
  padding: 20px 0;
  background: #fff; }
  .page h1,
  .page h2,
  .page h3,
  .page h4,
  .page h5,
  .page h6,
  .page p,
  .page ol,
  .page ul {
    margin: 20px; }
  .page ul li {
    margin: 10px 0 0; }

.page ul {
  padding: 0 30px;
  font-size: 14px;
  color: #666;
  list-style: square; }

.page.menu h2 {
  margin: 10px 10px 0;
  padding: 10px;
  color: #fff;
  background: #666; }

.menu-section {
  margin: 0 0 20px;
  border: 5px solid #ddd; }

.menu-item {
  margin: 10px 20px;
  padding: 20px 0;
  border-top: 1px dashed #ddd; }
  .menu-item strong {
    color: #282828; }
  .menu-item dt {
    font-size: 18px;
    color: #9d2133; }
  .menu-item dd {
    margin: 10px 0 0;
    font-size: 14px;
    color: #666; }

.menu-item.lead {
  border: none; }

.quote {
  margin: 0 0 20px;
  padding: 0 20px;
  border: 5px solid #ddd; }
  .quote p {
    font-family: Georgia,serif;
    font-size: 18px;
    font-style: italic; }
  .quote cite {
    display: block;
    margin: 0 20px 20px;
    color: #0c233f;
    font-size: 14px;
    font-style: normal; }

footer .copyright {
  margin: 0 0 30px;
  padding: 20px 0 10px;
  width: 100%;
  background: #282828; }

/* Breakpoint: 1000px
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
  nav li {
    font-size: 18px; }

  nav a {
    padding: 20px 10px 15px; }

  nav .secondary a {
    padding: 10px; }

  .rental {
    width: 21%; } }
/* Breakpoint: 799px
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 799px) {
  h1 {
    font-size: 32px; }

  h2 {
    font-size: 24px; }

  h3 {
    font-size: 20px; }

  h4 {
    font-size: 18px; }

  h5 {
    font-size: 16px; }

  h6 {
    font-size: 14px; }

  .splash .logo {
    order: 1; }

  .splash .restaurant {
    order: 2; }

  .splash .catering {
    order: 3; }

  .splash .col_3,
  .splash .col_6 {
    -webkit-box-flex: 0 100%;
    -moz-box-flex: 0 100%;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%; }

  .splash .logo img {
    width: auto;
    max-width: 30%; }

  .splash .btn.big {
    margin: 0 0 20px; }

  .accolades {
    margin: 40px 0 0; }

  .accolades .col_1 {
    -webkit-box-flex: 0 16.66667%;
    -moz-box-flex: 0 16.66667%;
    -webkit-flex: 0 16.66667%;
    -ms-flex: 0 16.66667%;
    flex: 0 16.66667%; }

  .accolades .gutter {
    -webkit-box-flex: 0 16.66667%;
    -moz-box-flex: 0 16.66667%;
    -webkit-flex: 0 16.66667%;
    -ms-flex: 0 16.66667%;
    flex: 0 16.66667%; }

  .masthead .brand img {
    width: 80%;
  }

  nav {
    padding: 50px 0 0; }

  nav .primary {
    display: none; }

  nav .primary li {
    display: block;
    text-align: right; }

  nav .primary a {
    padding: 10px; }

  nav .secondary {
    padding: 10px; }

  nav .secondary li {
    font-size: 14px; }

  .mtrigger {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 48px;
    height: 36px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }

  .mtrigger:focus {
    outline: none; }

  .mtrigger span {
    display: block;
    position: absolute;
    top: 15px;
    left: 10px;
    right: 10px;
    height: 3px;
    background: #fff;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }

  .mtrigger span::before,
  .mtrigger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: "";
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s; }

  .mtrigger span::before {
    top: -8px; }

  .mtrigger span::after {
    bottom: -8px; }

  .mobile .mtrigger {
    height: 42px;
    border: 3px solid #0c233f;
    border-top: none;
    border-bottom: none;
    background: #0c233f; }

  .mobile .mtrigger span {
    background: none;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }

  .mobile .mtrigger span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

  .mobile .mtrigger span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .menu .col_6,
  .menu .col_8,
  .menu .col_4 {
    -webkit-box-flex: 0 100%;
    -moz-box-flex: 0 100%;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%; }

  .rental {
    width: 29%; }

  .testimonials .col {
    -webkit-box-flex: 0 100%;
    -moz-box-flex: 0 100%;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%; } }
/* Breakpoint: 599px
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {
  .page .photo {
    margin: 20px; }
  .main,
  .sidebar,
  .page .col_3 {
    -webkit-box-flex: 0 100%;
    -moz-box-flex: 0 100%;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%; }

  table thead th,
  table td {
    padding: 10px 5px;
    font-size: 12px; } }
/* Breakpoint: 479px
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
  .splash .logo img {
    width: auto;
    max-width: 80%; }

  .accolades .col_1 {
    -webkit-box-flex: 0 25%;
    -moz-box-flex: 0 25%;
    -webkit-flex: 0 25%;
    -ms-flex: 0 25%;
    flex: 0 25%; }

  .accolades .gutter {
    display: none; }

  nav .secondary li {
    display: block;
    text-align: right; }

  nav .secondary a {
    padding: 10px; }

  .rental {
    width: 46%; } }

/*# sourceMappingURL=style.css.map */