h1,h2,h3,h4,h5,h6{font-family:"Bubblegum Sans", "calibri",Helvetica,Arial,sans-serif;}
body, p {font-family:"Muli", "calibri",Helvetica,Arial,sans-serif;}
.navbar li {font-family:"Bubblegum Sans", "calibri",Helvetica,Arial,sans-serif; letter-spacing: 1px;}
.testimonials p {font-family:"Bubblegum Sans", "calibri",Helvetica,Arial,sans-serif;}
.footer li {font-family:"Muli", "calibri",Helvetica,Arial,sans-serif !important;}

h4 {
	line-height: 25px;
}

.item-101 {
	display: none;
}


html, body {
    max-width: 100%;
    overflow-x: hidden;
}


::-moz-selection { background: rgba(72, 167, 170, 0.6); }
::selection { background: rgba(72, 167, 170, 0.6); } 



.mostread, .weblinks, .category-module, .syndicate-module,
 #login-form { 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px;  
 -khtml-border-radius: 5px;  
 border-radius: 5px;      
 border:1px solid #ccc; 
 padding:5px;  
 margin:0px 0px 10px 0px; 
 } 
 
 ul.nav.menu {     
 border:0px solid #ccc; 
 padding:0px;  
 margin:0px; 
 } 
 
 .topnav .navbar .nav>li>a{
 float:none; 
 text-decoration:none;
 }
 .topnav {
	position: absolute;
}

.topnav li {
	font-size: 20px;
}


.homepage a:hover {
	color: #FFF !important;
} 


 .affix.mainmenu-home {
	 background-color: #038387;
 }
 
.mainmenu-inner .affix  .navbar-inner {
	 background-color: #038387 !important;
 }
 
 .navbar-wrapper.affix {
	 max-width:100%;
	 max-height: 60px;
 }
 
 .affix #mainnav > a {
	 padding: 20px 20px;
 }

 
 .topnav .navbar-inner { min-height: 60px;}
 .mainmenu-inner .navbar-inner { min-height:50px;}
 
 .mainmenu-inner {
 margin-top: -100px !important;
 /*border-radius: 4px;*/
 z-index:99;
 position: relative;
 background-color: #038387;
 -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);
 -moz-box-shadow:: 0 2px 10px rgba(0,0,0,.75);
 box-shadow: 0 2px 10px rgba(0,0,0,.75);
 }
 
 .mainmenu-inner .active .caret {
	 border-top: 4px solid #CCC !important;
 }
 
 .topnav {
	border-radius: 0px !important;
}

.hero-spacer {
	margin-top: 40px;
}

.hero-unit img {
	margin-top: -20px;
	border-radius: 4px;
}

.mainContent-inner {
	margin-top: -75px;
}
 
 .upper {
 text-transform: uppercase;
}

 .alpha10 {
	background: rgba(0,0,0,0.1);
	color: #333;
}
 
  .alpha20 {
	background: rgba(0,0,0,0.2);
	color: #333;
}
 
 .alpha30 {
	background: rgba(0,0,0,0.3);
	color: #333;
}
 
 .alpha30 li {
	list-style:square;
}

.alpha30 img {
	border-radius: 4px;
	}




.alpha70 {
	/* Fallback for web browsers that doesn't support RGBa */
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.7);
	padding: 20px;
    /* border-radius: 4px;  */
	
	/* For IE 5.5 - 7*/
	/*
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	*/
	/* For IE 8*/
	/*
	-ms-filter: "progidDXImageTransform.Microsoft.gradient(startColorstr#99000000, endColorstr#99000000)";
    -moz-box-shadow: 3px 3px 4px #000; 
    -webkit-box-shadow: 3px 3px 4px #000; 
    box-shadow: 3px 3px 4px #000;
    */
	
}

.alpha70 p {
	color: #aaa;
	
}

.alpha70 h3 {
	color: #3BA1A6;
}

 .alphaWhite30 {
	background: rgba(255,255,255,0.3);
	border-radius: 4px;
	color: #333;
}

.alphaTeal30 {
	background: rgba(3, 131, 135, 0.3);
	color: #333;
}



.fb-page{
	width: 100%;
	background: none; border: none;
	text-align: center;
	border-radius: 4px;
}

.fb-page, .fb-page iframe, .fb-page span {
    max-width: 100% !important;
	max-height: 500px !important;
}

.breadcrumbSpacer {
	margin-top: 20px;
}

.fb_iframe_widget span{        
        overflow: initial !important;
    }
    .fb_iframe_widget iframe{        
        width: 340px !important;
        height: 500px !important;    
    }
	
	
	.heightMatch {
		height: 375px;
	}
	
	.heightMatch img {
		max-width: 275px;
		height: auto;
		display: block;
		margin: auto;
	}
	
	.promoHeightMatch {
		height: 300px;
	}
	
	.promoHeightMatch img {
		max-width: 200px;
		height: auto;
		display: block;
		margin: auto;
	}
	
	.imgHeightMatch {
		height: 200px;

	}
	
	.newsletter .inputbox {
		height: 30px;
		margin-top: 0px;
	}
	.newsletter input[type="text"]:focus {
		border-color: none;
		box-shadow: none;
	}
	
	
	.embedGoogleMap {
		max-width: 100%;
	}
	
	.gMaps {
		width: 100%;
		height: 400px;
		border: none;
	}
	
	.menu-location, .menu-cuisine {
	  text-align: center;
	  width: 100%;
	  margin: 40px 0px;
  }
  
    .menu-location ul, .menu-cuisine ul {
	  text-align: center;
  }
  
      .menu-location ul li, .menu-cuisine ul li {
	  display: inline-block;
	  float:none;
  }


.menu-location li, .menu-cuisine li {
display: inline;
float: left;
width: 30%;
list-style: none;
font-size: 24px;
line-height: 25px;
font-weight: bold;
height: 75px;
}


.menu-alphabetical {
margin-left: auto;
margin-right: auto;
}

.menu-alphabetical ul {
	text-align: center;
}


