.modalOpen {
}
.modal {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	z-index:9998;
}
.overLay {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	width:100%;
	height: 100%;
	z-index:2;
}
.modal .modalbox {
	position:absolute;
	z-index:9999;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80%;
}
.modal .modalinner {
	position:relative;
}
@media screen and (max-width: 767px) {
	.modal .modalbox {
		width: 90%;
		max-height: 90%;
	}
.modal .modalinner {
max-height: 450px;
overflow-y: auto;
overflow-x: hidden;
}
}
.modalCloses {
}
@keyframes modal {
	0% {top:-100%}
	100% {top:50%}
}
@keyframes modalClose {
	0% {top:50%}
	100% {top:0%}
}



.sandwichs {
	position:absolute;
	right: -60px;
	bottom: -0px;
	width: 40px;
	height: 40px;
	background-color: #d6a39f;
}
@media screen and (max-width: 767px) {
	.sandwichs {
		right: 0px;
		top: 0px;
		bottom: -0px;
		width: 30px;
		height: 30px;
	}
}
.sandwichs::before,
.sandwichs::after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 48%;
	width: 100%;
	height: 6%;
	content: "";
	background-color: #fff;
	transition: all 0.8s ease-in-out;
}
.sandwichs::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sandwichs::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sandwichs:hover::before,
.sandwichs:hover::after {
	height: 14%;
}
.sandwichs:hover::before {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.sandwichs:hover::after {
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.sandwichs:hover {
	cursor: pointer;
}