/* Reset */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}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}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}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

b, 
strong,
.b{
	font-weight:bold;
}
.b400{
	font-weight:400;
}
h1,h2,h3,h4,h5,h6{
	margin:10px 0;
	font-weight:normal;
	line-height:1.5;
}
ul{margin:0;padding:0;}
ul li{list-style:none;}
p{
	margin:0 0 10px 0;
}
a{
	text-decoration:none;
	color:#00b6e4;
	transition:all .4s;
	-o-transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
}
a:focus{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color:#343b46;
}
img{
	height:auto;
	max-width:100%;
	transition:all .4s;
	-o-transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
}

body,html{
	padding:0;
	margin:0;
}

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}


input,
select{
	padding: .5em .75em;
    border-radius: 3px;
    border: 1px solid #b7b5ba;
	min-height:31px;
}
input{
	padding:0 10px;
	width:100%;
}
button,
input[type=submit],
input[type=radio],
input[type=checkbox]{
	width:auto;
}
select{
	padding:0 5px;
	width:100%;
}


input[disabled],
textarea[disabled] {
    background: #ededee;
    border-color: #ededee;
}


iframe{
	width:100% !important;
}
.b{font-weight:bold;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.hide{display:none;}

.fl{float:left}
.fr{float:right}
.clear{
	zoom:1;
}
.clear:after{
	content:"";
	clear:both;
	overflow:hidden;
	visibility:hidden;
	display:block;
}

.m-color{
	color:#e84a5f;
}
.line{
	border-bottom:1px dotted #ccc;
	margin:20px 0;
}
.w100{
	width:100%;
}
body{
	font:normal 13px/1.5em 'Corpid', sans-serif;
	color:#343b46;
	background-color:#4d6660;
	line-height:1.6;
	
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
}
body.push{
	left:-280px;
	overflow:hidden;
}
body.fixed{
	overflow:hidden !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
    font-family: 'Corpid-Heavy', sans-serif;
}


#page{
	position:relative;
	overflow:hidden;
}
main{
	background:#f5f5f6;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	position:relative;
	left:0;
}
main.push{
	left:-20px;
	overflow:hidden;
}

.container{
	width:100%;
	max-width:1090px;
	max-width:1072px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
.tel a, .tel a:hover{
	color:#fff;
}
.tel a:hover{
	text-decoration:underline;
}

#main-logo{
	position:absolute;
	top:2px;
	left:5%;
	z-index:9999;
    overflow: hidden;
}
.top-bar{
	text-align:right;
	color:#fff;
	height:45px;
	line-height:45px;
	max-width:1090px;
}
.top-bar .top-info,
.top-bar .top-info li{
	display:inline-block;
	font-family:'Corpid-Light', sans-serif;
	font-size:13px;
}
.top-bar .top-info .address{
	font-style:normal;
}
.top-bar .top-info .address > span:before{
	width: 26px;
    height: 26px;
    content: '';
    background-image: url(../images/icons-sprite.png);
    background-repeat: no-repeat;
	background-position: 0 41.5%;
    background-size: 90%;
	position: relative;
	top: 9px;
    left: 0;
	display:inline-block;
}
.top-bar .top-info aside.category > span:before{
	content: '';
	width: 26px;
    height: 26px;
    background-size: 26px;
    background-image: url(../images/icons-sprite.png);
    background-repeat: no-repeat;
	background-position:0 60%;
	position: relative;
	top:9px;
	display:inline-block;
}


.main-nav-menu{
	background:#fff;
	z-index:999;
	box-shadow:0 5px 10px rgba(52, 59, 70, 0.4);
	-webkit-box-shadow:0 5px 10px rgba(52, 59, 70, 0.4);
	position:relative;
}

ul li a,
ul li a:hover{
	color:#343b46;
}
ul.primary-menu{
	display:block;
	text-align:center;
}
ul.primary-menu li{
	font-family:'Corpid-Light', sans-serif;
	display:inline-block;
	margin:0 2rem;
	margin:0 25px;
	font-size:18px;
	text-transform:uppercase;	
}
ul.primary-menu li a{
	display:block;
	border-bottom:2px solid transparent;
	line-height:2;
}
ul.primary-menu > li > a:hover,
ul.primary-menu li.current-menu-item >a{
	border-bottom-color:#4d6660;
	color:#
}


