.mtitle {

	font-size: 10px;

	font-weight: 500;

	color: #9a8555;

	line-height: 22px;

	letter-spacing: 1px;

	text-transform: uppercase;

	margin: 0 0 0;

}

.nav-bar {

	text-align: left

}

.nav-hamburger {

	width: 30px;

	float: left;

	text-align: center;

	cursor: pointer;

	margin: 0 0 0;

	position: relative;

	z-index: 99;

}

.pattys {

	width: 100%;

	height: 4px;

	float: left;

	background: #9a8555;

	margin: 4px auto 0;

	-webkit-transition: -webkit-transform .25s cubic-bezier(0, -.07, .21, 1.43), opacity .05s ease;

	transition: transform .25s cubic-bezier(0, -.07, .21, 1.43), opacity .05s ease

}

.bottom { 

	width: 22px;

}

.nav-hamburger:hover .pattys.top {

	-webkit-transform: translateY(-2.5px);

	-ms-transform: translateY(-2.5px);

	transform: translateY(-2.5px)

}

.nav-hamburger:hover .pattys.bottom {

	-webkit-transform: translateY(2.5px);

	-ms-transform: translateY(2.5px);

	transform: translateY(2.5px)

}

.nav-hamburger.active .mtitle {

	color: #ffffff;

}

.nav-hamburger.active .pattys.top {

	background: #ffffff;

	-webkit-transform: rotate(45deg) translate(10px, 7px);

	-ms-transform: rotate(45deg) translate(10px, 7px);

	transform: rotate(45deg) translate(10px, 7px);

	position: relative;

	top: -3px;

	left: -3px;

}

.nav-hamburger.active .pattys.middle {

	opacity: 0;

	-webkit-transform: translate(65px, 0);

	-ms-transform: translate(65px, 0);

	transform: translate(65px, 0)

}

.nav-hamburger.active .pattys.bottom {

	width: 100%;

	background: #ffffff;

	-webkit-transform: rotate(-45deg) translate(4px, -2px);

	-ms-transform: rotate(-45deg) translate(4px, -2px);

	transform: rotate(-45deg) translate(4px, -2px);

	position: relative;

	top: -3px;

	left: -2px;

}

