@charset "utf-8";
/* CSS Document */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input,select{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}

/* -- end normalize reset --*/
a{
	text-decoration:none;
}
ul{
	list-style:none;
    margin:0px;
    padding:0;
}
body{
	background:black;
    color:white;
    text-align:center;
    font-family:"Playfair Display";
    font-size: 18px;
    line-height:26px;
}
img{
	display:block;
    width:100%;
}
.wrapper{
	padding:50px;
}
.overlay{
	position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 1;
}
.center{
	position:absolute;
    top:50%;
    left:50%;
    z-index: 1;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    width: auto;
    height: auto;
    display: block;
    margin: 0;
    line-height: 100%;
}
.btn [class^="icon-"]:before, .btn [class*=" icon-"]:before {
    display: inline-block;
    color: #e5b768;
    font-size:20px;
    line-height: 13px;
    vertical-align:middle;
    margin: -2px 0 0 8px;
}

.btn {
    color: white;
    text-decoration: none;
    font-family: "Montserrat";
    font-weight: 100;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 12px 42px;
    border: 1px solid #e5b768;
    border-radius: 20px;
    background:transparent;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}
.btn:hover{
	background:#e5b768;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}
.btn:hover [class^="icon-"]:before, .btn:hover [class*=" icon-"]:before, 
.btn:hover .demo-icon.icon-right{
	color:white;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}
h1 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
    font-size: 46px;
    margin: 0 0 20px 0;
}

h2 {
    margin: 0;
    color: #3fafb3;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 15px;
}

/* ---- sticky header --*/

header#sticky {
    display:none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    text-align:center;
    padding: 20px 25px 10px;
}


header#sticky ul{
    display: inline-block;
    margin: 0 auto 0 65px;
}

header#sticky ul li a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 14px;
    cursor:pointer;
}
header#sticky .logo {
    display: block;
    margin: -4px auto 0;
    text-decoration: none;
    color: #E5B76C;
    background: transparent;
    z-index: 1;
    position: static;
    padding: 0 12px;
}

header#sticky ul li {
    display: inline-block;
    float: left;
    margin: 0 20px;
    cursor:pointer;
}
header#sticky .logo [class^="icon-"]:before, header#sticky .logo [class*=" icon-"]:before {
    line-height: 40px;
     font-size: 55px;
}
header#sticky .logo.mob, header#sticky .trigger, header#sticky ul.mob{
    	display:none;
    }


/* -- hero area --*/
.logo.mm i.demo-icon.icon-mm-landscape, 
.logo.mm i.demo-icon.icon-mm-landscape:before {
    font-size: 600px;
    line-height: 200px;
    color: #E5B76C;
}

.logo.mm,
.logo.mm.desk,
.logo.mm.mob{
    overflow: hidden;
    display: block;
    text-decoration: none;
    margin: 0 0 30px 30px;
}
.logo.mm .icon-mm-landscape:before {
    content: '\e810';
    line-height: 22%;
}


/* -- border icons */
i.demo-icon.icon-sunburst.tl {
    position: absolute;
    left: 25px;
    top: 25px;
    transform: rotate(180deg);
}

i.demo-icon.icon-sunburst {
    font-size: 100px;
    position: absolute;
}

i.demo-icon.icon-sunburst.tr {
    right: 25px;
    top: 25px;
    transform: rotate(-90deg);
}

i.demo-icon.icon-sunburst.bl {
    bottom: 25px;
    left: 25px;
    transform: rotate(90deg);
}

i.demo-icon.icon-sunburst.br {
    bottom: 25px;
    right: 25px;
}

/* -- intro --*/
#intro{
	position:relative;
    overflow:hidden;
    padding: 0 0 45% 0;
}
.overlay.hand, 
.overlay.stars1, 
.overlay.circle, 
.overlay.stars2,
.overlay.bg{
	height:auto;
    z-index:0;
}
.overlay.stars1{
	z-index:3;
    width: 120%;
    left: -10%;
}
.overlay.hand {
    z-index: 2;
    opacity: 0.45;
    width: auto;
    left: -5%;
    top: 4%;
    height:92%;
    margin: 0 auto;
}

