*{
padding:0px;
margin:0px;
font-family:arial;
}

*:focus {
    outline: none;
}

.topnav {
    height: 58px;
    padding:30px 8px;
}

.topnav a {
    color: #595959;
    font-weight:bold;
    text-decoration: none;
    cursor:pointer;  
}

.top-options {
	font-weight:bold;
	cursor:pointer;
}

.topnav a:hover {
    color: #d3d3d3;
}

.topnav .icon {
    display: none;
}
#trades {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#trades td, #trades th {
  border: 1px solid #ddd;
  padding: 8px;
}

#trades tr:nth-child(even){background-color: #f2f2f2;}

#trades tr:hover {background-color: #ddd;}

#trades th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #97bac0;
  color: white;
}

.buy-button {
    text-align:center;
    width:98%;
    font-family:arial;
    font-size:16pt;   
}

tr.lag1 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

tr.lag2 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

tr.lag3 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

tr.lag4 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

#rabbiting-overlay {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;
}

#happening-overlay {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;
}

#vp-overlay {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;
}

#port-table td{
	padding:0px 10px;
}


#vp-management td{
border:1px solid #595959;
padding:8px;
font-size:11pt;
text-align:right;
}

#vp-management .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
text-align:center;
}

#vp-management .ports{
background-color:#dddddd;
font-size:10pt;
font-family:arial;
cursor:pointer;
color:#595959;
}

#vp-management .total-row{
background-color:#cccccc;
font-weight:bold;
}

#active-volumes td{
border:1px solid #595959;
padding:8px;
text-align:right;
}

#active-volumes .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
}

#active-volumes .lagging{
font-size:9pt;
}

#active-volumes .ports{
background-color:#dddddd;
font-size:10pt;
font-family:arial;
cursor:pointer;
color:#595959;
}

.add-in {
height:35px;
font-size: 12pt;
font-family:arial;
display:inline-block;
}

.add-in2 {

height:35px;
font-size: 12pt;
font-family:arial;
display:inline-block;
}

.add-sub {
width:45%;
height:40px;
font-size: 16pt;
font-family:arial;
text-align:center;
color:#ffffff;
background-color:#595959;
display:inline-block;
}

.end-sub {
width:45%;
height:40px;
font-size: 16pt;
font-family:arial;
text-align:center;
color:#ffffff;
background-color:#ff0000;
display:inline-block;
}

#active-gains td{
border:1px solid #595959;
padding:8px;
text-align:right;
}

#active-gains .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
}

#active-losses td{
border:1px solid #595959;
padding:8px;
text-align:right;
}

#active-losses .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
}

.analysis-titles
{
background-color:#595959;
color:#ffffff;
text-align:center;
font-size:16pt;
line-height:30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-family:arial;
margin-top:20px;
}

.port-title {
text-align:left;
font-size:14pt;
font-weight:bold;
}

.port-day {
text-align:left;
font-size:12pt;
color:#808080;
}

.port-prices {
text-align:left;
font-size:12pt;
color:#808080;
}

.port-graphs {
}

.stock-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}

.stock-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
}

.stock-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}

.menu-items {
font-family:impact;
margin:0;
color: #ffffff;
padding-right:22px;
}

.inst-line {
padding:8px 0px;
width:77%;
margin:0px auto;
text-align:left;
}

.selection {
width:77%;
font-size:14pt;
}

.month-options {
width:60px;
font-size:14pt;
line-height:30px; 
outline: none;
 -moz-outline: none;
}

.day-options {
width:60px;
font-size:14pt;
line-height:30px;
 outline: none;
 -moz-outline: none;
}

.year-options {
width:80px;
font-size:14pt;
line-height:30px;
outline: none;
 -moz-outline: none;
}

.stock-symbols-opt {
border:2px solid #595959;
font-size:18pt;
font-family:arial;
text-align:center;
line-height:60px;
border-radius:6px;
width:80%;
margin:8px auto;
}

.stock-symbols-opt2 {
border:2px solid #595959;
font-size:12pt;
font-family:arial;
text-align:center;
line-height:60px;
border-radius:4px;
width:80%;
margin:8px auto;
}

#login {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;

}

#login2 {
	z-index:9;
	width:100%;
	margin:auto;
	text-align:center;

}


.top-imgs {
	width:50px;
}

.topnav2 {
    height: 8px;
}

.topnav2 a {
    color: #000000;
    text-decoration: none;
    cursor:pointer;  
    margin:0px 8px;
}

.topnav2 a:hover {
    color: #ff0000;
}

.topnav2 .icon {
    display: none;
}

.topnav3 {
    height: 68px;
}

.topnav3 a {
    color: #ffffff;
    text-decoration: none;
    cursor:pointer;  
    margin:0px 2px;
}

.topnav3 a:hover {
    color: #ff0000;
}

.topnav3 .icon {
    display: none;
}

