/* Overlay style */

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e0ded6;
	z-index: 100000;
	overflow-y: scroll;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 100vw;
	position: static;
	top: 0;
	height: 3em;
	z-index: 22000;
	background-color: #e0ded6;
	border: none;
}

.overlay .overlay-close i {
	font-size: 1em;
	font-weight: bold;
	color: #bba962;
}

/* Mmenu style */

/* @group menu: map */

#map {
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
	justify-content: space-evenly;
	background-color: rgba(174, 151, 67, 0.05);
	padding-bottom: 4em;
}

#map li::first-line {
	color: #d2e147;
}

#map li .submap {
	padding-top: 5em;
}

#map ul {
	margin: 0;
	padding: 0;
	max-width: 15vw;
	min-width: 300px;
}

#map li {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

#map li a {
	color: #7E7B7B;
	text-transform: none;
	display: block;
	font: 0.9em/1.5em 'bouldregular','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

#map li a.parent,
#submap li a.parent {
	color: #d2e147;
	text-transform: none;
	display: block;
	font: 600 1.2em/1.5em 'bouldregular','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

#map li a:hover {
	color: #000;
	text-decoration: none;
}

#map li ul li a {
	padding: 0 11px;
	float: left;
	display: block;
	font: 0.7em/1em;
}

#map li ul li a:hover {
	color: #5e5244;
	text-decoration: none;
}

#map li ul.submap li a.parent {
	color: #000;
}

/* @end */

/* @group menumap */

ul#menumap {
	margin: 0;
	list-style: none;
	padding: 0 0 3em 2em;
	overflow-y: scroll;
}

ul#menumap li, ul#menumap li ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

-ul#menumap li a.parent {
	color: #02474f;
	text-transform: none;
	display: block;
	font: 600 200%/1.5em 'bouldregular','Merriweather Sans',jaf-bernino-sans, sans-serif;
	margin-top: 2em;
}

ul#menumap li a.parent {
	color: #02474f;
	text-transform: none;
	display: block;
	font: 300 100%/1.2em 'bouldbold','Merriweather Sans',jaf-bernino-sans, sans-serif;
	margin-top: 1em;
}

ul#menumap li a {
	color: #00533f;
	font-weight: normal;
	font-style: normal;
}

ul#menumap li a:hover {
	color: #fff;
}

/* @end */

/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

/* Button */
button {
	font: 300 1.3rem 'bouldregular',urbana, nowayregular, jaf-bernino-sans, "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, sans-serif, urbana;
	text-transform: uppercase;
	padding: 0.5em 1em;
	border-bottom: 2px solid #fff;
	text-decoration: none;
	width: 100%;
	background-color: #fff;
	border-style: none;
	color: #6e6e70;
}

dsbutton:hover,
dsbutton:hover i {
	color: #de6a01;
}

@media screen and (max-width: 640px) {

#map {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-between;
	justify-content: space-evenly;
	background-color: rgb(251, 251, 251);
	padding-bottom: 4em;
}

#map ul {
	margin: 0;
	padding: 0;
	max-width: 86vw;
}

}

/* iphones */

@media only screen
and (min-device-width: 320px)
and (max-device-width: 667px)  {

/* Button */
——section button {
	font: 300 3rem 'bouldregular',urbana, nowayregular, jaf-bernino-sans, "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, sans-serif, urbana;
	text-transform: uppercase;
	padding: 0.5em 1em;
	border-bottom: 2px solid #fff;
	text-decoration: none;
	width: 100%;
	background-color: #fff;
	border-style: none;
	color: #6e6e70;
	text-align: center;
}

-.overlay #ds-search {
	text-align: center;
	position: relative;
	top: 40vh;
	left: 10vw;
	-webkit-appearance: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right: auto;
	margin-left: auto;
}

-.overlay #ds-search input {
	font-size: 1.5em;
	font-weight: 300;
	display: block;
	color: #303330;
	width: 80vw;
	height: 120px;
	-webkit-appearance: none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	background-color: #fff;
}

-.overlay #et-mmenu {
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	-webkit-appearance: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right: auto;
	margin-left: auto;
}

-.overlay .overlay-close {
	width: 120px;
	height: 120px;
	position: absolute;
	right: 100px;
	top: 100px;
	overflow: hidden;
	border: none;
	background: url(../img/cross-white.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

.overlay .overlay-close {
	width: 100vw;
	position: static;
	top: 0;
	height: 7em;
	z-index: 22000;
	background-color: #e0ded6;
	border: none;
}

.overlay .overlay-close i {
	font-size: 2em;
	font-weight: bold;
	color: #bba962;
}

#et-mmenu #map {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
	width: 100vw;
	padding-bottom: 2vw;
	padding-top: 6vw;
}

#et-mmenu #map li a.parent {
	color: #22b0c1;
	text-transform: none;
	display: block;
	font: 300 70%/1em 'bouldbold','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

#et-mmenu #map li a {
	color: #22b0c1;
	text-transform: none;
	display: block;
	font: 300 60%/2em 'bouldbregular','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

#menumap li a.parent {
	font: 300 80%/1.5em 'bouldbold','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

#menumap li a {
	font: 300 80%/1.5em 'bouldregular','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

#map {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-evenly;
	max-width: 96vw;
	padding-bottom: 4em;
	margin: 0;
}

#map ul {
	margin: 0;
	padding: 0;
	max-width: 96vw;
}

#map li a.parent,
#submap li a.parent {
	text-transform: none;
	display: block;
	font: 300 100%/150% 'bouldbold','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

#map li a {
	text-transform: none;
	display: block;
	font: 80%/120% 'bouldregular','Merriweather Sans',jaf-bernino-sans, sans-serif;
}

}