#intro .center.wrapper {
    z-index: 5;
    position: relative;
    max-width: 900px;
}

.overlay.stars2 {
    z-index: 1;
    opacity: 0.3;
    z-index: 1;
    opacity: 0.3;
    width: 150%;
    left: -25%;
    top: -30%;
}
.overlay.bg{
	z-index:0;
    top: -10%;
}
.overlay.circle {
    width: auto;
    margin: 0 auto;
    opacity: 0.15;
    height: 170%;
    top: -35%;
    z-index:2;
}
#intro p {
    font-size: 26px;
    font-style: italic;
    line-height: 36px;
    margin: 20px 0 50px;
}
#intro .links .btn {
    margin: 0 30px;
}
#top nav.unslider-nav {
    left: 0;
    right: 0;
    bottom: 20px;
    z-index:9;
}
#top .unslider-nav ol li {
    border-radius: 0;
    background: transparent;
    border: none;
    margin: 0;
    width: 60px;
    padding: 20px 2px;
}
#top .unslider-nav ol li .pag {
    height: 0px;
    border-radius: 0;
    width: 60px;
    margin: 0 2px;
    cursor:pointer;
    border:none;
    background: transparent;
    border-bottom: 1px solid #BDA26F;
    -webkit-transition:0.35s ease;
    -ms-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}

#top .unslider-nav ol li.unslider-active .pag{
    border-bottom: 1px solid white;
    -webkit-transition:0.35s ease;
    -ms-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}
#top .unslider-nav ol li:hover .pag{
    border-bottom: 3px solid #BDA26F;
    -webkit-transition:0.35s ease;
    -ms-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}

#top .unslider-nav ol li.unslider-active:hover .pag{
    border-bottom: 3px solid white;
    -webkit-transition:0.35s ease;
    -ms-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}
/* -- menus --*/
.mm-menu {
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 1;
}
.menu-section:nth-of-type(even) .mm-menu {
    right: 0;
}
.menu-section{
	position:relative;
}

.food-img, .drinks-img, .specials-img{
	position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    z-index:0;
}
.mm-menu h1,
.news-block h1,
.news-post h1{
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 36px;
}
.mm-menu h2 {
       color: white;
    font-weight: 400;
    font-family: "Lato";
    letter-spacing: 3.5px;
}
p.desc {
    color: #aaaaaa;
    font-size: 12px;
    line-height: 18px;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-weight: 200;
}

.mm-menu .spacer {
    margin: 0 8px;
    font-family: "Lato";
    font-weight: 100;
    font-size: 20px;
    color: #aaa;
}
/*#food .mm-menu .spacer{
	font-size:24px;
}*/

/*#food .menu-items p {
    font-size: 20px;
    line-height: 28px;
}*/
.mm-menu p {
    margin: 0 0 25px 0;
    font-size: 15px;
    line-height: 22px;
        color: #a7a7a7;
}
.caption {
    font-size: 13px;
    font-style: italic;
}
.caption span {
    color: #e5b768;
}
#food i.demo-icon.icon-sunburst,
#drinks i.demo-icon.icon-sunburst{
    font-size: 70px;
}
.menu-items{
	margin: 30px auto;
}
#drinks .menu-items{ 
	max-width:400px;
}
/*.unslider .menu-items li {
    display: block;
    position: static;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    margin: 30px 0;
}

.unslider ul.menu-items {
    position: static;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
}
#food .unslider ul.menu-items{
	max-width:550px;
}
#drinks .unslider-fade,
#food .unslider-fade{
    padding: 0;
}*/


.specials-text h1 {
    font-size: 45px;
    line-height: 50px;
    margin: 0 0 10px 0;
}

.specials-text h2 {
    color: white;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px 0;
}

.specials-text p {
    margin: 0;
    padding: 0;
    color: #9a9a9a;
}
.specials-text {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity:0;
   -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}