.menu-alphabetical li {
    display: inline-block;
	/*float: left;*/
	margin: 0 5px;
    padding: 0;
    list-style-type: none;
   
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
}

/*.cck_page_items .span6:first-child {
	margin-left:1.2821% !important;
}*/

.cck_page_items .span6 {
	margin-left: 0 !important;
}



div.cck_forms.cck_search div.cck_form.cck_form_checkbox label {
	line-height: 100% !important;
}

div.cck_forms.cck_search div.cck_form.cck_form_checkbox input {
	margin-top: 3px !important;
}

div.cck_forms.cck_search div.cck_form.cck_form_checkbox label {
    display: block !important;
	float: none !important;
	margin: 0 0 0 20px !important;
}



.hours span {
	display:inline-block;
	width: 80px;
}

.hours p {
	margin-bottom: 2px;
}


/* Edit FlexiContact CSS  */

.fc_outer {
	border: none !important;
	background-color: transparent !important;
}
.fc_send .btn {
	margin: 20px;
}


div.fc_line {
	margin: 10px 20px;
}

div.fc_line label {
	display:none !important;
}
div.fc_line input[type="text"], div.fc_line input[type="email"] {
	width: 65%;
}
div.fc_line textarea.fc_input {
	width: 95%;
}

@media screen and (max-width: 800px) 
{
	div.fc_line input[type="text"], div.fc_line input[type="email"] {
	width: 65% !important;
	}
	div.fc_line textarea.fc_input {
	width: 97% !important;
	}
}

@media (max-width: 767px) {
	.row-fluid .span7 div .fc_line {
		padding: 0;
		text-align: left !important;
	}
	.fc_line .pull-right {
		float: none;
		text-align: center;
	}
}



/* End edit FlexiContact CSS  */


/* Edit CCK CSS  */

div.cck_forms.cck_search div.cck_label label {
	font-weight: bold !important;
}

div.cck_forms.cck_search div.cck_label {
	float: none !important;
}


/* End edit CCK CSS  */












/*  Edit Collapsible Content  */

.filters {
	text-align: center;
	margin-top: -60px;
	position: relative;
	background-color: #038387;

}

.filters .span3 {
	margin: 10px 0 10px;
	padding: 40px 20px;
}

.filter-header {
	background-color: #005054;
	padding: 10px;
	
}
.filter-header h4 {
	text-align: center;
	color: #EEE;
}

.filters-inner {
	padding: 10px;
}

.wrap-collabsible {
  margin-bottom: 1.2rem 0;
  min-width: 150px;
  width: 200px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}


.filters input[type='checkbox'] {
  /*visibility:hidden;*/
  display: none;
}

.filters .content-inner input[type='checkbox']  {
  /*visibility: visible;*/
  display: unset;
}




.lbl-toggle {
  display: block;

  font-weight: bold;
  /*font-family: monospace; */
  font-size: 1.2rem;
  /* text-transform: uppercase; */
  text-align: center;

  padding: 7px 10px;

  color: #666;
  background: rgba(255, 255, 255, 1);
 /* border-top: 4px solid rgba(0, 0, 0, 0.4);
  border-bottom: 4px solid rgba(0, 0, 0, 0.4);
*/
  cursor: pointer;

  border-radius: 2px;
  transition: all 0.25s ease-out;
  margin: 10px 0;
}

.lbl-toggle:hover {
  color: #3BA1A6;
}


.lbl-toggle::after {
  content: ' ';
  display: inline-block;
  float: right;
  margin: 7px 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  /* margin-left: 15px; */
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

.collapsible-content .content-inner {
  background: rgba(255,255,255, .2);
  /* border-bottom: 1px solid rgba(0, 170, 0, .8);

  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;*/
  padding: .5rem 1rem;
}


.collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 1350px;
}


.toggle:checked + .lbl-toggle::after {
  transform: rotate(90deg) translateX(-3px);
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  transition: transform 0s ease-out;
  
}


/* End edit collapsible content */

.btn-primary {
	font-weight: bold;
}
.btn-medium {
	transition: all .4s ease-in-out;
}
.btn-large {
	transition: all .4s ease-in-out;
}

.btn-medium:hover {
	/*transform: scale(1.1);*/
	/*background-color: #8e1b30;*/
}
.btn-large:hover {
	transform: scale(1.1);
}

.affix .navbar-inner {
	transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-webkit-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-moz-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-ms-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-o-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
}


.footer1 .btn-primary {
    ?8background-color: #999;*/
    /*background-image: linear-gradient(to bottom, #777, #555);*/
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 5px inherit;
	font-weight: bold;
	transition: all .4s ease-in-out;
}

.footer1 .btn-primary:hover {
	transform: none;
	background-color: #338b91;
    /*background-image: linear-gradient(to bottom, #777, #777);*/
	transition: all .4s ease-in-out;
}






.fbplugin {
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	color: #333;
}
.fbplugin a {
	color:#00ff00;
}
.pad-topmin {
	padding-top: 10px;
}

.pad-min {
	padding: 10px;
}

.pad-med {
	padding: 20px;
}

.pad-max {
	padding: 40px;
}


.pad-vmin {
	padding: 10px 0px;
}

.pad-vmed {
	padding: 20px 0px;
}

.pad-vmax {
	padding: 40px 0px;
}

.pad-hmin {
	padding: 0px 10px;
}

.pad-hmed {
	padding: 0px 20px;
}

.pad-hmax {
	padding: 0px 40px;
}

.margin-min {
	margin: 10px;
}

.margin-med {
	margin: 20px;
}

.margin-max {
	margin: 40px;
}

.margin-vmin {
	margin: 10px 0px !important;
}

.margin-vmed {
	margin: 20px 0px;
}

.margin-vmax {
	margin: 40px 0px;
}
.margin-v60 {
	margin: 60px 0px;
}
.margin-tmin {
	margin-top: 10px;
}
.margin-tmed {
	margin-top: 20px;
}