#index-banner{
	background-size:cover;
	line-height: 1;
    width: 100%;
    padding-top: 7.813rem;
    padding-bottom: 3rem;
	position:relative;
	z-index:99;
	text-align:center;
}
#index-banner:before{
	/*content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	z-index:-1;
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background:-webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background:-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background:-o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); */
}


.page-tmb .order-btn{
	display: inline-block;
    border-radius: 0.4rem;
    text-transform:uppercase;
	color:#fff;
    line-height: 2.5;
    background-color: #4d6660;
    font-size: 26px;
    padding: 0 25.5px;
	font-family:'Corpid-Heavy',sans-serif;
	margin-bottom:2rem;
}
.page-tmb .order-btn:hover{
	background-color:#7c918c;
}

.page-title{
	font-size:60px;
	font-family:'Corpid-Heavy',sans-serif;
	text-align:center;
	margin:0;
}
.page-tmb .page-title{
	line-height:1.2;
	margin-bottom:1rem;
}
#index-banner .page-title{
	margin:0.67em 0 1rem;
}
.page-title span{
	display:block;
}
.main-box-content{
	padding:0 2rem 2rem;
}
.main-box-content > .inner-wrapper{
	padding:54px 2rem;
	background-color:#fff;
}

.page .box-content{
	background:#fff;
	padding:2em;
}


.page.food-menu .main-box-content > .inner-wrapper{
	padding:78px 27px 54px 27px;
}

.index .intro .left{
	padding:0 2rem;
	padding:0 26.5px;
	width:340px;
}
.opening-hours{
	margin-bottom: 2rem;
	padding: 1rem;
    overflow: hidden;
    width: 100%;
	max-width:260px;
	box-shadow:0 0 5px 0 rgba(52, 59, 70, 0.4);
	-webkit-box-shadow:0 0 5px 0 rgba(52, 59, 70, 0.4);
}
.opening-hours table caption{
	padding: 1rem;
    padding-top: 0.5rem;
    font-family: 'Corpid-Heavy', sans-serif;
    font-size: 23px;
	color: #4d6660;
}

.opening-hours table caption:before{
	font-family: 'icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 0.4rem;
    vertical-align: bottom;
    font-size: 90%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e818";
	position:relative;
	top:-7px;
}

.opening-hours table tr{
	border-bottom:1px solid #e1e1e1;
}
.opening-hours table tr:last-child{
	border-bottom:none;
}

table{
	border-collapse:collapse;
}
.opening-hours table th,
.opening-hours table td{
	width: 50%;
    font-family: 'Corpid-Light', sans-serif;
    white-space: nowrap;
    padding: 0.5rem;
    text-align: left;
}

.opening-hours table th:first-child,
.opening-hours table td:first-child{
	padding-left: 1rem;
    font-family: 'Corpid-Bold', sans-serif;
    vertical-align: top;
}

.opening-hours table tr.current td{
	color:#4d6660;
}


.index .intro .left .rating-box{
	margin-bottom:2rem;
	position: relative;
    box-shadow: 0 0 3px rgba(52, 59, 70, 0.4);
	-webkit-box-shadow: 0 0 3px rgba(52, 59, 70, 0.4);
    border: 3px solid #ffc713;
    padding: 2rem 2rem;
    background-color: white;
    z-index: 1;
}
.index .intro .left .rating-box .stars{
	position: relative;
    vertical-align: bottom;
    display: inline-block;
    background-color: #83828a;
    width: 145px;
    height: 26px;
}

.index .intro .left .rating-box .stars > .on,
.index .intro .left .rating-box .stars > .off{
	position: absolute;
    top: 0;
    left: 0;
    height: 27px;
    background-image: url(../images/star.svg);
    background-repeat: repeat-x;
    background-size: contain;
}
.index .intro .left .rating-box .stars > .off{
	width:100%;
}
.index .intro .left .rating-box .stars > .on{
    background-color: #ffc713;
    width: 55%;
}
.index .intro .left .rating-box .score{
	display: inline-block;
    font-size: 20px;
    margin-left: .5rem;
    color: #83828a;
}
.index .intro .left .rating-box .bottom-wrapper{
	display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    color: #83828a;
	text-align:center;
}
.index .intro .top-content .left .rating-box .bottom-wrapper p{
	margin: auto;
	text-align:center;
    width: 80%;
}
.index .intro .left .rating-box .bottom-wrapper .logo{
	width: 20%;
    margin: auto;
    text-align: left;
}




