/* header */
#header {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	background: url('../../image/header-bg.png') no-repeat;
}
#header.show { z-index: 2; }
#header #container #inner {
	margin: 0 15px;
	position: relative;
	display: table;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: -ms-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	padding: 0;
}
#header #container.fixed { display: none; }

	/* logo */
	.logo { float: left; width: 140px; padding-top: 20px; opacity: 1; }
	.logo img { opacity: 1; }
	.fixed .logo { padding: 15px 0; }

	/* mobile button */
	.mobile-button-wrapper {
		width: 89px;
		height: 89px;
		padding-top: 47px;
		float: right;
		text-align: center;
		cursor: pointer;
		position: relative;
		right: 0px;
		transition: right 0.4s 0s linear;
		-webkit-transition: right 0.4s 0s linear;
		-moz-transition: right 0.4s 0s linear;
		z-index: 100;
	}
	.mobile-button-wrapper:before { font-size: 40px; color: #000000; content: '\f0c9'; }
	.mobile-button-wrapper.open:before { content: "\f00d"; }

	/* top menu */
	.top-menu { display: none; }

		/* media specific styles */
		@media(min-width: 768px){
			/* header */
			#header { background: url('../../image/header-bg.png') no-repeat right bottom; }
			#header #container #inner { max-width: 1175px; margin: 0 auto; }

			/* logo */
			.logo { width: 224px; }
		}
		@media(min-width: 1024px){
			
		}
		@media(min-width: 1200px){
			/* header */
			#header {
				background: url('../../image/header-bg.png') no-repeat right bottom;
				background-size: 100% 100%;
				padding-bottom: 70px;
			}
			#header #container.fixed {
				top: -120px;
				background-color: #FFFFFF;
				width: 100%;
				z-index: 99;
				position: fixed;
				display: block;
				box-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
				transition: top .5s ease-in;
				-webkit-transition: top .5s ease-in;
				-moz-transition: top .5s ease-in;
			}
			#header #container.fixed.show { top: 0; }

			/* mobile button */
			.mobile-button-wrapper { display: none; }
		}