.margin-t60 {
	margin-top: 60px;
}
.margin-lreset {
	margin-left: 0px;
}

.margin-bmin {
	margin-bottom: 10px !important;
}
.margin-bmed {
	margin: 0px 0px 20px 0px;
}
.margin-bmax {
	margin: 0px 0px 40px 0px;
}

.margin-b120 {
	margin-bottom: 120px;
}

.margin-breset {
	margin-bottom: 0px;
}
.margin-null {
	margin: 0;
}

.margin-neg50 {
	margin-top: -50px;
}

.margin-icon {
	margin: 10px 10px 10px 0;
}

.first { 
margin-left: 0 !important;
}

 .mostread, .weblinks, .category-module {  padding:0px 0px 0px 20px; } 
 .syndicate-module {    display:block; } 


 /* |----------------------------SPECIFIC TO CAROUSEL JUMBOTRON-----------------------| */ 
 /* GLOBAL STYLES-------------------------------------------------- */ 
 /* Padding below the footer and lighter body text */   
 body {  
 	/* background-image: url('../images/bg_content.jpg');  */
	background-attachment:  fixed;
	background-repeat: repeat-xy;  
	color: #555; 
	
}  
 /* CUSTOMIZE THE NAVBAR-------------------------------------------------- */ 
 /* Special class on .container surrounding .navbar, used for positioning it into place. */ 
 
 
 
 .navbar-wrapper {        top: 0;    left: 0;  right: 0;     z-index: 10;  margin-top: 10px;   margin-bottom: -90px;  /* -90px Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */   }  
 .navbar-wrapper .navbar {   }    /* Remove border and change up box shadow for more contrast */   
 .navbar .navbar-inner {   border: 0;/*   -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);  -moz-box-shadow: 0 2px 10px rgba(0,0,0,.75);     box-shadow: 0 2px 10px rgba(0,0,0,.75); */  }     /* Downsize the brand/project name a bit */ 
 .navbar .brand {     padding: 14px 20px 16px;  /* Increase vertical padding to match navbar links */ font-size: 0.9em;   font-weight: bold;   text-shadow: 0 -1px 0 rgba(0,0,0,.5); /* Navbar links: increase padding for taller navbar */ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); transition: all 0.2s linear 0s; }      
 .navbar .brand2 {  color:#95b0b1; padding: 30px 0px 0px 20px;    /* Increase vertical padding to match navbar links */ font-size: 30px;   font-weight: bold;   /*text-shadow: 0 -1px 0 rgba(0,0,0,.5);*/ /* Navbar links: increase padding for taller navbar */ /*text-shadow: 0 1px 0 rgba(0, 255, 0, 0.5), 0 0 20px rgba(0, 255, 0, 0.5);*/ transition: all 0.4s linear 0s; }      
 .navbar .brand2:hover { color:#3BA1A6; text-shadow: none; }
 .navbar .chat {max-height: 30px;padding: 0 0 0 10px; margin-top: -30px;}
 .navbar .nav > li > a {   padding: 23px 20px;   }     /* Offset the responsive button for proper vertical alignment */ 
 @media (min-width: 980px) and (max-width: 1200px) {.navbar .nav > li > a {   padding: 18px 10px !important; } }
 .navbar .btn-navbar {  margin-top: 10px;   } 
 .navbar .btn-navbar a{  margin: 10px;   } 
 
/* .topnav .navbar {background-color: #005054;}  */
 
 
 .topnav .navbar .navbar-inner {  border: 0;   -webkit-box-shadow: none !important ;  -moz-box-shadow: none !important;     box-shadow: none !important ; }
 .topnav .navbar-inner {min-height:40px;background-color: transparent !important; background-image:none !important;background-repeat:repeat-x;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
.topnav .navbar .nav > .active > a { /*color: #FFF;*/ background-color: transparent !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
 .topnav .navbar .nav > li > a { /*color: #FFF;*/ }
 
 .homepage .topnav a {
	 color: #95b0b1;
 }
 
 .homepage .mainmenu-home a {
	 color: #FFF !important;
 }
 
 .mainmenu-inner a {
	 color: #FFF !important;
 }
 
 
 .nav-collapse ul ul {
    display:none;
}

 .nav-collapse:hover > ul { 
	 
	display:block;
}


 
 
 .mainNav-bg {
	 background-color: rgba(3,131,135,0.7);  
	 padding: 0;
	 /*-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);*/
	 /*-moz-box-shadow: 0 2px 10px rgba(0,0,0,.75);*/
     /*box-shadow: 0 0 50px 50px rgba(0,0,0,1);*/
	 position: relative;
	 margin-top:-150px;
	 z-index: 100;
 }
 
  .mainNavInner-bg {
	 background-color: none;  
	 padding: 40px 0;
 }
 
 
 .mainNav-bg .navbar-inner {
	/*background-color: rgba(0,0,0.8) !important;  */
	background-image: none !important;
 }
 
 .header ul {
	 margin: 0px;
 }
 
 .affix {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
 }
 
 .navbar-wrapper {
	 max-width: 1170px;
	 margin: auto;
	/*-webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;  */
 }
 
 .topnav-inner .navbar {
	 background-color: #005054;
	 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	 -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	 box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
 }
 .topnav-inner .navbar-inner {
	 background-color: transparent;
	 -webkit-box-shadow:none;
	 -moz-box-shadow:none;
	 box-shadow:none;
 }
 
 
 
 .affix .navbar-wrapper {
    transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
	   }
 
 .chatlogo-outer {
	 display: none;
 }
 
 .chatlogo {
	 max-width: 80px;
 }
 
 
 .affix .chatlogo-outer {
	 display: unset;
	 -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
 }
 
 .header {
	 margin: auto;
	 text-align: center;
 }
 
 .affix .header {
	 float: right;
	 transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
 }
 

 #mainnav {
	 display: inline-block;
	 margin-bottom: -4px !important;
 }
 
/* .dropdown-menu ul {
	 visibility: hidden;
	 opacity: 0;
	 -webkit-transition: all .25s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
 } 
 
  .dropdown-menu:hover ul {
	 visibility: visible ;
	 opacity: 1;
 } 
 
   .dropdown-menu:hover ul > .nav-child{
	 visibility: hidden;
	 opacity: 0;
 } */
 
 
 .pagination a, .pagination spam {
	 border: none !important;
 }
 
 
 

 /* CUSTOMIZE THE CAROUSEL-------------------------------------------------- */ /* Carousel base class */   
 .carousel {  margin-bottom: 0px; margin-top: 0px;     -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);-moz-box-shadow: 0 2px 10px rgba(0,0,0,.75); box-shadow: 0 2px 10px rgba(0,0,0,.75);  }   

 .carousel .container {   position: relative;  z-index: 9;    }   
 .carousel-control {  height: 80px;    margin-top: 0;   font-size: 120px;  text-shadow: 0 1px 1px rgba(0,0,0,.4);  background-color: transparent;   border: 0;    z-index: 9;    }   
 .carousel .item {  /* height: 85vh; */     }    
 .carousel img {  position: absolute;  top: 0;    left: 0;   min-width: 100%;  /*height: 80vh;*/ z-index: -1; -webkit-backface-visibility: hidden;}  
 .carousel-caption {  background-color: transparent; position: static;   max-width: 550px;     padding: 0 20px;    margin-top: 300px;    }  
 .carousel-caption h1,  .carousel-caption .lead { margin: 0;    line-height: 1.25;  color: #fff;     text-shadow: 0 1px 1px rgba(0,0,0,.4); }  
 .carousel-caption .btn {    margin-top: 10px;   }  
 
 
 /*

       .carousel-fade .carousel-inner .item {
            transition-property: opacity;
        }
        
        .item,
        .carousel-fade .carousel-inner .item .active.left,
        .carousel-fade .carousel-inner .item .active.right {
            opacity: 0;
        }

        .carousel-fade .carousel-inner .item .active,
        .carousel-fade .carousel-inner .item .next.left,
        .carousel-fade .carousel-inner .item .prev.right {
            opacity: 1;
        }

       .carousel-fade .carousel-inner .item .next,
       .carousel-fade .carousel-inner .item .prev,
        .carousel-fade .carousel-inner .item .active.left,
        .carousel-fade .carousel-inner .item .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

 
 */
 
 
 
 
 

/*.carousel .slide1 {
	background: /*linear-gradient(0deg, rgba(0,0,0,1) 0, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0)),*/ url(../carousel/MMM.wings.jpg) no-repeat center center fixed; 
	
	/*   teal gradient up 
	background: linear-gradient(0deg, rgba(0,128,128,1) 0, rgba(0,128,128,0.8) 10%, rgba(0,0,0,0)), url(../carousel/MMM.steak.png) no-repeat center center fixed;
	*/
	
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  /*-webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);  
  background: linear-gradient(0deg,rgba(0,0,0,0) 100%,rgba(0,0,0,0.5) 10%, rgba(0,0,0,1) 0);*/
  
  
/*  box-shadow: inset 0 -50px 100px 50px rgba(0, 0, 0, 0.8);
  animation: animatedBackground 40s linear infinite;
  background-position: 0px 0px;
}
*/

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 30px 30px 100px 0 #000000;
    /*border-radius: 20px;*/
    top: 0;
    left: 0;
}
 
 .carousel .wrapper { 
  width:100vw;
  height:100vh;
  overflow:hidden;

}




.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function:linear;
   /* -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); */    
-webkit-backface-visibility:hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
width: 100%;
padding-left: 1px;           /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
padding-top: 1px;            /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
margin-left: -1px;           /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
margin-top: -1px;            /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
}

 .carousel-inner { max-height: 100vh !important;}      /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}