.unslider-active .specials-text{
	opacity:1;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}
#top #specials nav.unslider-nav {
    left: 50%;
    bottom: 10%;
}
.slider-2.unslider-fade{
	padding:0;
}




/* -- mm footer --*/
footer.mm {
    background: url(http://www.matildamidnight.com/mm/images/mm-footer.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
footer.mm .logo,  
footer.mm .social {
    width: 25%;
    display: inline-block;
    float: left;
}
footer.mm .logo{
	height: 77px;
}
footer.mm .hours{
    width: 50%;
    display: inline-block;
    float: left;
}


footer.mm .social {
    text-align: right;
}

footer.mm .hours ul, 
footer.mm .social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer.mm .logo .demo-icon.icon-mm-landscape {
    font-size: 400px;
    color: #e5b768;
}
footer.mm .hours h2 {
    display: inline-block;
    float: left;
    padding: 0 40px 0 0;
    width: 50%;
    text-align: right;
    color: white;
    box-sizing: border-box;
    margin: 0;
    vertical-align:baseline;
    line-height:30px;
}

footer.mm .hours ul li {
    text-align: center;
}

footer.mm .hours ul li p {
    margin:0;
    text-align: left;
    width: 50%;
    display: inline-block;
    font-family: "Lato";
    font-size: 17px;
    font-weight: 400;
    vertical-align:baseline;
    line-height:30px;
}

footer.mm .social a {
    display: block;
    text-decoration: none;
    font-family: "Lato";
    color: #e5b768;
    font-size: 15px;
    line-height: 20px;
}

footer.mm .social a.tel {
    color: white;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 10px 0;
    
}

footer.mm .social ul li {
    display: inline-block;
    margin: 0 0 0px 30px;
}

footer.mm .social ul li a {
    font-size: 22px;
}

footer.mm .social ul {
    margin: 20px 0 0 0;
}
footer.mm .logo i.demo-icon.icon-mm-landscape:before {
    margin: 0;
    line-height: 40px;
}

footer.mm .logo i.demo-icon.icon-mm-landscape {
    line-height: 40px;
}




/*-- news --*/


.news-block .col{
    width:50%;
    background: rgba(0, 0, 0, 0.85);
    text-align: left;
    color: white;
    float:right;
}
.news-block{
	background-size:cover;
    background-position:50%;
}


.news-block .title-holder a {
    color: #3faeb2;
    padding: 4px 20px;
}

.news-block h3 {
    color: gray;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 6px;
}
.news-block .title-holder .btn [class^="icon-"]:before, 
.news-block .title-holder .btn [class*=" icon-"]:before {
    display: inline-block;
    color: #5dbbbe;
    font-size: 14px;
    line-height: 13px;
    margin: 0;
}

.news-block .btn.black {
    background-color: #e5b768;
    margin:0 0 30px;
    box-sizing:border-box;
    
}

.news-block .title-holder a.btn:hover{
    color: white;
    background:#5dbbbe;
}
.news-block .title-holder a.btn:hover [class^="icon-"]:before, 
.news-block .title-holder a.btn:hover [class*=" icon-"]:before{
    color: white;
    background:transparent;
}

/* -- utility classes --*/
.gold{
	color:#d8ae63;
}
.blue{
	color:#3fafb3;
}
.desk{
	display:initial;
}
.tab, .mob,
.logo.mm.mob,
footer.mm .logo.tab{
	display:none;
} 

/*---------------------------------- breakpoints ----*/


@media only screen and (max-width:1500px){
    footer.mm .logo .demo-icon.icon-mm-landscape {
        font-size: 280px;
    }
}
@media only screen and (max-width:1250px){
	footer.mm .logo.tab{
        display:initial;
    }
    footer.mm .logo.desk{
        display:none;
    }
    footer.mm .logo .demo-icon.icon-mm-logo{
        font-size: 120px;
            color: #e5b768;
    }
    footer.mm .logo {
        height: 127px;
    }
    footer.mm .logo{
        width: 20%;
    }
    footer.mm .hours {
        width: 55%;
        text-align:center;
    }
    
    footer.mm .hours ul li h2,
    footer.mm .hours ul li p{
        width:auto;
    	display:block;
        float:none;
        text-align:center;
        margin:0;
        padding:0;
    }
}
@media only screen and (max-width:1024px){

    .logo.mm i.demo-icon.icon-mm-landscape,   
    .logo.mm i.demo-icon.icon-mm-landscape:before{
    	font-size:500px;
    }
    i.demo-icon.icon-sunburst {
        font-size: 80px;
        position: absolute;
    }
    #intro {
        padding: 0 0 60% 0;
    }
    .overlay.bg {
        width: auto;
        height: 100%;
        top: initial;
        left:50%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
    }
    #food i.demo-icon.icon-sunburst, 
    #drinks i.demo-icon.icon-sunburst {
        font-size: 40px;
    }
    /*.mm-menu .spacer {
        font-size: 28px;
        margin: 0 10px;
    }*/
    .mm-menu h1,
    .news-block h1,
    .news-post h1{
        font-size: 24px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        line-height: 26px;
    }
    p.desc {
        font-size: 11px;
        line-height: 18px;
    }
    .wrapper {
        padding: 35px;
    }
    #food .menu-items p {
        font-size: 18px;
        line-height: 24px;
    }
    
    
   
}
@media only screen and (max-width:950px){
    footer.mm {
        padding: 30px 40px 30px;
    }
}
@media only screen and (max-width:768px){
    
    .tab{
        display:initial;
    }
    .btn {
        font-size: 12px;
        padding: 12px 32px;
    }
    #intro {
        padding: 0 0 80% 0;
    }
    .overlay.stars2 {
        top: -12%;
    }
    .overlay.circle {
        left: -17%;
    }
    #intro p {
        font-size: 22px;
        font-style: italic;
        line-height: 34px;
        margin: 20px 0 40px;
    }
    #intro .links .btn {
        margin: 0 15px;
    }
    h1 {
        font-size: 40px;
        line-height: 42px;
    }
    h2 {
        font-size: 14px;
    }
    .wrapper {
        padding: 30px;
    }
    #food .menu-items p {
        font-size: 16px;
        line-height: 24px;
    }
    .mm-menu .menu-items li {
        margin: 20px 0;
    }
    footer.mm .logo .demo-icon.icon-mm-landscape {
        font-size: 300px;
    }
    footer.mm{
    	padding: 35px 30px;
    }
    footer.mm .logo.tab{
        display:none;
    }
    footer.mm .logo.desk{
        display:initial;
        display:block;
        width:auto;
        float:none;
       	margin:0 auto;
        text-align:center;
        height:75px;
    }
    
    footer.mm .hours,
    footer.mm .social{
        width: 50%;
        
    }
    footer.mm .hours,
    footer.mm .hours ul li h2,
    footer.mm .hours ul li p{
    	text-align:left;
    }
    header#sticky ul li a {
        font-size: 13px;
    }
    header#sticky ul{
    	margin: 0 auto 0 62px;
    }
    header#sticky ul li{
    	margin: 0 15px;
    }
    header#sticky .logo{
    	padding: 0 8px;
    }
    .news-block .title-holder a {
        color: #3faeb2;
        padding: 2px 13px;
        font-size: 10px;
    }
}
@media only screen and (max-width:700px){
    /*#drinks .unslider-fade, 
    #food .unslider-fade {
        height: auto !important;
        padding: 0 0 170% 0;
    }
    .gal.unslider-wrap li {
        height: 100% !important;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.gal.unslider-wrap {
        height: 100% !important;
    }
    */
    
    .mm-menu {
        width: 100%;
        box-sizing: border-box;
        height: auto;
        background: black;
        position: relative;
        display: block;
    }
    
    
    #food, #drinks {
        height: auto !important;
        position: static;
    }
    .food-img, .drinks-img, .specials-img {
        display: initial;
        position: static;
        height: 400px !important;
        display: block;
    }
    .food-img, .specials-img {
        background-position: 0% 50%;
    }
    #specials .mm-menu {
        height: 50%;
    }
    
    #specials .mm-menu {
        height: 50%;
    }
    
    #specials .unslider {
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .specials-img {
        top: 50%;
        position: absolute;
        height: 50% !important;
    }
    
    .specials-text {
        top: 0;
        height: 50%;
        position: relative;
        transform: none;
        left: 0;
    }
    
    .specials-text .wrapper {
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        box-sizing: border-box;
    }
    #top #specials nav.unslider-nav {
        left: 0;
        right: 0;
        bottom: 50%;
    }
    
    .specials-text h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .specials-text h2 {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 10px 0;
    }
    .menu-section{
        height:auto !important;
    }
    .news-block .col{
    	width:100%;
        display:block;
        float:none;
        clear:both;
    }
    .news-block .title-holder a {
        padding: 6px 20px;
        font-size: 12px;
    }
    .news-block .col {
        background: rgba(0, 0, 0, 0.65);
    }
}
@media only screen and (max-width:650px){
	.logo.mm i.demo-icon.icon-mm-logo,   
    .logo.mm i.demo-icon.icon-mm-logo:before{
    	font-size:200px;
        text-decoration:none;
        color: #E5B76C;
    }
    .desk,
    .logo.mm.desk{
        display:none;
    }
    .mob,
    .logo.mm.mob{
    	display:initial;
    }
    .logo.mm.mob{
    	margin:0 0 30px 0;
    }
    .center {
        position: absolute;
        top: 50%;
        left:0;
        right:0;
        z-index: 1;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    #intro {
        padding: 0 0 120% 0;
    }
    .overlay.stars2 {
        width: auto;
        height: 120%;
        top: -10%;
	}
    .overlay.circle {
        left: -32%;
        height: 140%;
        top: -21%;
    }
    .overlay.hand {
        z-index: 2;
        opacity: 0.45;
        width: auto;
        left: -9%;
        top: 12%;
        height: 75%;
        margin: 0 auto;
    }
    .overlay.stars1 {
        width: auto;
        height: 65%;
        top: 18%;
        left: -50%;
    }
    .overlay.bg{
        transform: none;
        right: -150px;
        left: initial;
    }
    header#sticky {
        height: 50px;
        padding: 13px 0;
    }
  
    header#sticky .logo.mob,
    header#sticky .menu-btn{
    	display:block;
        position: absolute;
        left: 15px;
        padding:0;
    }
    header#sticky .logo.mob [class^="icon-"]:before, 
    header#sticky .logo.mob [class*=" icon-"]:before {
        line-height: 34px;
        font-size: 45px;
	}
    header#sticky .trigger{
        position:absolute;
        right:15px;
        background: transparent;
        padding: 0;
        width: 30px;
        height: 23px;
        display: block;
    }
    
    header#sticky .trigger span:nth-child(3n+1) {
        top: 0px;
    }
    header#sticky .trigger span:nth-child(3n+2) {
        top: 11px;
    }
    header#sticky .trigger span:nth-child(3n+0) {
        top: 22px;
        bottom:initial;
    }
    header#sticky .trigger span{
    	background: #bda26f;
    	height:1px;
    	width: 30px;
    	position: absolute;
    	left: 0;
    }
    header#sticky ul.mob,
    header#sticky ul.desk{
    	display:none;
    }
    header#sticky ul.mob {
        background: rgba(0, 0, 0, 0.85);
        position: fixed;
        height: 100%;
        width: 100%;
        margin: 10px 0 0 0;
        z-index: -1;
        text-align: center;
        top: 40px;
        overflow:scroll;
    }
    
    header#sticky ul.mob li {
        display: block;
        float: none;
        margin: 25px 0px;
        border-bottom: 1px solid #505050;
        padding: 0 20px 20px 20px;
    }
    
    header#sticky ul.mob li a {
        font-size: 30px;
    }
    
    header#sticky ul.mob li:first-child {
        border-top: 1px solid #505050;
        padding: 20px 20px;
        margin: 0px 0px 25px;
    }
}
@media only screen and (max-width:500px){
    h1 {
        font-size: 35px;
        line-height: 42px;
    }
    #intro p {
        font-size: 20px;
        font-style: italic;
        line-height: 32px;
        margin: 15px 0 35px;
    }
     #intro .links .btn {
        margin: 0 10px;
    }
    .wrapper {
        padding: 20px;
    }
    #top .unslider-nav ol li {
        border-radius: 0;
        background: transparent;
        border: none;
        padding: 0;
        margin:0 12px;
        width: auto;
        height: auto;
    }
    #top .unslider-nav ol li .pag{
        height:10px;
        background:transparent;
        border:1px solid #BDA26F;
        width: 10px;
        margin: 0;
    }
	#top .unslider-nav ol li.unslider-active .pag{
        background: #BDA26F;
        border:1px solid #BDA26F;
    }
    
    #top .unslider-nav ol li:hover .pag, 
    #top .unslider-nav ol li.unslider-active:hover .pag{
        border-bottom: 1px solid #BDA26F;
        border: 1px solid #BDA26F;
        -webkit-transition:0.35s ease;
        -ms-transition:0.35s ease;
        -moz-transition:0.35s ease;
        transition:0.35s ease;
    }
    #top nav.unslider-nav {
        bottom: 40px;
    }
    i.demo-icon.icon-sunburst.tl {
        position: absolute;
        left: 10px;
        top: 10px;
        transform: rotate(180deg);
    }
    
    i.demo-icon.icon-sunburst {
        font-size: 60px;
        position: absolute;
    }
    
    i.demo-icon.icon-sunburst.tr {
        right: 10px;
        top: 10px;
        transform: rotate(-90deg);
    }
    
    i.demo-icon.icon-sunburst.bl {
        bottom: 10px;
        left: 10px;
        transform: rotate(90deg);
    }
    
    i.demo-icon.icon-sunburst.br {
        bottom: 10px;
        right: 10px;
    }
   
}
@media only screen and (max-width:480px){
	.logo.mm i.demo-icon.icon-mm-logo,   
    .logo.mm i.demo-icon.icon-mm-logo:before{
    	font-size:160px;
        
    }
    #intro .links .btn {
        margin: 0px 6px;
        font-size: 10px;
        padding: 11px 22px;
    }
    #intro {
        padding: 0 0 175% 0;
    }
    .overlay.hand {
        z-index: 2;
        opacity: 0.45;
        width: auto;
        left: -17%;
        top: 18%;
        height: 68%;
        margin: 0 auto;
    }
    .overlay.circle {
        left: -54%;
        height: 120%;
        top: -9%;
    }
    
    footer.mm .hours, 
    footer.mm .social{
    	width:100%;
        float:none;
        clear:both;
        display:block;
        text-align:center;
    }
    footer.mm .hours ul, 
    footer.mm .social ul{
    	display:inline-block;
        text-align:center;
        margin:20px auto 40px;
    }
    footer.mm .hours ul li h2, 
    footer.mm .hours ul li p{
    	text-align:center;
    }
    footer.mm .social ul{
    	margin:20px auto 0;
    }
    footer.mm .social ul li{
    	    margin: 0;
    }
    footer.mm .social ul li:nth-child(3n+2){
    	    margin: 0 30px;
    }
     #top #specials nav.unslider-nav {
        bottom: 55%;
    }
}











 