.index .intro .right{
	padding:0 2rem;
	width:calc(100% - 340px);
	width:-webkit-calc(100% - 340px);
	
	
}

strong {
    font-family: corpid-bold, sans-serif;
    font-weight: normal;
}

.index .intro .right .subtitle{
	font-size:33px;
	font-family:'Corpid-Light',sans-serif;
	text-transform: uppercase;
    margin: 0 0 1rem 0;
    line-height: 1;
}
.index .intro .right .desc{
	font-family: 'Corpid-Light', sans-serif;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 0.5rem 0;
}
.index .intro .right .tmb{
	margin-bottom:2rem;
}
.index .reviews-list{
	padding:0 26.5px;
}
.index .reviews-list .lbl{
	background: #4d6660;
    color: #f5f5f6;
    margin: 0;
    padding:7px 0.75em;
    text-transform: uppercase;
    font-family: 'Corpid-Bold',sans-serif;
    font-size: 1.2rem;
	text-align:center;
}

.index .reviews-list > ul{
	
	margin: 0;
    padding: 2rem 0 0 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
	display:block;
}
	
.index .reviews-list > ul > li{
	position: relative; 
    list-style-type: none;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem;
}	
	
.index .reviews-list > ul > li .date,
.index .reviews-list > ul > li .rating{
	font-family:'Corpid-Bold', sans-serif;
}
.index .reviews-list > ul > li .rating-box{
	position: absolute;
    top: 0;
    right: 0;
}
.index .reviews-list > ul > li .stars {
	    position: relative;
    vertical-align: bottom;
    display: inline-block;
    background-color: #83828a;
	    width: 5.6rem;
    height: 1rem;
    margin-bottom: 0.15rem;
    margin-right: 0.5rem;
}
.index .reviews-list > ul > li .stars .on,
.index .reviews-list > ul > li .stars .off{
	    position: absolute;
    top: 0;
    left: 0;
    
    background-image: url(../images/star.svg);
    background-repeat: repeat-x;
    background-size: contain;
	height: 16px;
}
.index .reviews-list > ul > li .stars .on{
	width:55%;
	background-color:#ffc713;
}
.index .reviews-list > ul > li .stars .off{
	width:100%;
}

.index .reviews-list > ul > li p[itemprop=description]{
	margin-bottom:1.5rem;
}

#site-footer{
	/*background:url(../images/footer-bg.jpg) #4d6660 no-repeat center;*/
	background-size:cover;
	padding:31px 0;
	color:#fff;
}
#site-footer a{
	color:#fff;
}
ul.footer-menu{
	display:block;
	text-align:center;
	margin-bottom:1.5rem;
}
ul.footer-menu li{
	display:inline-block;
	text-transform:uppercase;
	font-family: 'Corpid-Bold', sans-serif;
    font-size: 15px;
    margin: 0 0.2rem;
}
ul.footer-menu li a{
	padding:0 0.5rem 0 0.5rem;
	line-height:2;
	display:block;
}
	
ul.footer-menu li > a:hover,
ul.footer-menu li.current-menu-item > a{
	border-bottom:2px solid #4d6660;
}
#site-footer .copyright{
	font-family: 'Corpid-Light', sans-serif;
    font-size: 14px;
    margin-bottom: 1rem;
    clear: left;
	text-align:center;
}