.carousel .slide1 {
  background:url(../carousel/MMM.pizza3.jpg) no-repeat center center /*fixed*/;
  background-size:cover;
  /*width:100%;*/
  height:100%;
  -webkit-transform: translateZ(0) rotate(0.02deg);
width: calc(100% + .49px);
/*  transition: transform 2s; 
  -webkit-backface-visibility:hidden;  */
    -webkit-box-shadow: inset 0px 150px 100px 70px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 150px 100px 70px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 150px 100px 70px rgba(0, 0, 0, 0.5);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);  
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
}


/*
.slide1 { transform:scale(1.1) }



.slide1 img {
	transform: scale(1.2);
	transition: transform 60s linear;
}
*/


@keyframes changeWidth {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.1) rotate(0.02deg);
  }
}

/*.animatedSlide {
  animation-duration: 30s;
  animation-name: changeWidth;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-backface-visibility:hidden;
}  */



.carousel-home .carousel .active {
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation: cssAnimation 20s 1 linear;
animation: cssAnimation 20s 1 linear;
}

@keyframes cssAnimation {
from {
-webkit-transform: scale(1) translate(0px) rotate(0.02deg);
}
to {
-webkit-transform: scale(1.3) translate(0px) rotate(0.02deg);
}
}
@-webkit-keyframes cssAnimation {
from {
-webkit-transform: scale(1) translate(0px) rotate(0.02deg);
}
to {
-webkit-transform: scale(1.3) translate(0px) rotate(0.02deg);
}
}









.carousel .slide2 {
  background: url(../carousel/MMM.wine.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0) rotate(0.02deg);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}


.carousel .slide3 {
  background: url(../carousel/MMM.breakfast.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0) rotate(0.02deg);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}
	
	.carousel .slide4 {
  background: url(../carousel/MMM.setting2.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}

	.carousel .slide5 {
  background: url(../carousel/MMM.lobster.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}
	
	
.hero {
	margin-top: -20px;
	width: 100%;
}
.hero-unit::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%,  rgba(255, 255, 255, 1) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 95%) ;
  margin-top: -625px;
  height: 625px;
  max-height: 625px;
  width: 100%;
  content: '';
}

  .hero-unit img {
	width: 100%;
	/*height: 300px;*/      /* removed to avoid forced incorrect aspect ratio on images  */  
	max-height:500px;
	min-height: 225px;   /* added to prevent hero image from being too short in smallest res.  consider switching to background: cover */
	object-fit: cover;   /* added to prevent image stretch in wider browsers */
}