/* -- fadeIn container after images load --*/
@-webkit-keyframes fadeIn {
  from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}

@keyframes fadeIn {
  from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}
#container{
	opacity:0;
}
.fadeIn{
    -webkit-animation: fadeIn 0.45s both;
    animation: fadeIn 0.45s both; 
}





/*--- mm burger button --*/

@-webkit-keyframes burger1x {
    from {
        top:0px;
    }
    
    to {
        top: 11px;
    }
}

@keyframes burger1x {
    from {
        top:0px;
    }
    
    to {
        top: 11px;
    }
}
@-webkit-keyframes rotate1 {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(-45deg);
    }
}

@keyframes rotate1 {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(-45deg);
    }
}
@-webkit-keyframes fadeOut2 {
    from {
        opacity:1;
    }
    
    to {
        opacity:0;
    }
}

@keyframes fadeOut2 {
    from {
        opacity:1;
    }
    
    to {
        opacity:0;
    }
}

@-webkit-keyframes burger3x {
    from {
        top:22px;
    }
    
    to {
        top: 11px;
    }
}

@keyframes burger3x {
    from {
        top:22px;
    }
    
    to {
        top:11px;
    }
}
@-webkit-keyframes rotate3 {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(45deg);
    }
}

@keyframes rotate3 {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(45deg);
    }
}
.trigger{
	cursor:pointer;
}
header#sticky.active  .trigger span:nth-child(3n+1){
    -webkit-animation: burger1x 0.25s both, rotate1 0.25s both;
    animation: burger1x  0.25s both, rotate1 0.25s both;
    -webkit-animation-delay: 0s, 0.25s; 
    animation-delay: 0s, 0.25s; 
}
header#sticky.active  .trigger span:nth-child(3n+2){
    -webkit-animation: fadeOut2 0.25s both;
    animation: fadeOut2 0.25s both;
}
header#sticky.active .trigger span:nth-child(3n+0){
    -webkit-animation: burger3x 0.25s both, rotate3 0.25s both;
    animation: burger3x 0.25s both, rotate3 0.25s both;
    -webkit-animation-delay: 0s, 0.25s; 
    animation-delay: 0s, 0.25s; 
}


