@media screen and (min-width: 979px) {
	.dimmer,
	.rwd-header,
	.rwd-footer {
		display: none;
	}
}

@media screen and (max-width: 978px) {
	.owheader,
	.owmenu_bg,
	.owfooter,
	.outBodyBottom {
		display: none !important;
	}

	.dimmer {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: rgb(53, 53, 53);
		top: 0;
		left: 0;
		z-index: 100;
		transition: opacity 300ms linear;
	}

	.dimmer:not(.hide) {
		opacity: .8;
	}

	.dimmer.hide {
		opacity: 0;
	}

	.rwd-header {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-moz-tap-highlight-color: rgba(0, 0, 0, 0);
		position: relative;
		z-index: 100;
	}

	.rwd-header * {
		box-sizing: border-box;
	}

	.rwd-header img {
		width: 100%;
	}

	.rwd-header, .rwd-footer {
		font-family: Helvetica, "Helvetica Neue", sans-serif;
	}

	.main-nav {
		background-color: #008787;
		background-image: url(/images/header/bg_header.jpg);
		background-repeat: no-repeat;
		background-position: center left;
	}

	.logo {
		display: inline-block;
		width: 92px;
		margin: 16px 0 16px 24px;
	}

	.icon {
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}

	.icon-search,
	.icon-menu {
		float: left;
		width: 40px;
		height: 48px;
		background-size: 20px 20px;
	}

	.icon-search {
		background-image: url(/images/rwd-icon/search.png);
	}

	.icon-menu {
		background-image: url(/images/rwd-icon/menu.svg);
	}

	.icon-menu.active {
		background-size: 18px 18px;
		background-image: url(/images/rwd-icon/close.png);
	}

	.icon-left-arrow {
		display: none;
		float: left;
		width: 32px;
		height: 16px;
		background-image: url(/images/rwd-icon/left-arrow.png);
	}

	.icon-right-arrow,
	.icon-right-black-arrow {
		float: right;
		width: 50px;
		height: 16px;
	}

	.icon-right-arrow {
		background-image: url(/images/rwd-icon/right-arrow.png);
	}

	.icon-right-black-arrow {
		background-image: url(/images/rwd-icon/right-black-arrow.png);
	}

	.icon-plus,
	.icon-minus {
		float: right;
		width: 50px;
		height: 50px;
	}

	.icon-plus {
		background-image: url(/images/rwd-icon/plus.png);
	}

	.icon-minus {
		background-image: url(/images/rwd-icon/minus.png);
	}

	.right-tools {
		float: right;
		padding-right: 12px;
	}

	.search {
		background: white;
	}

	.searchbox {
		position: static !important;
		-webkit-appearance: none;
		width: calc(100% - 40px) !important;
		height: auto !important;
		padding: 12px 16px;
		background: #EBEBEB !important;
		margin: 8px 20px;
		border: none;
		font-size: 16px;
		color: #333;
		font-weight: 100;
		border-radius: 12px !important;
		outline: none;
	}

	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #6C6E70;
	}
	::-moz-placeholder { /* Firefox 19+ */
		color: #6C6E70;
	}

	.search,
	.menu {
		position: absolute;
		width: 100%;
	}

	.menu {
		background: white;
		cursor: pointer;
	}

	.menu a {
		text-decoration: none;
	}

	.menu .text {
		font-size: 16px !important;
		cursor: pointer;
	}

	.menu__stage {
		margin: 0;
		padding: 0;
	}

	.search,
	.stage-one,
	.stage-two,
	.stage-three,
	.stage-four {
		overflow: hidden;
		max-height: 0;
	}

	.search.open,
	.stage-one.open,
	.stage-two.open,
	.stage-three.open,
	.stage-four.open {
		max-height: 999px;
		transition:
			max-height 800ms ease-in-out,
			padding-bottom 60ms linear;
	}

	.search.close,
	.stage-one.close,
	.stage-two.close,
	.stage-three.close,
	.stage-four.close {
		max-height: 0;
		transition:
			max-height 300ms cubic-bezier(0.075, 0.82, 0.165, 1),
			padding-bottom 60ms linear;
	}

	.stage-four.close {
		padding-bottom: 0;
	}

	.stage-one > .item > .text,
	.stage-two > .item > .text,
	.stage-three > .item > .text {
		max-height: 0;
		border-top-width: 0;
		overflow: hidden;
	}

	.stage-one > .item > .text.active,
	.stage-two > .item > .text.active,
	.stage-three > .item > .text.active {
		max-height: 60px;
		border-top-width: 1px;
		transition:
			max-height 100ms ease-in-out,
			border-top-width 60ms linear,
			padding-top 60ms linear,
			padding-bottom 60ms linear;
	}

	.stage-one > .item > .text.inactive,
	.stage-two > .item > .text.inactive,
	.stage-three > .item > .text.inactive {
		max-height: 0;
		border-top-width: 0;
		transition:
			max-height 100ms linear,
			border-top-width 60ms linear,
			padding-top 60ms linear,
			padding-bottom 60ms linear;
	}

	.stage-one > .item > .text.active,
	.stage-two > .item > .text.active {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.stage-one > .item > .text.inactive,
	.stage-two > .item > .text.inactive {
		padding-top: 0;
		padding-bottom: 0;
	}

	.stage-one > .item > .text {
		display: block;
		border-top-style: solid;
		border-top-color: rgba(0, 135, 135, 0.5);
		padding: 16px 0 16px 52px;
		color: #008787;
		font-weight: 500;
	}

	.stage-two > .item > .text {
		display: block;
		border-top-style: solid;
		border-top-color: lightgray;
		color: #17334B;
		padding: 16px 0 16px 52px;
		background: whitesmoke;
		cursor: pointer;
		font-weight: 500;
	}

	.stage-three > .item > .text {
		display: block;
		background: whitesmoke;
		border-top-style: solid;
		border-top-color: lightgray;
	}

	.stage-three > .item > .text > a {
		padding: 16px 0 16px 52px;
		color: #008787;
	}

	.stage-three > .item > .text:not(.full-width) > a {
		display: inline-block;
		width: calc(100% - 50px);
	}

	.stage-three > .item > .text.full-width > a {
		display: block;
	}
/*
	.stage-one > .item > .text.disabled,
	.stage-two > .item > .text.disabled,*/
	.stage-one > .item > .text.enabled .icon-right-arrow,
	.stage-two > .item > .text.enabled .icon-right-black-arrow {
		display: none;
	}

	.stage-one > .item > .text.enabled {
		border: none;
	}

	.stage-one > .item > .text.enabled,
	.stage-two > .item > .text.enabled {
		padding-left: 20px;
		color: black;
	}

	.stage-one > .item > .text.enabled > .icon-left-arrow,
	.stage-two > .item > .text.enabled > .icon-left-arrow {
		display: inline-block;
	}

	.stage-two > .item > .text.enabled {
		background: white;
	}

	.stage-three > .item > .text > .trigger:not(.active) .icon-minus {
		display: none;
	}
	.stage-three > .item > .text > .trigger.active .icon-plus {
		display: none;
	}

	.stage-four {
		background: whitesmoke;
		padding-bottom: 12px;
	}

	.stage-four > .item > .text {
		display: block;
		width: calc(100% - 50px);
		color: grey;
		padding: 8px 0 8px 72px;
		line-height: 1.5em;
	}

	.rwd-footer .link {
		display: block;
		background: whitesmoke;
		border-top: 1px solid lightgray;
		padding: 16px 0;
		text-align: center;
		text-decoration: none;
		color: #008787;
    font-size: 16px;
	}
}