.menu {padding: 0 .75em 0 .75em ;margin: 0 auto;max-width: 110em;width:100%;}
#sidebar {
	display:block;
	-moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
	-webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
	-ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
	transition: margin-left 0.5s ease, box-shadow 0.5s ease;
	position: fixed;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	background-color: #ffffff;
	font-size: 1em;
	overflow-y:visible;
	top: 0;
	left:0;
	width: 20em;
	height: 100%;
	box-shadow: 0 0 5em 0 rgba(0, 133, 144, 0.175);
	z-index: 10000;}
#sidebar.inactive {margin-left: -20em;box-shadow: none;}
#sidebar > .menu:after {content: '';display: block;width: 100%;}
#sidebar .toggle {
	text-decoration: none;
	-moz-transition: left 0.5s ease;
	-webkit-transition: left 0.5s ease;
	-ms-transition: left 0.5s ease;
	transition: left 0.5s ease;
	-webkit-tap-highlight-color: rgba(0, 133, 144, 4.25);
	border: 0;
	display: block;
	bottom: 0.5em;
	left: 20.5em;
	width: 3.5em;
	height: 3.5em;
	line-height: 3.5em;
	outline: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-indent: 5em;
	z-index: 10000;}
#sidebar .toggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: 'Font Awesome';
	font-style: normal;
	font-weight: 900;
	text-transform: none !important;
	content: '\f0c9';
	color:#008590;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	line-height: inherit;
	position: absolute;
	text-indent: 0;
	margin: 0;
	font-size: 1.5em;
	z-index: 1;}
#sidebar .toggle:after {
	background: #ffffff;
	border-radius: 0.5em;
	border: solid .15em rgba(0, 133, 144, 0.75);
	content: '';
	top: 0;
	left: 0;
	width: 3.5em;
	height: 3.5em;
	position: absolute;}
#sidebar > .menu {
	-webkit-overflow-scrolling: touch;
	left: 0;
	top:0;
	width: 20em;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 1em;
	background-color: #ffffff;}
#sidebar > .menu > * {border-bottom: solid .2em rgba(0, 133, 144, 0.5);margin: 0 0 2.5em 0;padding: 0 0 2.5em 0;}
#sidebar > .menu > * > :last-child {margin-bottom: 0;}
#sidebar > .menu > *:last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
/* Menu */
#submenu ul {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #008590;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.075em;
	list-style: none;
	margin-bottom: 0;
	padding: 0;
	text-transform: uppercase;}
#submenu ul a, #submenu ul li span.opener {
	border-bottom: 0;
	color: inherit;
	cursor: pointer;
	display: block;
	font-size: 0.9em;
	padding: 0;}
#submenu ul li:hover, #submenu ul span:hover {color: #4853A4;}
#submenu ul a.opener, #submenu ul span.opener {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	position: relative;}
.opener:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: 'Font Awesome';
	font-style: normal;
	font-weight: 900;
	text-transform: none !important;
	-moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
	color: #008590;
	content: '\f078';
	position: absolute;
	right: 0;}
.opener:hover:before {color: #008590;}
.opener.active + ul {display: block;}
.opener.active:before {-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#submenu > ul > li {border-top: solid .1em rgba(210, 215, 217, 0.75);margin: 0;padding: 1em 0 1em 0;font-family: 'Roboto Slab', serif;font-weight: 700;font-style: normal;}
#submenu > ul > li > ul {color: #9fa3a6;display: none;margin: 0 0 0 0;padding-left: 1em;font-weight: 400;font-weight:normal;}
#submenu > ul > li > ul a, #submenu > ul > li > ul span {font-size: 0.8em;}
#submenu > ul > li > ul > li {border-top: solid .1em rgba(210, 215, 217, 0.75);margin: 0;padding: 1em 0 1em 0;}
#submenu > ul > li:first-child {border-top: 0;padding-top: 0;}
#submenu > ul > li > ul > li:first-child {border-top: 0;}
.contactheader {color: #008590;font-family: 'Roboto Slab', serif;line-height: 1.5;margin: 0 0 1em 0;font-weight: 700;font-style: normal;font-size: 1.4em;}
@media screen and (max-width: 1680px) {.contactheader {font-size: 1.3em;}}
@media screen and (max-width: 1024px) {.contactheader {font-size: 1.2em;}}
@media screen and (max-width: 900px) {.contactheader {font-size: 1.1em;}}
@media screen and (max-width: 720px) {.contactheader {font-size: 1em;}}
@media screen and (max-width: 360px) {.contactheader {font-size: 0.9em;}}
.contactheader a {color: inherit;text-decoration: none;}
.contact {list-style: none;padding: 0;}
.contact li {text-decoration: none;border-top: solid .1em rgba(210, 215, 217, 0.75);margin: 1.5em 0 0 0;padding: 1.5em 0 0 3em;position: relative;}
.contact li:before {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-family: 'Font Awesome';font-style: normal;font-weight: 900;text-transform: none !important;}
.contact li:before {color: #008590;display: inline-block;font-size: 1.5em;height: 1.125em;left: 0;line-height: 1.125em;position: absolute;text-align: center;top: 1em;width: 1.5em;}
.contact li:first-child {border-top: 0;margin-top: 0;padding-top: 0;}
.contact li:first-child:before {top: 0;}
.contact li a {color: inherit;}
.modal-link {color:inherit;cursor: pointer;background:none;border:none;padding:0!important;cursor: pointer;font-family: 'Roboto Slab', serif;font-weight: 700;font-style: normal;text-transform: uppercase;}
.modal {display: none;position: fixed;z-index: 100000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: 5% auto;padding: 10px;width: 50%;}
.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}
/* Footer */
.copyright {color: rgba(0, 133, 144, 0.75);font-size: 0.9em;}
.copyright a {color: inherit;}
.frame {
	display: block;
	width: 100%;
	border: none;
	overflow-y: auto;
	overflow-x: hidden;
}