.mainContent-inner {
	margin-top: -50px;
}	
 

 /* MARKETING CONTENT-------------------------------------------------- */ 
 /* Center align the text within the three columns below the carousel */ 
 .marketing .span4 {    text-align: center;   } 
 .marketing h2 {   font-weight: normal;  }   
 .marketing .span4 p {   margin-left: 10px;  margin-right: 10px;  }   
 /* Featurettes------------------------- */ 
 .featurette-divider {   margin: 80px 0;  /* Space out the Bootstrap <hr> more */ }   
 .featurette {   padding-top: 120px;  /* Vertically center images part 1: add padding above and below text. */ overflow: hidden; 
 /* Vertically center images part 2: clear their floats. */  }  
 .featurette-image {   margin-top: -120px;  /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */  }    /* Give some space on the sides of the floated elements so text doesn't run right into it. */ 
 .featurette-image.pull-left {   margin-right: 40px;  }    .featurette-image.pull-right {   margin-left: 40px;    }   /* Thin out the marketing headings */   
 .featurette-heading {    font-size: 50px;    font-weight: 300;   line-height: 1;      letter-spacing: -1px; }   
 /* RESPONSIVE CSS-------------------------------------------------- */  
 @media (max-width: 979px) {   
 .container.navbar-wrapper {    margin-bottom: 0;      width: auto;    }   
 /*.navbar-inner {   border-radius: 4px;  margin: 0px ;    }   */  
 .carousel .item {     /*height: 500px; */    }     
 .carousel img {  width: auto;  /*height: 500px; */  }     
 .featurette {   height: auto;   padding: 0;     }   
 .featurette-image.pull-left,  .featurette-image.pull-right {  display: block;     float: none;      max-width: 40%;    margin: 0 auto 20px;  }    }  
 @media (max-width: 767px) {   .navbar-inner {  }    
 .carousel {  margin-left: -20px;   margin-right: -20px;  }  
 .carousel .container {  }      .carousel .item {   /*height: 200px;*/  }   
 .carousel img {  /* height: 300px; */   }  
 .carousel-caption {   width: 65%;   padding: 0 70px;   margin-top: 100px;   }  
 .carousel-caption h1 {  font-size: 30px;    }  
 .carousel-caption .lead,   .carousel-caption .btn {   font-size: 18px;   }  
 .marketing .span4 + .span4 {   margin-top: 40px;     }   
 .featurette-heading {   font-size: 30px;   }   
 .featurette .lead {  font-size: 18px;     line-height: 1.5;   }    }
 
 
 
  /* POSITION STYLES------------------------------------------------- */ 
 
 .promo {
	 position: relative;
	 z-index: -1;
	/*box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);*/
	/* margin-top: 150px;*/
	margin: 25px 0px;
 }
 
 .promo h1 {
	 margin-bottom: 30px;
 }
 
 .intro {
	 margin-top: 150px;
	 margin-bottom: 50px;
 }
 
 .testimonials-wrapper {
	 background-color: #b8e7e7;
	 padding: 20px;
	/* -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);
 -moz-box-shadow:: 0 2px 10px rgba(0,0,0,.75);
 box-shadow: 0 2px 10px rgba(0,0,0,.75);*/
 min-height: 400px /*!important*/;
 }
 
 .testimonials {
	 margin-top: 150px;
 }
 
 .testimonials .pad-max .pad-med {
	 padding-bottom: 0px;
 }
 
 .pagination {
	 height: unset;
 }
 
 .pagination ul {
	 -webkit-box-shadow: none;
	 -moz-box-shadow: none;
	 box-shadow: none;
 }
 
 
 
 .pagination span {
	 line-height: 55px;
 }
 
 
 .centered {
	 text-align: center;
 }
 .centered-inner {
	 display: inline-block;
 }
 .center {
	 text-align: center;
 }
  
 
 
.promo-over {
	width: 100%;
	background-color: #444; 
	margin-bottom: 50px;
	background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,00) 50%, rgba(0,0,0,0) 100%), url(../images/MMM.SlateBG.jpg) center bottom;
	background-size: 100% auto;
	/*background: /*linear-gradient(0deg, rgba(0,0,0,1) 0, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0)),*/ /*url(../images/MMM.SlateBG.jpg) no-repeat center bottom; */
	/*   teal gradient up 
	background: linear-gradient(0deg, rgba(0,128,128,1) 0, rgba(0,128,128,0.8) 10%, rgba(0,0,0,0)), url(../carousel/MMM.steak.png) no-repeat center center fixed;
	*/
	image-rendering: -webkit-optimize-contrast;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  height: 100%;
	
	
	
	
	
	/*
	background-image:-moz-linear-gradient(top, #222, #111);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
	background-image:-webkit-linear-gradient(top, #222, #111);
	background-image:-o-linear-gradient(top, #222, #111);background-image:linear-gradient(to bottom, #222, #111);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#111', GradientType=0);
	
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*/
	
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.75);
box-shadow: 0 2px 10px rgba(0,0,0,.75);


}


.promo-border {
	background: url(../images/MMM.BestOfBG.png) no-repeat 0px -300px;
	width: 100%;
	height:800px;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	}
.promo-content {
	padding: 40px;
	margin-top: -150px;
	position: relative;
	z-index: 1;
	
}

 
 .promo-over h2 {
	 color: #AAA;
	 font-size: 40px;
	 margin-bottom: 40px;
 }
 
 
.promo-over h3 {
	color: #00DD00;
	line-height: 20px;
}

.promo-over h4 {
	color: #AAA;
	font-size: 30px;
	margin: 20px 0;
}
  
.promo-over p {
	color: #AAA;
}

.promo-over a {
	color: #3BA1A6;
}
.promo-over a:hover {
	color: #005054;
}