.nav-menu, .nav-reserve {

	position: fixed;

	top: 0;

	background-image: linear-gradient(120deg, #9a8555 0%, #000000 100%);

	-webkit-transition: all .35s cubic-bezier(0, -.07, .21, 1.43);

	transition: all .35s cubic-bezier(0, -.07, .21, 1.43);

	z-index: 99999999;

	height: 100%;

	overflow-y: auto;

}

.nav-reserve {

	-webkit-transform: translateX(-405px);

	-ms-transform: translateX(-405px);

	transform: translateX(-405px);

	width: 400px;

	padding-left: 100px;

	padding-top: 10vh

}

.nav-reserve.active {

	-webkit-transform: translateX(-105px);

	-ms-transform: translateX(-105px);

	transform: translateX(-105px)

}

.close-reserve {

	position: absolute;

	font-family: source_sans_problack;

	color: #da3d46;

	top: 4vh;

	right: 40px;

	padding: 10px;

	cursor: pointer;

	font-size: 30px;

	line-height: 35px

}

.nav-reserve form {

	text-align: left;

	padding: 10px 20px

}

.nav-reserve label {

	color: #000;

	font-size: 18px;

	line-height: 20px;

	text-transform: uppercase;

	font-family: source_sans_problack;

	margin-bottom: 5px

}

.nav-reserve .field {

	width: 100%;

	padding: 10px;

	font-size: 15px;

	line-height: 16px;

	border: none;

	margin-bottom: 4vh

}

.nav-reserve button {

	background-color: transparent;

	width: 100%;

	margin-bottom: 5vh

}

.nav-menu {

	left: -480px;

	width: 480px;

	padding-left: 90px

}

.nav-menu.active {

	text-align: center;

	left: -90px;

}

.nav-seperator {

	width: 110px;

	margin: 0 auto;

	height: 3px;

	background-color: #c6cbb9

}

.menu {

	padding: 0 13% 0 10%;

}
/*
.menu-item-object-page {

	text-align: center;

	list-style: none

}

.menu-item-object-page a {

	text-transform: uppercase;

	font-family: source_sans_probold;

	font-size: 18px;

	line-height: 40px;

	letter-spacing: 1.2px;

	color: #000;

	-webkit-transition: all .35s ease;

	transition: all .35s ease

}

.menu-item-object-page a:hover, .menu-item-object-page.current_page_item a {

	color: #ce232a

}*/

.nav-social {

	width: 100%;

	float: left;

	text-align: left;

	margin: 40px 0 80px;

	padding: 0 29px 0 29px;

}

.nav-social img {

	width: 100%;

	display: block;

	transition:transform 0.8s ease-in-out 0s;

}

.nav-social a {

	width: 40px;

	float: left;

	display: block;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	margin: 0 10px 0 0;

}

.nav-social a:hover img { 

	transform:rotate(360deg);

}



@media only screen and (min-width:775px) {

.nav-logo-center {

	width: 210px;

	height: 45px;

	/*background-image: url(../../images/png/nav-logo.png)*/;

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center center;

	display: block;

	position: absolute;

	top: 25px;

	top: 2.3vh;

	left: 0;

	right: 0;

	margin: 0 auto;

	-webkit-transition: -webkit-transform .35s ease;

	transition: transform .35s ease;

	-webkit-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	transform: translateY(-100px)

}

.header.scroll .nav-logo-center, .page-template-default .nav-logo-center {

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}

}

@media only screen and (max-height:650px) {

.nav-menu {

	top: 0;

}
/*
.menu-item-object-page a {

	line-height: 33px

}
*/
.nav-reserve {

	top: 0;

	height: 100vh;

	padding-top: 10px

}

.nav-reserve h2 {

	margin: 0 auto!important

}

.nav-reserve button {

	margin-bottom: 5px

}

.close-reserve {

	top: 5px

}

}

.meus-page {

	padding-bottom: 10vh

}

.menus-page .img-box__wrapper .gen-cell {

	background-color: rgba(0,0,0,.2);

	position: relative;

	-webkit-transition: all .25s ease;

	transition: all .25s ease

}

.menus-page .img-box__wrapper .gen-cell:hover {

	background-color: transparent

}

.menus-page .img-box__wrapper h3 {

	font-size: 35px;

	color: #fff;

	line-height: 44px;

	text-transform: uppercase

}

.popups {

	position: fixed;

	top: 100%;

	left: 0;

	right: 0;

	margin: 0 auto

}

.popups.active {

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 99999;

	background-color: #000;

	background-color: rgba(229,230,219,.7)

}

.popup-box {

	max-width: 300px;

	margin: 0 auto;

	background-color: #F1F3ED;

	padding: 50px 20px 40px;

	border: 5px solid #da3d46;

	position: relative;

	-webkit-transform: translateY(200%);

	-ms-transform: translateY(200%);

	transform: translateY(200%);

	-webkit-transition: -webkit-transform .35s ease-in-out;

	transition: transform .35s ease-in-out

}

.popup-box.active {

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}

.close-button {

	font-size: 25px;

	line-height: 30px;

	display: inline-block;

	padding: 20px;

	position: absolute;

	cursor: pointer;

	right: 5px;

	top: 5px;

	font-family: source_sans_problack;

	color: #da3d46

}

.popup-box h3 {

	font-size: 28px;

	line-height: 32px;

	text-transform: uppercase

}

.popup-box p {

	font-weight: 900;

	font-size: 20px;

	line-height: 25px;

	letter-spacing: 2px;

	padding: 20px 0

}

.popup-input {

	font-size: 14px;

	line-height: 40px;

	padding: 10px 15px;

	text-transform: uppercase;

	color: #9B9B9B;

	letter-spacing: 1px;

	margin: 5px auto;

	display: block;

	width: 100%

}

.popup-box .box-link {

	margin-top: 20px;

	background-color: transparent

}

@media only screen and (min-width:999px) {

.popup-box {

	max-width: 500px

}

.popup-box h3 {

	font-size: 42px;

	line-height: 50px

}

}

.product-block {

	max-width: 900px;

	margin: 0 auto

}

.product-block img {

	max-width: 100%

}

.product-block.text .box-link {

	margin-top: 40px

}

.nav-row1 {

	width: 30px;

	float: right;

	position: absolute;

	top: 26px;

	left: 29px;

	z-index: 99999999;

}



/*social-css*/

.social-col1 {

	width: 88px;

	height: 100%;

	float: left;

	background: #f7f7f7 url(../images/social-bg1.jpg) no-repeat center / cover;

	margin: 0 0 0;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999;

}

.social-col1 img {

	width: 100%;

	display: block;

	transition:transform 0.8s ease-in-out 0s;

}

.social-col1 .social-row1 {

	width: 40px;

	float: left;

	margin: 0 auto 0;

	position: absolute;

	bottom: 120px;

	right: 0;

	left: 0;

}

.social-col1 .social-row1 a {

	width: 100%;

	float: left;

	margin: 14px 0 0;

}

.social-col1 .social-row1 a:hover img { 

	transform:rotate(360deg);

}



/*Smartphone css*/

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

.nav-row1 {

	position: fixed;

	top: 16px;

	left: 5%;

	text-align: center;

}

.nav-menu {

	width: 410px;

}

.nav-social {

	width: 100%;

	text-align: center;
	
	margin: 25px 0 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    transform: translateY(-90%);

}

.nav-social a {

	width: 33px;

	float: none;

	display: inline-block;

	margin:0 10px;

}

.social-col1 {

	width: 100%;

	display: none;

	margin: 0 0 0;

}

}