@-webkit-keyframes burger1o {
    from {
        top:11px;
    }
    
    to {
        top: 0px;
    }
}

@keyframes burger1o {
    from {
        top:11px;
    }
    
    to {
        top: 0px;
    }
}
@-webkit-keyframes rotateBack1 {
    from {
        transform: rotate(-45deg);
    }
    
    to {
        transform: rotate(0deg);
    }
}

@keyframes rotateBack1 {
    from {
        transform: rotate(-45deg);
    }
    
    to {
        transform: rotate(0deg);
    }
}
@-webkit-keyframes fadeIn2 {
    from {
        opacity:0;
    }
    
    to {
        opacity:1;
    }
}

@keyframes fadeIn2 {
    from {
        opacity:0;
    }
    
    to {
        opacity:1;
    }
}

@-webkit-keyframes burger3o {
    from {
        top:11px;
    }
    
    to {
        top: 22px;
    }
}

@keyframes burger3o {
    from {
        top:11px;
    }
    
    to {
        top:22px;
    }
}
@-webkit-keyframes rotateBack3 {
    from {
        transform: rotate(45deg);
    }
    
    to {
        transform: rotate(0deg);
    }
}

@keyframes rotateBack3 {
    from {
        transform: rotate(45deg);
    }
    
    to {
        transform: rotate(0deg);
    }
}

header#sticky .trigger span:nth-child(3n+1){
    -webkit-animation: rotateBack1 0.25s both, burger1o 0.25s both;
    animation: rotateBack1 0.25s both, burger1o 0.25s both;
    -webkit-animation-delay: 0s, 0.25s; 
    animation-delay: 0s, 0.25s; 
}
header#sticky .trigger span:nth-child(3n+2){
    -webkit-animation: fadeIn2 0.25s both;
    animation: fadeIn2 0.25s both;
}
header#sticky .trigger span:nth-child(3n+0){
    -webkit-animation: rotateBack3 0.25s both, burger3o  0.25s both;
    animation: rotateBack3 0.25s both, burger3o 0.25s both;
    -webkit-animation-delay: 0s, 0.25s; 
    animation-delay: 0s, 0.25s; 
}