.promo-over .btn-primary, .promo-over .btn-primary:hover {
	color: #FFF !important;
}



.page-content {
	position: relative;
}



.rest-type {
	margin-left: 0px !important;
}




.pagination a, .pagination span {
	border: none !important;
}

.pagination li:first-child a, .pagination li:first-child span,
.pagination li:last-child a, .pagination li:last-child span {
	border-radius: 0px !important;
}




 .social-simple {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    padding: 5px 15px;
	/*display:inline-block;*/
	line-height: 40px;
	font-variant: small-caps;
	margin: 70px 0;
}


.fa-icon-2x {
	vertical-align: middle;
	font-size: 30px;
	margin-left: 15px;
}

 
 
.footer1 {
	width: 100%;
	background: #00ff00;
	
}
.footer1 {
	width: 100%;
	background-color: #038387; 
	
	background-image:-moz-linear-gradient(right, #038387, #005054);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#038387), to(#005054));
	background-image:-webkit-linear-gradient(right, #038387, #005054);
	background-image:-o-linear-gradient(right, #038387, #005054);
	background-image:linear-gradient(to right, #038387, #005054);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#038387', endColorstr='#005054', GradientType=0);
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	padding-top: 60px;
	padding-bottom: 60px;
}
.footer1 h3 {
	color: #95b0b1;
	margin: 10px 0;
}

.footer1 a {
	color: #FFF;
	font-size: 16px;
}

.footer2 {
	background-color: #151515;
}

.footer hr {
	max-width: 80%;
	margin: 40px auto;
	border-top: 2px solid #111;
	border-bottom: 1px solid #222;
		
}

.footer2 h3 {
	color: #777;
}

.footer2 p {
	margin-bottom: 20px;
}

.footer2 a {
	color: #038387;
	font-weight: bold;
}
.footer2 a:hover {
	color: #338b91;
}

.footer-logo {
	max-width: 100px;
	margin: 30px 50px;
}
.fPhone {
	color: #555 !important;
}

.footer2 .alignLeft {
	text-align: left;
	}

	.footer2 .company, .footer2 .connect {
		margin-top: 80px;
	}



.footer4 {
	width: 100%;
	background-color: #151515; 
	padding-top: 20px;
	padding-bottom: 20px;
	/*
	background-image:-moz-linear-gradient(top, #00cd30, #058900);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
	background-image:-webkit-linear-gradient(top, #222, #111);
	background-image:-o-linear-gradient(top, #222, #111);
	background-image:linear-gradient(to bottom, #222, #111);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#111', GradientType=0);
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	*/
}

.footer4 li {
	display: inline-block;
	padding: 0px 10px;
}

.footer4 a, .footer4 p {
	font-size: 16px;
}

.footer4 a:hover {
	font-weight: normal !important;
}




.cat-type li {
	min-height: 120px;
}

.b-mreset {
	margin-bottom: 0;
}


.owner, .diner {
	margin-bottom: 50px;
	min-height: 150px;
	clear:both;
}

.dinerCTA, .ownerCTA {
	margin-bottom: 40px;
}


.restaurantSuggest input[type="text"] {
	margin-bottom: 0;
}





 
 /* allows nav button to be clickable over carousel */
.js-overlay {
	pointer-events: none;
}
 
 
 
 
 
 /* Make Dropdowns show on hover rather than click */
 
 .sidebar-nav {
    padding: 9px 0;
} 

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
	opacity: 0;
}

.dropdown-menu li:hover > .nav-child > .dropdown-menu {
    visibility: visible;
	opacity: 1;
	max-height: 505px;
}
.dropdown-menu li:after > .nav-child > .dropdown-menu {
    visibility: hidden;
	opacity: 0;
	/*max-height:0;*/

}



.dropdown:hover >.dropdown-menu {
    display: block;
	opacity: 1;
	/*max-height: 505px;*/
	visibility: visible;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	transition: all 0.7s linear;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
	opacity: 0;
}

.navbar > .nav-child .dropdown-menu {
	opacity: 0;
	visibility: hidden;
	/*max-height: 0;*/
}


/*.navbar > .nav-child .dropdown-menu:hover {
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}*/

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
 
  
 /* End dropdown show on hover */
 
 .dropdown-submenu:after> .dropdown-menu{display:block;opacity:0;visibility:hidden;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
 
.current .dropdown-menu  {
	 z-index:10000;
	 
 }
.dropdown > .dropdown-menu {
	 visibility:hidden;
 }

 

  /* Make affixed navigation width render correctly */ 
  @media (min-width: 1200px) {
  
 .affixedNavWidth {max-width: 1170px; }
 }
 
  @media (min-width: 980px) and (max-width: 1200px) { 
   .affixedNavWidth {max-width: 940px; }
 }
 
  @media (max-width: 979px) { 
   .affixedNavWidth {max-width: 725px; }
 }
 

 /* end affixed nav width */
 
 
 
 
 
 /* PageSlide CSS */
 #pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
	/*position: fixed;*/
	top: 0;
    height: 2000px;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 0 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-box-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
	
	
	
	        #content { position: relative; padding: 10px; margin: 0 auto; }
            #content h1 { color: #333; line-height: 1em; }
            
            ul#nav { padding-left: 0; list-style: none; width: 100%; margin-bottom: 40px; }
            ul#nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
            
                #content ul#nav li { float: left; width: 20%; text-align: center; }
                #content ul#nav a { 
                        display: block; 
                        background: #000;
                        color: #FFF; 
                        font-weight: bold; 
                        padding: 10px; 
                        border-right: 1px solid #FFF;
                }
                #content ul#nav a:hover { background: #333; }

        .open {
            display: none;
            float: left;
            width: 40px;
            height: 30px;
            margin-right: 10px;
            background: url(../images/menu.png) center center no-repeat #333;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -border-radius: 8px;
            box-shadow: inset 0 0 3px #000;
            text-indent: -999999px;
            border: 0;
        }
}

#pageslide li {clear:both;background: #191919; border-radius: 4px; padding: 5px; margin: 5px;width: 150px;}
#pageslide .nav-child li {background: none !important; padding: 0px; margin: 10px 0px 0px 0px;}


        /* Media Queries
        * 
        * Note: Please don't base your responsive design off of this code. It is just here for demo purposes.
        * Rather, grab yourself a copy of Ethan's book: http://www.abookapart.com/products/responsive-web-design
        ================================================== */
        
        /* Mobile and iPad Portrait */
    	@media only screen and (max-width: 979px) {
    	    .btn-navbar {float:left !important;}
		
		.mainmenu .dropdown-submenu:hover> .dropdown-menu{display:block;position:relative;}
		
		.mainmenu .nav {position: absolute;}
		.nav.menu ul {position: relative;}
		.nav.menu ul .nav-child{ display: block; margin: 0px 0px 0px -130px;background: none;border: none;box-shadow: none;}
		.dropdown-submenu > .dropdown-menu { display:block;}
		.mainmenu ul, .topnav ul {margin:0px !important;}
		.dropdown-menu {padding: 0px 5px !important;margin: -5px 0px 0px 0px;background: none !important;border: none; box-shadow: none;}
		.dropdown-menu a{ color: #AAA;}
    	}
		.mmmtopnav {float:right}
    	
    	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 767px) {
			
    	    #content { width: 400px; }
    	    #content ul#nav { display: none; }
    	    
    	    .open { display: block; }
    	    #pageslide { width: 200px; }
    	        #pageslide #nav li { padding: 10px 0; border-bottom: 1px solid #666; }
    	        #pageslide #nav li a { color: #FFF; border: none; }
    	        #pageslide #nav li a:hover { text-decoration: underline; }
    	}
    	
    	/* Mobile Portrait */
      /*  @media only screen and (max-width: 480px) {
            #content { width: 280px; }
            #content h1 { font-size: 14px; }
        }  */
 
 
 
@media (max-width: 979px) {
        #topnav {
            display: none !important;
        }
		
    }
    @media (min-width: 980px) {
        #mm-topnav{
            display: none !important;
        }
		
		.mburger {
			display: none !important;
		}
    }
 
 
 .mburger {
        --mb-bar-height: 3px;
	/*	--mb-button-size: 40px;*/
    }
	
 
 .mburger:hover {
	 color: #3BA1A6 !important;
 }
 .mburger {
	 color: #95B0B1 !important;
	 margin: 10px !important;
 }
 
 .mm-page {
	 -webkit-box-shadow: -2px 2px 10px rgba(0,0,0,.75);
	 -moz-box-shadow: -2px 2px 10px rgba(0,0,0,.75); 
	 box-shadow: -2px 2px 10px rgba(0,0,0,.75);
 }
 
 
 .mm-menu {
        --mm-color-background: #66b4b6;
        /*--mm-color-text: #111;*/
    }
	