.topnav4 {
    height: 28px;
}

.topnav4 a {
    color: #000000;
    text-decoration: none;
    cursor:pointer;  
    vertical-align:bottom;
    margin:0px 8px;
    padding:0;
}

.topnav4 a:hover {
    color: #ff0000;
}

.topnav4 .icon2 {
color:#ff0000;
display:none;
}

.topnav4b {
    height: 28px;
}

.topnav4b a {
    color: #aa0000;
    text-decoration: none;
    cursor:pointer;  
    vertical-align:bottom;
    margin:10px 2px;
    padding-top:180px;
}

.topnav4b a:hover {
    color: #ff0000;
}

.topnav4b .icon {
    display: none;
}

.top-option {
	font-size:10pt;
}

.info-bar {
background:
linear-gradient(135deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
linear-gradient(225deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
background-color:#708090;
background-size: 64px 128px
}

.sm-action-buttons
{
font-size:12pt;
line-height:30px;
width:10%;
text-align:center;
color:#ffffff;
background-color:#595959;
}

.action-buttons
{
font-size:12pt;
line-height:30px;
width:60%;
text-align:center;
color:#ffffff;
background-color:#595959;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.container2 {
  width:100%;
  margin: 0 auto;
background-color:#d3d3d3;
background-image: linear-gradient(white 2px, transparent 2px),
linear-gradient(90deg, white 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

.above-menu {
	position:absolute;
	vertical-align:top;
	color:#e50000;
   font-size: 0.40em;
    letter-spacing: 0.15px;
	
}

.below-menu {
	line-height:100px;
    font-family: inherit;
}

#spanrow {
  line-height:2px;
  padding-top:10px;
  margin-top:35px;
  vertical-align:bottom;
  font-family:impact;
  color:#e50000;
}

#social-media {
text-align:right;
margin-top:50px;
}


#main-wrapper {
  width:100%;
  position:relative;
  top:170px;
  left:0;
  min-height:200px;
  background-color:#eeeeee;
  z-index:5;
}

#top-spacer {
height:10px;
background-color:#ffffff;
}

#menu-title {
font-size:34pt;
font-weight:bold;
color:#ffffff;
background-color:red;
width:400px;
border-top-left-radius:10px;
border-bottom-left-radius:30px;
border-top-right-radius:30px;
border-bottom-right-radius:10px;
border:2px solid #d3d3d3;
}

.item-price {
text-align:right;
font-size: 28px;
}

.holder {
  /* Clip edges, as some of the lines don't terminate nicely. */
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 6px;
}

.smallLine {
    position: absolute;
    width: 100%;
    height: 6px;

}

.smallLine1 {
    background-image: url('images/horizontal-border-grey3.png');
    background-repeat: repeat-x;
}

.smallLine2 {
    background: linear-gradient(-45deg, transparent, transparent 42%, gray 42%, transparent 61%);
}

.smallLine {
    background-size: 10px 10px;
}

.tinyLine {
    position: absolute;
    width: 200px;
    height: 1.5px;
}

.tinyLine1 {
    background: linear-gradient(45deg, transparent, transparent 49%, red 49%, transparent 51%);
}
.tinyLine2 {
    background: linear-gradient(-45deg, transparent, transparent 49%, red 49%, transparent 51%);

}

.tinyLine {
    /* Must be after background definition... */
    background-size: 4px 4px;
}

.holder2 {
  /* Clip edges, as some of the lines don't terminate nicely. */
   
    position: relative;
    width: 8px;
    height: 2px;
display:inline;
}

.small2Line {
    position: absolute;
    width: 7px;
    height: 100%;

}

.small3Line {
    position: absolute;
    width: 7px;
    height: 300px;

}

.small2Line1 {
    background-image: url('images/vertical-border-grey3.png');
    background-repeat: repeat-y;
}

.small2Line2 {
    background: linear-gradient(-45deg, transparent, transparent 28%, gray 28%, transparent 51%);
}

.small2Line {
    background-size: 10px 10px;
}

.small3Line {
    background-size: 10px 10px;
}

.fuse-icons {
	border:0;
	cursor:pointer;
}

.account-title {
	font-weight:bold;
	font-family:arial;
	font-size: 40px;
	text-align:left;
	margin:0px auto;
	color:#aaaaaa;
	padding-top:140px;
}

.item-list{
position:relative;
text-align:center;
margin:0 auto;
color:#ffffff;
font-family:arial;
font-size:35px;
display:inline-block;
margin:0;
padding:1.5%;
width:30%;
vertical-align:top;
}

.list-box{
background-color:#ffffff;
width:94%;
padding:10px;
text-align:left;
border-radius:25px;
color:#97bac0;
font-size:26px;
min-height:200px;
border:4px solid #eeeeee;
}

.title-img {
width:8%;
}