/* Pages */
.page-tmb{
	padding:10.325rem 0 3rem;
	position:relative;
	z-index:9;
	line-height:1.2;
	text-align:center;
	
}
.page-tmb:after{
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);	*/
	background:-webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background:-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background:-o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.page-tmb .layer{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	/*filter:blur(1px);
	-webkit-filter:blur(1px);*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-2;
	
}


.page.food-menu .page-tmb{
	padding-top:12em;
}
.page.food-menu .page-tmb .page-title{
	line-height:1.24;
	margin-bottom:0;
}

.page.food-menu .mobile-foods-list{
	display:none;
}


.page.food-menu aside.foods-list{
	width:15%;
}
.page.food-menu aside.foods-list ul{
	margin: 0 0 2em 0;
    padding: 0;
    color: #83828a;
}

.page.food-menu aside.foods-list ul li{
	margin: .5em 0;
    cursor: pointer;
	color: #343b46;
    border-bottom: 1px dotted #d6cccf;
}
.page.food-menu aside.foods-list ul li.selected{
	color:#4d6660;
}

.page.food-menu aside.food-content{
	width:57.5%;
	padding:0 1.5rem;
	padding:0 19px;
	min-height:1px;
}


.page.food-menu aside.food-content .box{
	margin-bottom:2em;
	display:none;
}
.page.food-menu aside.food-content .box .cat-name{
	background: #4d6660;
    color: #f5f5f6;
    margin: 0;
    padding:9px 0.75em;
    text-transform: uppercase;
    font-family: 'Corpid-Bold',sans-serif;
    font-size: 16px;
}


.page.food-menu aside.food-content ul > li{
	display: -ms-flexbox;
	display: -webkit-flexbox;
    display: flex;
    padding: 11.5px 0.75em;
    cursor: pointer;
}
.page.food-menu aside.food-content ul > li:nth-child(even){
	background:#f5f5f6;
}

.page.food-menu aside.food-content .box .desc{
	-ms-flex: 1;
	-webkit-flex:1;
    flex: 1;
	line-height:1.3;
}

.page.food-menu aside.food-content .box .food-name{
	display: block;
    margin:0 0 .25em 0;
    color: #343b46;
    font-size: 1.1em;
	font-family: 'Corpid-Bold', sans-serif;
    font-weight: normal;
}

.page.food-menu aside.food-content .box .info{
	color: #83828a;
    word-break: break-word;	
	margin:0;
}
.page.food-menu aside.food-content .box .price{
	    font-size: 1.1em;
    font-family: 'Corpid-Bold', sans-serif;
    display: inline-block;
    margin: 0 .5em;
}

.page.food-menu aside.food-content ul > li:after{
	font-family: 'icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e812";
    color: #00a6de;
    display: inline-block;
    font-size: 1.25em;
    margin-top: 0.1em;
}



.page.food-menu aside.cart{
	width:27.5%;
}
.page.food-menu aside.cart .sticky-box{
	background:#f5f5f6;
	padding-bottom: 1em;
}




.page.food-menu aside.cart .lbl{
	background: #4d6660;
    color: #f5f5f6;
    margin: 0;
    padding:9px 0.75em;
    text-transform: uppercase;
    font-family: corpid-bold;
    font-size: 1.2rem;
	font-size:16px;
	text-align: left;
    position: relative;
}


.page.food-menu aside.cart .content{
	text-align:center;
}

.page.food-menu aside.cart .content p{
	margin-top:1em;
	margin-bottom:1em;
}

.page.food-menu aside.cart .subtotal{
	padding:.25em;
}
.page.food-menu aside.cart .subtotal table{
	width:100%;
	margin:1.5em 0;
}

.page.food-menu aside.cart .submit-btn{
	background:#4d6660;
	cursor:pointer;
    color: #f5f5f6;
	display: inline-block;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-family: corpid-heavy, sans-serif;
    font-size: 1.1em;
    padding: 7px 1.75em 7px;
    border-radius: 5px;
    transition-duration: 0.2s;
    transition-property: background-color;
}

.page.food-menu aside.cart .submit-btn:hover{
	background-color:#5b4c27;
}

.page.food-menu aside.cart .submit-btn.disabled{
	background-color: #b7b5ba;
    pointer-events: none;
}


.page.food-menu aside.cart .powered-by{
	margin: 1em 0;
    color: #d61f26;
    font-style: italic;
}

.page.food-menu aside.cart .powered-by .icon:before{
	    font-family: 'icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e801";
	
}    

.cart-popup{
	background:rgba(0, 0, 0, 0.5);
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
    overflow-y: auto;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	/*
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);*/
	
    z-index:-99999;
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
}
.cart-popup.show{
	z-index:99999;
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100);
}
.cart-popup .content-box{
	background:#f5f5f6;
	padding:2em;
	margin:auto;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	position:relative;
	z-index:999999;
}
.order-form .err-msg{
	color:#d61f26;
	text-align:center;
}

.no-results-form{
	display:none;
}