@media screen and (min-width:481px) and (max-width:600px) {

.nav-row1 {

	position: fixed;

	top: 16px;

	left: 5%;

	text-align: center;

}

.nav-menu {

	width: 410px;

}

.nav-social {

	width: 100%;

	text-align: center;

	margin: 25px 0 0;
    padding: 0;
    position: absolute;

    bottom: 2%;
    transform: translateY(-60%);

}

.nav-social a {

	width: 33px;

	float: none;

	display: inline-block;

}

.social-col1 {

	width: 100%;

	display: none;

	margin: 0 0 0;

}

}



@media screen and (min-width:601px) and (max-width:767px) {

.nav-row1 {

	position: fixed;

	top: 16px;

	left: 5%;

	text-align: center;

}

.nav-menu {

	width: 410px;

}

.nav-social {

	width: 100%;

	text-align: center;

	margin: 25px 0 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    transform: translateY(-90%);

}

.nav-social a {

	width: 33px;

	float: none;

	display: inline-block;

}

.social-col1 {

	width: 100%;

	display: none;

	margin: 0 0 0;

}

}



@media screen and (min-width:768px) and (max-width:900px) {

.nav-menu {

	width: 410px;

}

.nav-row1 {

	left: 3%;

}

.social-col1 {

	width: 100%;

	display: none;

	margin: 0 0 0;

}

}



@media screen and (min-width:901px) and (max-width:1024px) {

.mtitle {

	font-size: 12px;

	line-height: 22px;

}

.nav-menu {

	width: 410px;

}

.nav-row1 {

	width: 34px;

	right: 3%;

}

.nav-hamburger {

	width: 34px;

}

.pattys {

	/*width: 29px;*/

	/*height: 4px;*/

	/*margin: 3px auto;*/

}

.nav-hamburger.active .pattys.top {

	/*top: -5px;*/

}

.nav-hamburger.active .pattys.bottom {

	top: -3px;	

}

.social-col1 {

	width: 100%;

	display: none;

	margin: 0 0 0;

}

}



@media screen and (min-width:1025px) and (max-width:1240px) {

.mtitle {

	font-size: 13px;

	line-height: 23px;

}

.nav-menu {

	width: 410px;

}

.nav-row1 {

	width: 37px;

	right: 3%;

}

.nav-hamburger {

	width: 37px;

}

.pattys {

	/*width: 31px;*/

}

.nav-hamburger.active .pattys.top {

	/*top: -2px;*/

}

.nav-hamburger.active .pattys.bottom {

	/*top: -4px;*/	

}

.social-col1 {

	width: 100%;

	display: none;

	margin: 0 0 0;

}

}



@media screen and (min-width:1241px) and (max-width:1355px) {

.mtitle {

	font-size: 12px;

	line-height: 22px;

}

.social-col1 {

	width: 38px;

	left: 8px;

	background:none;

}

.social-col1 .social-row1 { width:24px;}

.nav-row1 {

	width: 34px;

	left: 18px;

}

.nav-hamburger {

	width: 34px;

}

/*.pattys { width: 28px;}*/



}



@media screen and (min-width:1356px) and (max-width:1450px) {



.social-col1 {

	width: 34px;

	left: 18px;

	background:none;

}

.social-col1 .social-row1 { width:24px;}



}