.item-list-img{
text-align:center;
margin:10px auto 0px auto;
border-top:2px solid #d3d3d3;
border-left:2px solid #d3d3d3;
border-right:2px solid #d3d3d3;
border-top-left-radius:10px;
border-top-right-radius:10px;
display:block;
width:80%;
}

.item-border-left{
border-left:2px dotted #ff4000;
}

.item-border-bottom{
border-bottom:2px dotted #ff4000;
}

.item-border-right{
border-left:2px dashed #ff4000;
}

.title1{
background-color:#ffffff;
font-family:arial;
font-size:22px;
vertical-align:top;
text-align:center;
margin:0 auto;
font-weight:bold;
padding-bottom:20px;
padding-top:20px;
color: #000000;
border:2px solid #d3d3d3;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width:80%;
}

.title1 p {
padding:0;
margin:0;
}

.title1b{
background-color:#ffffff;
border:2px solid #d3d3d3;
font-family:arial;
font-size:18px;
text-align:center;
font-weight:bold;
text-align:center;
margin:0 auto;
padding-bottom:20px;
padding-top:20px;
color: #000000;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width:80%;
}

.button-font 
{
text-align:center;color:#595959;font-weight:bold;font-family:arial;font-size:60px;
}

#location-info {
float:left;
display:inline-block;
margin-left:40px;
}

.loc-info {
    font-size: 0.55em;
    line-height: 0.55em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    margin:0;
    text-align:left;
}

#logo-info {
position:absolute;
display:inline-block;
margin:0;
top:20px;
left:0;
z-index:50;
}

.tilted-logo {
    font-size: 0.55em;
    line-height: 0.55em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    margin:0;
    text-align:left;	
    width:75%;
}

#menu-info {
   font-size: 0.75em;
    line-height: 0.75em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
float:right;
display:inline-block;
margin-top:15px;
margin-right:40px;
}

.menu-info3 {
position:relative;
font-family:impact;
margin:25px;
text-align:left;
color: #000000;
padding:40px 55px 0px 35px;
}

#menu-info2 {
   font-size: 2.5em;
    letter-spacing: 1.5px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
float:right;
display:inline-block;
margin-top:25px;
margin-right:4px;
color:#ffffff;
}

#trans-menu 
{   letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.0em;
    line-height: 1.5em;
    position: absolute;
    margin: 0;
    z-index: 70;
    top:0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0px;
    height: 60px;
    color:#000000;
    width:100%;
}

#top-menubar 
{    letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    position: absolute;
    margin: 0;
    z-index: 20;
    left: 0;
    right: 0;
    text-align: center;
    background: rgb(0,0,0);
    background: rgba(255,255,255, 0.7);
    padding: 0;
    height: 108px;
    border-bottom:4px solid #ffffff;
    color:#595959;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom:1px solid #d3d3d3;
}

#log-info
{
   font-size: 0.75em;
    line-height: 0.75em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
float:right;
display:inline-block;
margin-top:15px;
margin-right:40px;
font-weight:bold;
}

#log-info a{
  font-weight:bold;
  color:#595959;
  text-decoration:none;
  cursor:pointer;
}

#log-info a:hover {
    color: #d3d3d3;
}

#log-menubar
{
    letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    position: absolute;
    margin: 0;
    z-index: 20;
    background: rgb(0,0,0);
    background: rgba(255,255,255, 0.7);
    left: 0;
    right: 0;
    text-align: center;
    padding: 0;
    height: 68px;
    color:#595959;
    border-bottom:2px solid #595959;
}

#top-menubar2 
{    letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    position: absolute;
    margin: 25px 0px 0px 0px;
    z-index: 20;
    left: 0;
    right: 0;
    text-align: center;
    background: rgb(0,0,0);
    background: rgba(0,0,0, 0.7);
    background-image: url('bkg1.jpg');
    background-position:0 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color:red;
    padding: 6px;
    height: 196px;
    border:0px;
    color:#ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.wave{
  height: 50px;
  position: relative;
}
.wave::before{
  content: "";
  position: absolute;
  top:221px;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 10px;
  background-size: 20px 20px;
  background-image:
    radial-gradient(circle at 10px -5px, red 12px, transparent 13px);
  z-index:8;
}

#pattern {
}

/*SECTION*/
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Helvetica", serif;
  font-size: 30px;
  color:#97bac0;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module p {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 300;
  color:#aaaaaa;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 10px 0;
  text-align:left;
}