.button {
    display: inline-block;
    background-color: #4d6660;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-family: corpid-heavy, sans-serif;
    font-size: 1.1em;
    padding: 0.45em 1.75em 0.35em;
    border-radius: 5px;
    transition-duration: 0.2s;
    transition-property: background-color;
	color:#fff;
}
.button:hover {color:#fff;}





.cart-popup .content-box .close-btn{
	width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer;
    background-image: url(../images/close-icon.svg);
    background-size: 100% 100%;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.cart-popup .content-box .close-btn:hover{
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.cart-popup .content-box .lbl{
	font-size: 1.5em;
    font-family: 'Corpid-Bold', sans-serif;
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #b7b5ba;
    margin-bottom: 1em;
	margin-top:0;
}
.cart-popup .content-box .input{
	margin:0 0 1em 0;
}
.cart-popup .content-box .input input{
	border-radius: 3px;
    border: 1px solid #b7b5ba;
}

.cart-popup .content-box .submit-btn{
	width:100%;
	cursor:pointer;
	display: inline-block;
    background-color: #4d6660;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-family: corpid-heavy, sans-serif;
    font-size: 1.1em;
    padding: 0.45em 1.75em 0.35em;
    border-radius: 5px;
    transition-duration: 0.2s;
    transition-property: background-color;
	color:#fff;
}
.cart-popup .content-box .submit-btn:hover{
	background-color: #5b4c27;
}
.cart-popup .content-box .submit-btn.loading{
	background-image:url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:right 15px center;
	background-size:15px;
}

.field input[type="text"], .field input[type="email"], .field input[type="tel"], .field input[type="password"], .field textarea {
    padding: .5em .75em;
    border-radius: 3px;
    border: 1px solid #b7b5ba;
}


.page.food-menu .show-allergens-list{
	color:#343b46;
	display:inline-block;
}

.page.food-menu .allergies-list{
	display:flex;
	display:-ms-flex;
	display:-webkit-flex;
	background: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	/*
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);*/
	
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
    z-index: -999;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
	
}
.page.food-menu .allergies-list.show{
	z-index:99999;
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
}
.page.food-menu .allergies-list .wrapper-box{
	margin:auto;
	padding:2em;
	background:#f5f5f6;
	position:relative;
}
.page.food-menu .allergies-list .wrapper-box .close-btn{
	width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer;
    background-image: url(../images/close-icon.svg);
    background-size: 100% 100%;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.page.food-menu .allergies-list .wrapper-box .close-btn:hover{
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.page.food-menu .allergies-list .wrapper-box .lbl{
	font-size: 1.5em;
    font-family: 'Corpid-Bold', sans-serif;
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #b7b5ba;
    margin-bottom: 1em;
}

.page.food-menu .allergies-list .wrapper-box table td{
	padding-top: 0.5em;
    vertical-align: top;
}
.allergens-table__key, .additives-table__key {
    padding-right: 1em;
}
.allergens-table__value, .additives-table__value {
    padding-left: 1em;
}

.mobile-cart.fixed{
	display:none;
}

.page.about .about-content{
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	flex-wrap:wrap;
}
.page.about .about-content .box{
	padding:0 2rem;
	flex:1;
	-ms-flex:1;
	-webkit-flex:1;
}
.page.about .about-content .box .lbl{
	font-family: 'Corpid-Light', sans-serif;
    font-size: 2.5rem;
	font-size:32px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    line-height: 1;
}
.page.about .about-content .box:first-child .lbl{
	font-size:29.3333px;
}
.page.about .about-content .box .desc{
	font-family: corpid-light, sans-serif;
    font-size: 1.3rem;
	font-size:17px;
    line-height: 1.5;
    margin: 0 0 0.5rem 0;
}	

.page.about .about-content .box .payment-methods{
	margin:1em 0 40px 0;
	text-align:center;
}
.page.about .about-content .box .payment-methods figcaption{
	margin-bottom:1.5rem;
}

.page.about .google-map{
	background:url(../images/ajax-loader.gif) #fff no-repeat center center;
	box-shadow: 0 0 5px 0 rgba(52, 59, 70, 0.4);
    padding: 1rem;
}

#map-address{
	width:100%;
	height:350px;	
}


.page .contact-wrapper{
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	flex-wrap:wrap;
	font-size:17px;
	font-family:'Corpid-Light', sans-serif;
}
.page .contact-wrapper .box{
	flex:1;
	-ms-flex:1;
	-webkit-flex:1;
	padding:0 2rem;
}
.page .contact-wrapper .box p{
	font-family: corpid-light, sans-serif;
    font-size: 1.3rem;
	font-size:17px;
    line-height: 1.5;
    margin: 0 0 0.5rem 0;
}
.page .contact-wrapper .box .legal{
	font-size: 1em;
	font-size:13px;
}
.sec-title{
	font-family: 'Corpid-Light', sans-serif;
    font-size: 2.5rem;
	font-size:33px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    line-height: 1;
}


.dark-layer{
	transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    position: fixed;
    z-index: -999;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    opacity: 0;
	filter:alpha(opacity=0);
	cursor:pointer;	
}
.dark-layer.active{
	opacity: 1;
	filter:alpha(opacity=100);
	z-index:9999;
}

.icon-edit,
.icon{
	font-family: 'icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mona-mini-cart-number button{
	line-height:15px;
}





@media screen and (max-width:960px){
	body{
		overflow-x:hidden;
	}
	.top-bar{
		height:auto;
		line-height:inherit;
	}
	.top-bar .top-info{
		padding-left:125px;
		padding-top:0.8rem;
		padding-bottom:0.8rem;
		text-align:left;
		display:block;
		height:85px;
	}
	.top-bar .top-info li{
		text-align:left;
		display:block;
	}
	
	#main-logo{
        max-width: 120px;
		left:.5rem;
		top:7.5px;
        height: 70px;
	}
    #main-logo img {
        height: 70px;
    }
	body.home .main-nav-menu,
	.main-nav-menu{
		padding:12.5px 15px;
		text-align:right;
		overflow:hidden;
		position:static;
	}
	
	.main-nav-menu .menu-icon{
		display:inline-block;
		width:27px;
		height:14px;
		cursor:pointer;
	}
	.menu-icon span,
	.menu-icon span:before,
	.menu-icon span:after{
		content:"";
		width:100%;
		height:3px;
		background:#83828a;
		display:block;
		position:relative;
		transition:all .5s;
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-o-transition:all .5s;
	}
	.menu-icon span:before{
		top:7px;
	}
	.menu-icon span:after{
		top:11px;
	}
	.menu-icon.active{
		position:relative;
		z-index:99999;
	}
	.menu-icon.active span{
		background:none;
	}
	.menu-icon.active span:before{
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		background:#fff;
	}
	.menu-icon.active span:after{
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		top:4px;
		background:#fff;
	}
	
	.main-nav-menu nav{
		position:absolute;
		z-index:99999;
		top:124px;
		right:-235px;
		background:#fff;
		width:234px;
		bottom:0;
		box-shadow:0 5px 10px rgba(52, 59, 70, 0.4);
		-webkit-box-shadow:0 5px 10px rgba(52, 59, 70, 0.4);
		padding:3rem;
		transition:all .1s;
		-webkit-transition:all .1s;
		-moz-transition:all .1s;
		-o-transition:all .1s;
		margin:0;
		overflow-y:auto;
	}
	.main-nav-menu nav.push{
		right:0;
	}
	ul.primary-menu li{
		display:block;
		margin:0 0 1.5rem;
	}
	
	#index-banner{
		padding-top:4rem;
	}
}

@media screen and (max-width:900px){
	
	.top-bar .top-info{
		padding-top:8px;
	}
	
	.main-box-content{
		padding:0;
	}
	.main-box-content > .inner-wrapper{
		padding:54px 0;
	}
		
	#primary.page .main-box-content > .inner-wrapper{
		padding:54px 2rem;
	}	
	.page.food-menu .mobile-foods-list{
		display:block;
	}
	.page.food-menu .mobile-foods-list{
		position:relative;
		margin-bottom:1rem;
	}
	.page.food-menu .mobile-foods-list:after{
		font-family: 'icon-font';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: '\e813';
		font-size: 1.25em;
		right: 1em;
		top: .75em;
		position: absolute;
		pointer-events: none;
		color: #f5f5f6;
	}
	.page.food-menu .mobile-foods-list select{
		width: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
		box-shadow: none;
		border: 0;
		background: #4d6660;
		color: #f5f5f6;
		font-weight: bold;
		text-transform: uppercase;
		padding: .75em;
		border-radius: 0;
		font-size: 1.25em;
		height:auto;
		line-height:1.2;
		outline:none;
	}
	
	.page.food-menu aside.foods-list{
		display:none;
	}
	
	.page.food-menu aside.food-content{
		width:60%;
		padding:0 1.5rem 0 0;
	}	
	.page.food-menu aside.cart{
		width:40%;
	}
	
	.page.food-menu .show-allergens-list{
		margin-bottom: 1.5em;
		padding-left: .5em;
	}
	
	
	
}

