.none {
	display: none;
}
@media only screen and (max-width: 980px) {
	.smartmenubuttonarea {
		display: block;
	}
	.menu_button {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 50px;
		height: 100%;
		font-size: 1em;
		font-weight: bold;
		background: #248;
		color: #fff;
		border: none;
	}
	.menu_button_yoko {
		margin-left: -75px;
		transform: rotate(-90deg);
	}
	.menu_nav {
		position: fixed;
		padding: 5px;
		background: rgba(12%, 24%, 48%, 0.7);
		width: 320px;
		max-height: 320px;
		overflow: auto;
		color: #fff;
		border: #fff solid 2px;
		border-radius: 20px;
		font-weight: bold;
		text-align: center;
	}
	.menu_divbtn {
		margin: 10px 0px;
		width: 90px;
		background: rgba(100%, 100%, 100%, 0.2);
		border-radius: 10px;
		display: inline-block;
		text-align: center;
/display: inline;
/zoom: 1;
	}
	.menu_icon {
		width: 60px;
	}

	.menuanimation_open {
		-moz-animation-name: menuopen;
		-moz-animation-duration: 400ms;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: menuopen;
		-webkit-animation-duration: 400ms;
		-webkit-animation-fill-mode: forwards;
		-o-animation-name: menuopen;
		-o-animation-duration: 400ms;
		-o-animation-fill-mode: forwards;
		-ms-animation-name: menuopen;
		-ms-animation-duration: 400ms;
		-ms-animation-fill-mode: forwards;
		animation-name: menuopen;
		animation-duration: 400ms;
		animation-fill-mode: forwards;
	}
	.menuanimation_close {
		-moz-animation-name: menuclose;
		-moz-animation-duration: 400ms;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: menuclose;
		-webkit-animation-duration: 400ms;
		-webkit-animation-fill-mode: forwards;
		-o-animation-name: menuclose;
		-o-animation-duration: 400ms;
		-o-animation-fill-mode: forwards;
		-ms-animation-name: menuclose;
		-ms-animation-duration: 400ms;
		-ms-animation-fill-mode: forwards;
		animation-name: menuclose;
		animation-duration: 400ms;
		animation-fill-mode: forwards;
	}
	@-moz-keyframes menuopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-moz-keyframes menuclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@-webkit-keyframes menuopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-webkit-keyframes menuclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@-o-keyframes menuopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-o-keyframes menuclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@-ms-keyframes menuopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-ms-keyframes menuclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@keyframes menuopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@keyframes menuclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	.googlemapanimation_open { position: fixed; width: 350px; padding: 5px; display: block; background: rgba(12%, 24%, 48%, 0.7); border: #fff solid 2px; border-radius: 20px; text-align: center;
		-moz-animation-name: googlemapopen;
		-moz-animation-duration: 400ms;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: googlemapopen;
		-webkit-animation-duration: 400ms;
		-webkit-animation-fill-mode: forwards;
		-o-animation-name: googlemapopen;
		-o-animation-duration: 400ms;
		-o-animation-fill-mode: forwards;
		-ms-animation-name: googlemapopen;
		-ms-animation-duration: 400ms;
		-ms-animation-fill-mode: forwards;
		animation-name: googlemapopen;
		animation-duration: 400ms;
		animation-fill-mode: forwards;
	}
	.googlemapanimation_open a {
		color: #fff;
	}
	.googlemapanimation_close {
		-moz-animation-name: googlemapclose;
		-moz-animation-duration: 400ms;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: googlemapclose;
		-webkit-animation-duration: 400ms;
		-webkit-animation-fill-mode: forwards;
		-o-animation-name: googlemapclose;
		-o-animation-duration: 400ms;
		-o-animation-fill-mode: forwards;
		-ms-animation-name: googlemapclose;
		-ms-animation-duration: 400ms;
		-ms-animation-fill-mode: forwards;
		animation-name: googlemapclose;
		animation-duration: 400ms;
		animation-fill-mode: forwards;
	}
	@-moz-keyframes googlemapopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-moz-keyframes googlemapclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@-webkit-keyframes googlemapopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-webkit-keyframes googlemapclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@-o-keyframes googlemapopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-o-keyframes googlemapclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@-ms-keyframes googlemapopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@-ms-keyframes googlemapclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
	@keyframes googlemapopen { from { opacity: 0; top: 15px; left:  0px; } to   { opacity: 1; top: 15px; left: 60px; } }
	@keyframes googlemapclose { from { opacity: 1; top: 15px; left: 60px; } to   { opacity: 0; top: 15px; left:  0px; } }
}