/*.mm-panel {
-webkit-box-shadow: inset 0 2px 10px rgba(0,0,0,.75);
-moz-box-shadow: inset 0 2px 10px rgba(0,0,0,.75);
box-shadow: inset 0 2px 10px rgba(0,0,0,.75);
	}  */
	
	
	.mm-navbar__title {
		color: #555 !important;
		font-family: "Bubblegum Sans", "calibri",Helvetica,Arial,sans-serif;
		font-size: 22px;
	}
 
 
		.seb_css3 { padding: 0px !important;}
	
	
	.footer1 .nav a {
		font-family: "Muli", "calibri", arial, sans-serif;
		margin-left: 5px;
		font-size: 16px;
		font-weight: normal;
	
	}
	.footer1 .nav a:before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
	
	}
	
	.footer1 input[type="text"] {
		background-color: rgba(0,0,0,0.25);
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-box-shadow: none;
		color: #CCC;
		margin: 0 10px;
		padding: 5px 20px;
		width: initial !important;
	}
	
	.restaurantSuggest {
		margin: 20px 0;
	}
	
	
	.restaurantSuggest input[type="text"] {
		width: initial !important;
		margin: 0 10px;
		padding: 5px 20px;
		border: 0px;
	}
	
	.footer1 .subbutton, .restaurantSuggest .subbutton {
		margin-left: 10px;
	}
	
	/*.newsletter, .restaurantSuggest {
		max-width: 95%;
	}  												removed to make rest submit block same width as rest of content on restaurant listing page 	*/
	
	
	.footer2 li {
		margin: 10px;
	}
	
	.footer2 a:before {
		font-family: "Font Awesome 5 Free";
		margin: 10px;
	}
	
	.footer2 .fa-utensils:before, .footer2 .fa-paper-plane:before {
		margin-right: 15px;
	}
	
	.footer2 .fa-newspaper:before {
		margin-right: 12px;
	}
	
	
	
	
	/*.nav .fa-paper-plane {
		font-weight: 400 !important;
	}
	.nav .fa-paper-plane:hover {
		font-weight: 900;
	}*/
	
	.footer1 .nav li {
		margin: 10px;
	}

	
	

.testimonials .carousel {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	
.testimonials-wrapper {
	max-height: 310px;
}
	
	.slides_container {
		min-height: 500px;
	}
	
	.bt_introtext {
		font-size: 16px;
	}
	
	
	.contact-box {
		background-color: #4C4C4C;
		padding: 20px;
		-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);
		-moz-box-shadow: 0 2px 10px rgba(0,0,0,.75);
		box-shadow: 0 2px 10px rgba(0,0,0,.75);
		color: #3BA1A6;
		margin-top: 30px;
		margin-bottom: 100px;
	}
	
	.contact-box h3, .contact-box p {
		margin-left: 20px;
	} 
	
	.contact-box p {
		color: #ccc;
	} 
	
	
	.itemList h3, .itemView h3 {
		line-height: 28px;
	}
	
	div.itemIntroText {
		font-weight: normal;
	}
	
	
	/*   K2 CSS updates */ 
	
	div.catItemView {
    padding: 20px !important;
}
	
	span.catItemImage {
		margin: 0 20px 8px !important;
	}
	
	div.catItemLinks, div.itemLinks {
    background-color: #EFEFEF;
	padding: 10px !important;
}