@media screen and (max-width:600px){
	
	.sec-title{
		font-size:25px;
	}
	
	.top-bar .top-info{
		padding-bottom:0;
		padding-top:9px;
	}
	
	.top-bar .top-info .address > span{
		position:relative;
		display:block;
		padding-left:30px;
	}
	.top-bar .top-info .address > span:before{
		position:absolute;
		top:0;
		left:0;
	}
	
	.page-tmb{
		padding-top:4rem;
	}
	
	.page-title{
		font-size:50px;
	}
	.index .intro .left,
	.index .intro .right{
		width:100%;
		float:none;
	}
	.index .intro .left{
		text-align:center;
	}
	.index .intro .left .opening-hours{
		margin-left:auto;
		margin-right:auto;
	}
	.index .intro .left .rating-box{
		display:none;
	}
	.index .reviews-list > ul{
		webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-width: 100%;
		-moz-column-width: 100%;
		column-width: 100%;	
	}
	ul.footer-menu{
		margin-left:30%;
		margin-right:30%;
	}
	ul.footer-menu li{
		display:block;
	}
	
	#index-banner{
		padding-top:2rem;
	}
	.page-tmb .order-btn{
		font-size:20px;
	}
	
	.page.food-menu aside.food-content{
		width:100%;
		padding:0;
	}
	.page.food-menu aside.cart >div{
		display:none;
	}
	
	#primary.page.food-menu .main-box-content > .inner-wrapper{
		padding:54px 0;
	}
	
	.cart-popup{
		background:#f5f5f6;
	}
	.cart-popup .content-box .close-btn{
		position:fixed;
		z-index:99;
	}
	
	.page.about .about-content .box{
		padding:0;
	}
	.page.about .about-content .box .lbl{
		font-size:25px;
	}
	
	.page.about .about-content{
		display:block;
	}
	
	.page.about .about-content .box .opening-hours{
		margin:2rem auto;
	}
	
	.page.food-menu .allergies-list .wrapper-box{
		height:100%;
	}
	.page.food-menu .allergies-list.show{
		background:#f5f5f6;
	}
	
	.page .contact-wrapper .box{
		padding:0;
	}
	
	.page .contact-wrapper .box .legal{
		margin-bottom:30px;
	}
	
	div.mobile-cart.fixed{
		display:block;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background: #ededee;
		border-top: 5px solid #343b46;
		z-index:9999;
		height:60px;
	}
	
	.mobile-cart .summary .icon-cart{
		width: 4em;
		height: 4em;
		top: -2em;
		margin-left: -2em;
		position: absolute;
		left: 50%;
		background: #343b46;
		border-radius: 50%;
		font-size: 1.25em;
		color: #343b46;
		line-height: 3.4em;
		display:block;
		text-align:center;
	}
	.mobile-cart .summary .icon-cart:before{
		font-family: 'icon-font';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e812";
		position: absolute;
		left: .3em;
		top: .35em;
		color: #fff;
		font-size: 2.5em;
	}
	.mobile-cart .summary .total-dishes{
		position: relative;
		left: .2em;
	}
	.mobile-cart .summary .amount{
		padding:.75em;
		text-transform:uppercase;
		font-family:corpid-bold, sans-serif;
	}
	.mobile-cart .summary .amount .lbl{
		display:block;
		font-size:1.5em;
	}
	.mobile-cart .summary .amount .price{
		position:absolute;
		top:.75em;
		right:.75em;
		font-size:1.3em;
	}
	
	.mobile-cart .mobile-selected-dishes{
		position:fixed;
		z-index:99999;
		top:100%;
		width:100%;
		height:100%;
		background:#f5f5f6;
		transition:all 1s;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		-o-transition:all 1s;
	}
	.mobile-cart .mobile-selected-dishes.show{
		top:0;
	}
	.mobile-cart .mobile-selected-dishes .lbl{
		background: #4d6660;
		color: #f5f5f6;
		margin: 0;
		padding: 9px 0.75em;
		text-transform: uppercase;
		font-family: corpid-bold, sans-serif;
		font-size: 16px;
	}
	.mobile-cart .mobile-selected-dishes .close-btn{
		position: absolute;
		top: 13px;
		right: .75em;
		font-size: 15px;
		color: #f5f5f6;
		cursor:pointer;
	}
	.mobile-cart .mobile-selected-dishes .close-btn:before{
		content: "\e811";
	}
	.mobile-selected-dishes table{
		width: 100%;
		margin: 1.5em 0;
	}
	.mobile-selected-dishes .dishes-list td{
		vertical-align:top;
	}
	.mobile-selected-dishes .dishes-list td.qty{
		white-space: nowrap;
		padding-left: .5em;
	}
	.mobile-selected-dishes .dishes-list .icon{
		cursor:pointer;
	}
	.mobile-selected-dishes .dishes-list td.qty .val{
		margin:0 .5em;
	}
	.mobile-selected-dishes .dishes-list .ctrl-qty{
		display: inline-block;
		width: 1.8em;
		padding: 0.4em 0;
		background: #ededee;
		border: none;
		border-radius: 5px;
		color: #00a6de;
		font-size: .85em;
	}
	.mobile-selected-dishes .dishes-list .ctrl-qty.minus:before{
		content: "\e807";
	}
	.mobile-selected-dishes .dishes-list .ctrl-qty.plus:before{
		content: "\e808";
	}
	.mobile-selected-dishes .dishes-list .desc{
		padding: .2em 2em .5em .75em;
		width: 100%;
		position: relative;		
		
	}
	.mobile-selected-dishes .dishes-list .desc .dish-name{
		display:block;
		word-break:break-word;
	}
	.mobile-selected-dishes .dishes-list .desc textarea{
		display:none;
	}
	.mobile-selected-dishes .dishes-list .edit{
		position:absolute;
		top:.2em;
		right:0;
		display: inline-block;
		width: 1.8em;
		padding: 0.4em 0;
		background: #ededee;
		border: none;
		border-radius: 5px;
		color: #00a6de;
		font-size: .85em;
	}
	.mobile-selected-dishes .dishes-list .edit:before{
		content: "\e810";
	}
	.mobile-selected-dishes .dishes-list td.price{
		text-align: right;
		padding: 0 .75em .5em .75em;
		font-size: 1.1em;
	}
	.powered-by{
		color:#d61f26;
		margin:1em 0;
	}
	.mobile-selected-dishes .submit-btn{
		display: inline-block;
		background-color: #f87c1b;
		color:#fff;
		border: 0;
		text-decoration: none;
		text-transform: uppercase;
		font-family: corpid-heavy, sans-serif;
		font-size: 1.1em;
		padding: 0.45em 1.75em 0.35em;
		border-radius: 5px;
		transition-duration: 0.2s;
		transition-property: background-color;
		cursor:pointer;
	}
	.mobile-selected-dishes table.subtotal .desc{
		padding: .2em 2em .5em .75em;
		position: relative;
		width: 100%;
	}
	.mobile-selected-dishes table.subtotal .price{
		text-align: right;
		padding:.5em .75em .5em .75em;
		font-size: 1.1em;
	}
	
	.mobile-selected-dishes table.subtotal tr:last-child{
		background:#fff;
		font-weight:bold;
	}
	
	.mobile-selected-dishes .submit-btn.disabled{
		background-color: #b7b5ba;
		pointer-events: none;
	}
	.mobile-selected-dishes .powered-by .icon:before{
		content: "\e801";
	}
    .page .box-content{
        padding: 10px;
    }
    .mona-popup-message{
        width:100%;
    }
}

@media screen and (max-width:340px){
	#main-logo{
		max-width:100px;
		top:13.5px;
	}
	.top-bar .top-info{
		padding-left:105px;
		padding-top:5px;
		padding-bottom:5px;
	}
	.page-title{
		font-size:40px;
	}
	.page-tmb .order-btn{
		font-size:18px;
		padding:0 20px;
	}
	.index .intro .right .subtitle{
		font-size:28px;
	}
}

.allergens-table__key{
	text-transform: uppercase;
}