section.module.parallax {
  height: 600px;
  font-size: 20px;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax h1 {
  color: #97bac0;  
  line-height: 600px;  
  font-weight: bold;
  font-family:arial;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.container .main-title {
  color:#aaaaaa;
  font-family:arial;
  position: absolute;
  top:280px;
  left:80px;
  font-size:18px;
  text-align: left;
  width:26%;
}

section.module.parallax .main-title-1 {
  color:#97bac0;  
  font-weight: bold;
  font-family:arial;
  position: absolute;
  top:240px;
  left:80px;
  font-size:28px;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

section.module.parallax-1 {
  background-image: url("slide1.jpg");
  border-top:2px solid #000000;
  margin-top:0px;
  border-bottom:2px solid #808080;
}
section.module.parallax-2 {
  background-image: url("slide2.jpg");
}
section.module.parallax-3 {
  background-image: url("slide3.jpg");
}

.sub-footer {
font-size:10pt;padding:0;margin:0;font-family:arial;text-align:center;
}

#logo{
width:20%;
float:left;
padding:10px;
}

#slogan{
width:100%;
font-family:arial;
font-size:12pt;
font-style:italic;
text-align:center;
color:#595959;
}
.spacer{
height:40px;
}
.spacer2{
height:20px;
}
#position{
text-align:top;
margin-top:0px;
vertical-align:top;
}

#menu_container{
width:100%;
min-height:1300px;
}

.res-buttons-off {
cursor:pointer;
text-align:center;
font-size:12pt;
font-family:arial;
text-decoration:none;
background-color:#ffffff;
border: 1px solid #595959;
color:#595959;
padding:5px 0px;
width:80%;
border: 1px solid #595959;
border-radius:5px;
}

.res-buttons-on {
cursor:pointer;
text-align:center;
font-size:12pt;
font-family:arial;
text-decoration:none;
background-color:#595959;
color:#ffffff;
padding:5px 0px;
width:80%;
border: 1px solid #d3d3d3;
border-radius:5px;
}

#menu_wrapper{
width:20%;
float:left;
}

#reservation-wrapper{
margin-left:2%;
margin-right:2%;
}

#menu_order{
border:2px solid #d3d3d3;
border-radius:15px;
padding:20px;
}

.res-inputs {
height:40px;
width:80%;
font-family:arial;
font-size:14pt;
border-radius:5px;
padding-left:8px;
}

.res-submit {
height:40px;
width:80%;
font-family:arial;
font-size:14pt;
border-radius:5px;
text-align:center;
background-color:#ff0000;
color:#ffffff;
}

.res-submit-review {
height:40px;
width:35%;
font-family:arial;
font-size:14pt;
border-radius:5px;
text-align:center;
background-color:#ff0000;
color:#ffffff;
}

.add-miyw-ingredients {
width:11.1%;
}

.miyw-meats {
width:100%;
}

.miyw-vegetables {
width:100%;
}

.miyw-fruits {
width:100%;
}

.miyw-dairy {
width:100%;
}

.miyw-grains {
width:100%;
}

.miyw-spices {
width:100%;
}

.miyw-other {
width:100%;
}

.miyw-item {
vertical-align:top;
text-align:center;
font-size:20pt;
font-weight:bold;
}

.miyw_row {
height:6px;
}


.miyw_cats {
    width:96.5%;
    cursor:pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #595959;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #d3d3d3;
    color: #595959;
    padding: 8px 12px;
    text-decoration: none;
}

.miyw_cats2 {
    width:96.5%;
    cursor:pointer;
    color: #595959;
    padding: 4px 4px;
    text-decoration: none;
}

#monitoring{
width:100%;
border:2px solid #cccccc;
border-radius:15px;
background-color:#cccccc;
padding:4px;
}

.monitor_tab{
width:16.8%;
text-align:left;
height:20px;
color:#ffffff;
font-size:10pt;
}

.monitor_box{
width:16.6%;
vertical-align:top;
height:100px;
color:#ffffff;
font-size:20pt;
}

.monitor_box2{
width:16.6%;
height:50px;
color:#ffffff;
font-size:20pt;
}