div.catItemReadMore, .readmore a {
    float: right;
}

div.k2Pagination ul li {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 8px;
    border: 1px solid 
#ddd;
border-radius: 4px;
vertical-align: middle;
background:
    #fff;
    text-decoration: none;
}

div.k2Pagination ul li a {
    display: inline-block;
    padding: 0;
    margin: 0 ;
    border: 0px solid 
#ddd;
border-radius: 0px;
vertical-align: middle;
background:
    #fff;
    text-decoration: none;
}

div.catItemView {
    margin-bottom: 0;
}
	
div.itemCommentsLoginFirst {
    background: #95b0b1;
}

a.k2ReadMore, .readmore a {
	background-color: #3BA1A7;
	color: #FFF;
	padding: 10px 30px;
	font-size: 16px;
	transition: all .4s ease-in-out;
}

a.k2ReadMore:hover, .readmore a:hover {
	background-color: #038387;
}

.readmore a {
	margin-top: 20px;
}

	
	/* End K2 CSS */
	
	/*======= BT CONTENT SLIDER ========*/
.bt-cs {
	position: relative;
	border: none;
}
.slides_container {
	overflow: hidden;
	position: relative;
}
.bt-cs h3 {
	color: #d67901;
	line-height: 37px;
	text-indent: 15px;
	text-transform: uppercase;
	background: url(../images/bg-header.png) repeat-x;
	height: 37px;
	border: 1px solid #cfcfcf;
	margin: 0 !important;
}

/*
	Handles - Next/prev buttons
*/
.bt-cs .next,.bt-cs .prev {
	display: none;
	width: 40px;
	height: 100%;
	top:0;
	opacity:0.7;
}
.bt-cs:hover .next, .bt-cs:hover .prev{
	display:block;
}
.bt-cs .next:hover, .bt-cs .prev:hover{
	opacity:1;
}
.bt-cs a.next {
	background: url(../images/re-right.png) right center no-repeat !important;
	text-indent: -9999px;
	position:absolute;
	z-index:100;
	margin:0;
	padding:0;
	right:0;
}
.bt-cs a.prev {
	background: url(../images/re-left.png) left center no-repeat !important;
	text-indent: -9999px;
	position:absolute;
	z-index:999;
	margin:0;
	padding:0;
	left:0;
}

/*bullet */
.bt-cs .bt_handles {
	border: 1px solid red;
	position: absolute !important;
	margin:  0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index:101;
}
.bt-cs .bt_handles li {
	float: left;
	margin: 0 1px!important;
	list-style:none;
	padding:0px!important;
	background:none!important;
}
.bt_handles li a {
	display: block !important;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	padding: 12px 0 0 0 !important;
	overflow: hidden;
}
.bt_handles li.current a {
	background-position: 0 -12px;
}

/*numbering */
.bt-cs .bt_handles_num {
	border: 1px solid red;
	position: absolute !important;
	margin:  0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index:101;
}
.bt-cs .bt_handles_num li {
	float: left;
	margin: 0 1px!important;
	list-style:none;
	padding:0px!important;
	background:none!important;
}
.bt_handles_num li a {
	display: block !important;
	width:12px;
	height:15px;
	line-height:15px;
	background:grey;
	float: left;
	padding:0!important;
	overflow: hidden;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:10px;
}
.bt_handles_num li a:hover{
	opacity:0.8;
}
.bt_handles_num li.current a {
	background:orange;
}

/*** CSS STYLE FOR ITEM ****/
.bt-cs .bt-row {
	float: left;
	position: relative;
	overflow: hidden;
	padding: 8px 0;
	margin-top:20px;
}
.bt-cs .bt-inner {
	margin: 0;
	position: relative;
	padding: 0 10px;
}
.bt-cs .bt-inner a {
	text-decoration: none;
}
.bt-cs .bt-inner img {
	max-width:99%;
	margin:5px 0px;
	outline: 0px;
}
.bt-cs .bt-inner .bt-title {
	clear: both;
	color: #038387;
	font-weight: bold;
	text-transform: uppercase;
	line-height:150%;
	display:inline-block;
}
.bt-cs .bt-inner .bt-category {
	clear: both;
	color: #4a4a4a;
	font-weight: bold;
	line-height:150%;

}
.bt-cs .bt-center{
	text-align:center;
}
.bt-cs .bt-extra {
	clear: both;
	margin-top: 5px;
}
.bt-cs .bt-date,.bt-cs .bt-author {
	font-weight: normal;
	font-size: 80%;
}
.bt-row-separate {
	clear: both;
	height: 1px;
	border-bottom: 1px dotted #959595;
	margin: 0px 10px;
	margin-bottom: 15px;
}
  /* End BT Content Slider CSS */
  
  /* Acy Styles */ 
  
  .acysubbuttons .btn-primary {
	padding: 10px 30px;
	font-size: 16px;
  }
  
  .acym_form input[type="email"] {
	  margin-bottom: 0;
  }
  
  
  /* End Acy Styles */ 
  
  
  #cck1r_label_cuisine label, 
  #cck4r_label_diet label, 
  #cck5r_label_experience label, 
  #cck2r_label_meal label,
  #cck3r_label_occasion label,
  #cck1r_label_price label, 
  #cck6r_label_location__city label,
  #cck7r_label_location__city label, 
  #cck6r_label_cuisine label, 
  #cck5r_label_experience__eat_in label, 
  #cck5r_label_cuisine label, 
  #cck4r_label_experience label, 
  #cck3r_label_diet label, 
  #cck2r_label_occasion label,
  #cck1r_label_meal label  {
	  display: none;
  }
  
  
  
  /* Joomla Admin CSS - Seblod */ 
  
  .seb_css3 {
	  padding: 0px !important;
  }
  
  /* End Joomla Admin CSS - Seblod */