/*
	jQuery.mmenu widescreen extension CSS
*/
html, body {
  height: 100% !important;
  overflow: auto !important; }

body {
  position: relative;
  }
			.garam-main span.m-copy1{
			                        display:block;
									padding:80px 0 5px 0;
									margin:0 0 10px 0;
									height:38px;
									background-image:url(../../../images/main_copy_big.png);
									background-position:right top;
									background-repeat:no-repeat;
									}
			.garam-main span.m-copy2{
			                        display:block; 
									padding:0 0 15px 0;
									margin:0 0 5px 0;
									height:87px;
									background-image:url(../../../images/main_copy2_big.png);
									background-position:right top;
									background-repeat:no-repeat;
									}
		   .garam-main p{
			            font-weight:bold;
						text-shadow:0 1px 0 #eee;
						font-size:16px;
						}
#mm-blocker {
  display: none !important; }

.mm-page {
  box-shadow: none !important;
  background: inherit;
  width: 70% !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 !important;
  left: 30% !important;
  top: 0 !important;
  position: relative !important;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mm-menu {
  position: fixed;
  z-index: 0;
  width: 30% !important;
  padding: 0; }
  .mm-menu.mm-top, .mm-menu.mm-right, .mm-menu.mm-bottom {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important; }
  .mm-menu:first-child, .mm-menu.mm-current {
    display: block; }