.mtab{
text-align:center;
line-height:20px;
color:#ffffff;
font-size:10pt;
width:98%;
background: #b4ddb4; 
background: -moz-linear-gradient(top,  #008a00 0%, #008a00 33%, #52b152 67%, #83c783 100%, #b4ddb4 100%);
background: -webkit-linear-gradient(top,  #008a00 0%,#008a00 33%,#52b152 67%,#83c783 100%,#b4ddb4 100%);
background: linear-gradient(to bottom,  #008a00 0%,#008a00 33%,#52b152 67%,#83c783 100%,#b4ddb4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#b4ddb4',GradientType=0 );
border:1px solid #d3d3d3;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
}


.msquare1 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: rgb(132,11,0); 
background: -moz-linear-gradient(left,  rgba(132,11,0,1) 0%40, rgba(178,0,0,1) 40%, rgba(255,7,7,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
background: linear-gradient(to right,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840b00', endColorstr='#ff0707',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare2 {
text-align:center;
color:#ffffff;
margin:auto;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ff0707;
background: -moz-linear-gradient(left,  #ff0707 0%, #ff5507 100%); 
background: -webkit-linear-gradient(left,  #ff0707 0%,#ff5507 100%); 
background: linear-gradient(to right,  #ff0707 0%,#ff5507 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0707', endColorstr='#ff5507',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare3 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ff5507; 
background: -moz-linear-gradient(left,  #ff5507 0%, #ff7703 35%, #ff9600 68%);
background: -webkit-linear-gradient(left,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
background: linear-gradient(to right,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5507', endColorstr='#ff9600',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare4 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ff9600;
background: -moz-linear-gradient(left,  #ff9600 0%, #ffc001 40%, #ffe100 67%);
background: -webkit-linear-gradient(left,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
background: linear-gradient(to right,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ffe100',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare5 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ffe100;
background: -moz-linear-gradient(left,  #ffe100 0%, #79C001 44%, #00C001 75%, #00A400 100%);
background: -webkit-linear-gradient(left,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
background: linear-gradient(to right,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#00A400',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare6 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #00A400;
background: -moz-linear-gradient(left,  #00A400 0%, #009000 44%, #008200 75%, #007600 100%);
background: -webkit-linear-gradient(left,  #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
background: linear-gradient(to right, #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A400', endColorstr='#007600',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}


.msquare1b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: rgb(132,11,0); 
background: -moz-linear-gradient(left,  rgba(132,11,0,1) 0%40, rgba(178,0,0,1) 40%, rgba(255,7,7,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
background: linear-gradient(to right,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840b00', endColorstr='#ff0707',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare2b {
text-align:center;
color:#ffffff;
margin:auto;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ff0707;
background: -moz-linear-gradient(left,  #ff0707 0%, #ff5507 100%); 
background: -webkit-linear-gradient(left,  #ff0707 0%,#ff5507 100%); 
background: linear-gradient(to right,  #ff0707 0%,#ff5507 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0707', endColorstr='#ff5507',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare3b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ff5507; 
background: -moz-linear-gradient(left,  #ff5507 0%, #ff7703 35%, #ff9600 68%);
background: -webkit-linear-gradient(left,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
background: linear-gradient(to right,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5507', endColorstr='#ff9600',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare4b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ff9600;
background: -moz-linear-gradient(left,  #ff9600 0%, #ffc001 40%, #ffe100 67%);
background: -webkit-linear-gradient(left,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
background: linear-gradient(to right,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ffe100',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare5b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ffe100;
background: -moz-linear-gradient(left,  #ffe100 0%, #79C001 44%, #00C001 75%, #00A400 100%);
background: -webkit-linear-gradient(left,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
background: linear-gradient(to right,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#00A400',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare6b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #00A400;
background: -moz-linear-gradient(left,  #00A400 0%, #009000 44%, #008200 75%, #007600 100%);
background: -webkit-linear-gradient(left,  #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
background: linear-gradient(to right, #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A400', endColorstr='#007600',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.seat_placement{
text-align:left;
font-size:14pt;
}

.menu-title-category{
border: 2px solid #d3d3d3;
color:#808080;
text-align:center;
line-height:50px;
font-size:26pt;
font-family:arial;
width:91%;
}

.menu_title{
width:95%;
text-align:center;
line-height:50px;
color:#ffffff;
background-color:#a0a0a0;
font-size:12pt;
font-family:arial;
border:2px solid #ffffff;
border-radius:5px;
}

.menu_types{
width:95%;
text-align:center;
line-height:38px;
color:#a0a0a0;
background-color:#ffffff;
font-size:12pt;
font-family:arial;
cursor:pointer;
border:2px solid #a0a0a0;
border-radius:5px;
}


.menu_types_font{
color:#a0a0a0;
font-size:12pt;
font-family:arial;
cursor:pointer;
text-decoration:none;
}

.drop-lg{
font-size:15pt;
color:#595959;
}


.seat_num_on {
background-color:#595959;
border-radius: 50%;
	width: 30px;
	height: 30px; 
color:#ffffff;
font-size:14pt;
font-weight:bold;
cursor:pointer;
vertical-align:middle;
float:left;
}

.seat_num_off {

background-color:#ffffff;
border: 1px solid #595959;
border-radius: 50%;
	width: 30px;
	height: 30px; 
color:#595959;
font-size:14pt;
font-weight:bold;
cursor:pointer;
vertical-align:middle;
float:left;
}

.seat_row_on {
width:100px;
font-family:arial;
font-size:14pt;
text-align:left;
padding-left:20px;
cursor:pointer;
color:#ffffff;
background-color:#595959;
border: 1px solid #d3d3d3;
}

.seat_row_on:hover {
background-color:#808080;
}

.seat_row_off {
width:100px;
font-family:arial;
font-size:14pt;
text-align:left;
padding-left:20px;
cursor:pointer;
color:#595959;
background-color:#ffffff;
border: 1px solid #595959;
}

.seat_row_off:hover {
background-color:#808080;
color:#ffffff;
}



.login-inputs{
       font-size:14pt;
       font-family: arial;
       text-align:center;
       color:#595959;
       width:80%;
       line-height:30px;
}

.add-inputs{
       font-size:14pt;
       font-family: arial;
       text-align:center;
       color:#595959;
       padding-top:8px;
}

.title-request{
      font-size:14pt;
      padding-top:15px;
      padding-bottom:4px;
}

.text-settings{
      width:90%;
      font-size:12pt;
      height:40px;
}

.error-menu{
color:#ff6000;font-size:16pt;font-weight:bold;font-family:arial;
}

.error-notice{
color:#ff6000;font-size:12pt;font-family:arial;
}

.error-msg{
color:#ff6000;font-size:12pt;font-family:arial;font-weight:bold;
}

#checkout_overlay {       
	
width:60%;
	
font-size:14pt;
	
z-index: 2;
	
position: absolute;
	
font-family:arial;
	
text-indent: 0;  
        
top:20%;
        
left:0; 
right:0;
margin:0 auto;
}

#notes_overlay {       
	
width:60%;

background-color:#595959;
border:2px solid #000000;	
font-size:14pt;
	
z-index: 2;
	
position: absolute;
	
font-family:arial;
	
text-indent: 0;  

text-align:center;       
color:#595959; 
top:20%;
        
left:20%; 
margin:0 auto;
}

.paypal_checkout{
      width:319px;
      font-size:16pt;
      font-family:arial;
      height:40px;
      background-color:#ff7c25;
      color:#ffffff;
}

.product-indent{
	margin-left:10px;
}

.cart-indent{
	margin-right:10px;
}

.ingredients{
	font-size:10pt;
	padding-top:10px;
}

.nutritional{
	font-size:10pt;
	padding-top:10px;
}

.eta{
	font-size:11pt;
	padding-top:20px;
}

.product-title{
	width:100%;
	background-color:#ffffff;
	font-size:24pt;
	font-family:arial;
	color:#595959;
	font-weight:bold;
	text-align:left;
	line-height:60px;
	border-bottom:2px solid #595959;
}

.product-title2{
	width:100%;
	background-color:#ffffff;
	font-size:18pt;
	font-family:arial;
	color:#595959;
	font-weight:bold;
	text-align:left;
	line-height:60px;
	border-bottom:2px solid #595959;
}

.product-subtitle{
	font-size:16pt;
	font-family:arial;
	color:#ffffff;
}

.product-description{
	width:80%;
	margin-top:40px;
	margin-bottom:40px;
	height:150px;
	font-size:12pt;
	font-family:arial;
	color:#595959;
	text-align:left;
}

.product-option-line{
	width:100%;
	font-size:12pt;
	font-family:arial;
	color:#595959;
	text-align:left;
}

.product-bottom-line{	
	width:100%;
	font-size:14pt;
	font-family:arial;
	background-color:#ffffff;
	color:#595959;
	text-align:right;
	vertical-align:bottom;
	line-height:60px;
	border-top:2px solid #595959;
}

.book_now_button{
font-size:12pt;width:90%;height:45px;

}

.cart-button{
font-size:14pt;width:70%;line-height:30px;

}

.add_cart_button{
font-size:14pt;width:35%;line-height:40px;

}

.cart_table{
width:80%;border:1px solid #595959;font-family:arial;
}

.cart_title{
height:40px;text-align:left;padding-left:10px;font-size:16pt;width:100%;color:#ffffff;background-color:#46a6f0;
border-bottom:7px solid #d3d3d3;
}

.cart_spacer{
height:1px;
background-color:#d3d3d3;
font-size:1pt;
}

.cart_name_top{
width:30%;
padding-left:8px;
height:40px;
background-color:#595959;
color:#ffffff;
}

.cart_image_top{
text-align:center;
width:15%;
background-color:#595959;
color:#ffffff;
}

.cart_qty_top{

background-color:#595959;
color:#ffffff;
width:4%;
}

.cart_edit_top{
text-align:center;
background-color:#595959;
color:#ffffff;
width:11%;
}

.cart_price_top{

background-color:#595959;
color:#ffffff;
width:20%;
}

.cart_cost_top{
background-color:#595959;
color:#ffffff;
text-align:right;
width:18%;
}

.cart_rt_top{
background-color:#595959;
color:#ffffff;
width:2%;
}

.cart_name{

padding-left:8px;
width:30%;
}

.cart_image{
text-align:center;
width:15%;
}

.cart_qty{

width:4%;
}

.cart_edit{
text-align:center;
width:11%;
}

.cart_price{

width:20%;
}

.cart_cost{
text-align:right;
width:18%;
}

.subtotal{
padding-top:4px;
text-align:right;
width:18%;
}

.tax{
text-align:right;
width:18%;
}

.shipping{
text-align:right;
width:18%;
}

.total{
text-align:right;
width:18%;
}

.subtotal_txt{
text-align:right;
}

.tax_txt{
text-align:right;
}

.shipping_txt{
text-align:right;
}

.total_txt{
text-align:right;
}

.cart_rt{
width:2%;
}

.cart_img{
width:92%;
border:2px solid #808080;
}

.top-cal{
text-align:center;
background-color:#595959;
color:#ffffff;
font-family:arial;
}
.dayon{font-size:7pt;color:#595959;width:14%;height:30px;vertical-align:middle;
text-align:center;border:1px solid #595959;}.dayoff{font-size:7pt;color:#595959;background-color:#cccccc;width:14%;height:30px;vertical-align:middle;
text-align:center;border:1px solid #595959;}

#slideout {
  position: fixed;
  top: 78px;
  right: 0;
  width: 44px;
  padding: 12px 0;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:10;
}

#slideout_inner {
  position: fixed;
  top: 98px;
  right: -550px;
   background: #949191; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #949191); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #949191); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #949191); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #949191); /* Standard syntax */
	border-radius:5px;
  width: 500px;
  padding: 25px;
  height: 480px;
  border:1px solid #595959;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:-1;
}

#slideout_link {
  position: fixed;
  top: 555px;
  right: -550px;
  width: 500px;
  height: 100px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left: 25px;
  padding-right: 25px;
   background: #949191; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b5b3b3, #949191); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b5b3b3, #949191); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b5b3b3, #949191); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b5b3b3, #949191); /* Standard syntax */
	border-radius:5px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:25;
}
#slideout_inner .chatarea1 {
	width: 450px;
	height: 120px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-family:arial;
	font-size:14pt;
	color:#595959;
}

#slideout_inner .chatarea2 {
	width: 450px;
	height: 160px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:20px;
	padding:6px;
	font-family:arial;
	text-align:left;
	font-size:12pt;
	color:#595959;
	background-color:#ffffff;
	overflow-y: auto;
}

.slider_top {
	color:#595959;
	font-size:16pt;
	font-family:arial;
}

.chat-submit {
	border:1px solid #d3d3d3;
	background-color:#ffffff;
	font-family:arial;
	font-size:14pt;
	display:inline;
	width:45%;
	height:33px;
	border-radius:6px;
	margin-right:22px;
	margin-left:6px;
}

.chat-name {
	width: 450px;
	height: 40px;
	color:#595959;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family:arial;
	font-size:14pt;
}

#chat_video_overlay_area  { 
   		   background:rgba(255,255,255, 0.5);
                   position:fixed;
                   top:0px; 
                   margin:auto;
		   text-align:center;
		   width:100%;
		   height:100%;
		   display:none;
                   z-index:7;	
}

.transparent_button {
	background:transparent;
	color:#ffffff;
	font-family:arial;
	font-size:14pt;
	outline:none;
	border:none;
	cursor:pointer;
}

table#dofcs-delivery-table 
{
    border-collapse:separate;
    border-spacing:0 5px;
}

tr.strikerow td {
text-decoration: line-through;
}


tr.title_row td {
border-bottom:1px solid #000000;
padding:4px 6px;
}

tr.title_row2 td {
border-bottom:1px solid #000000;
background-color:#808080;
color:#ffffff;
padding:4px 6px;
}

tr.toprow td{
height:40px;
border:1px solid #595959;
background-color:#f0f0f0;
}

tr.smrow td{
height:40px;
border:1px solid #595959;
}

tr.toperow td{
background-color:#595959;
color:#ffffff;
}

tr.wtrow td{
background-color:#ffffff;
}

tr.ltrow td{
background-color:#cccccc;
}

tr.item_row td {
border-bottom:1px solid #595959;
}

tr.order-list td {
height:34px;
font-size:14pt;
border-bottom:1px solid #595959;
}

tr.delivery-list td {
height:34px;
font-size:14pt;
border-bottom:1px solid #595959;
}

#left-seating-title {
background-color:#d3d3d3;
min-height:50px;
margin:auto;
border-top:2px solid #ffffff;
}

#schedule-title {
background-color:#d3d3d3;
min-height:50px;
margin:auto;
border-top:2px solid #ffffff;
}

.title-font {
color:#595959;
font-size:16px;
padding-top:10px;
font-weight:bold;
}

.link-font {
text-decoration:none;
cursor:pointer;
font-size:12px;
color:#595959;
text-align:right;
padding:10px 6px;
}

.live-buttons{
font-size:14pt;
width:70%;
line-height:30px;
background-color:#808080;
color:#ffffff;
}

.item_name {
text-align:left;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

.item_seat {
text-align:left;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

.item_qty {
text-align:center;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

.item_price {
text-align:right;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

tr.light-dark td{
background-color:#595959;
cursor:pointer;
height:40px;
color:#ffffff;
}

tr.dark-light td{
background-color:#cccccc;
cursor:pointer;
height:40px;
color:#595959;
}

.slider-wrapper{
    overflow: hidden;
}

#seating-guests {
  position: relative;
  top: 0px;
  right: 0;
   background: #949191; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #949191); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #949191); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #949191); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #949191); /* Standard syntax */
	border-radius:5px;
  width: 300%;
  padding: 0;
  height: 30px;
  border:1px solid #595959;
	
  color:#ffffff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:-1;
}

#seating-guests li{
	max-width: 40px;
    	float:left;
    	list-style: none;
}

.seating-box {
	width:40px;
	height:40px;
	text-align:center;
	vertical-align:middle;
}

@media only screen and (max-width: 1080px) {
  

    .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

   .topnav4 a {display: none;}
  .topnav4 a.icon2 {
    float: right;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index:60;
    font-size:68px;
  }

  .topnav4.responsive a.icon2 {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav4.responsive a {
    float: none;
    display: block;
    text-align: left;
    padding-left:20px;
    background-color:#ffffff;
  }


.tilted-logo {
    width:50%;
}

section.module.parallax {
  height: 480px;
  font-size: 40px;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
}

section.module.parallax h1 { 
  line-height: 480px;  
}

#top-spacer {
height:0px;
}

#restaurant-logo {
top:10px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

#catering-logo {
top:300px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

.item-list{
text-align:center;
display:block;
width:96%;
margin:4px auto;
vertical-align:top;
padding-bottom:5px;
border-bottom:0px;
}

.item-list-img{
text-align:center;
margin:0px auto;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding:0px;
width:90%;
}

.title1{
padding-top:0px;
font-size:42px;
width:90%;
}

#top-menubar 
{
    height: 48px;
}

section.module.content {
  padding: 0px;
  margin:0px;
}

.sub-footer {
font-size:20px;
}

}



@media only screen and (max-width: 600px) {
  
   .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

   .topnav4 a {display: none;}
  .topnav4 a.icon2 {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size:108px;
    z-index:60;
  }

  .topnav4.responsive a.icon2 {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav4.responsive a {
    float: none;
    display: block;
    text-align: left;
    padding-left:20px;
    background-color:#ffffff;
  }


.tilted-logo {
   margin:0 auto;
   text-align:center;
   display:block;
    width:75%;
}

#top-spacer {
height:0px;
}

#restaurant-logo {
top:10px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

#catering-logo {
top:180px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

.button-font 
{
text-align:center;color:#595959;font-weight:bold;font-family:arial;font-size:40px;
}

.item-list{
width:40%;
display:inline-block;
margin:0px;
border:0px;
padding-top:10px;
}

.item-list-img{
text-align:center;
margin:0px auto;
border:0px;
padding:0px;
width:95%;
}

.title1{
padding-top:0px;
font-size:28px;
width:95%;
}

section.module.parallax {
  height: 320px;
  font-size: 40px;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
}

section.module.parallax h1 { 
  line-height: 320px;  
}

section.module.content {
  padding: 0px;
  margin:0px;
}

#top-menubar 
{
    height: 18px;
}

.sub-footer {
font-size:12px;
}

}



.col-group {
  overflow: hidden;
}
.col-group > div {
  padding:0;
}

@media screen and (min-width: 44em) {
  .col-group > div {
    float: left;
    width: 50%;
  }
  .col-group > div:nth-child(odd) {
    clear: left;
  }
}

@media screen and (min-width: 50em) {
  .col-group > div {
    float: left;
    width: 33.3333333%;
  }
  .col-group > div:nth-child(3n+1) {
    clear: left;
  }
  .col-group > div:nth-child(odd) {
    clear: none;
  }
}

@media screen and (min-width: 70em) {
  .col-group > div {
    width: 20%;
  }
  .col-group > div:nth-child(odd), .col-group > div:nth-child(3n+1) {
    clear: none;
  }
}



.containerf {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0px 20px;
}

footer {
  padding: 20px 0;
}
footer .asides {
  margin-bottom: 20px;
}
footer aside {
  margin-bottom: 10px;
}
footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
footer nav li {
  display: inline-block;
}
footer nav a {
  display: block;
  margin: 0 5px;
  color: #aaaaaa;
}
footer .logo {
  text-align: center;
}
footer .logo img {
  display: inline-block;
  vertical-align: middle;
}
footer .copyright {
  text-align: center;
}
footer .copyright small {
  color: #595959;
  font-size: 13px;
}
footer .copyright a {
  color: #818181;
}

@media all and (min-width: 600px) {
  footer aside {
    margin-bottom: 0;
    float: left;
    width: 33.3333%;
  }
  footer nav ul {
    text-align: left;
  }
  footer nav li {
    display: block;
  }
  footer nav a {
    display: inline-block;
    margin: 0;
  }
  footer .logo {
    text-align: right;
  }
}