@charset "UTF-8";
#wrapper { -webkit-backface-visibility: hidden; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; overflow: hidden; /* prevent horizontal scrolling when content slides to the left or right */ overflow-y: auto; }
#map_canvas { padding: 0px; width: 100%; position: relative; overflow: hidden; display: block; height: 100%; z-index: -1; }
.wrapper { width: 100%; overflow: hidden; }
clearfix:after { /* clearfix */ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
[role="main"]:before, [role="main"]:after { content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; }
[role="main"]:after { left: 100%; }
[role="navigation"], [role="main"], [role="complementary"] {
 -webkit-transition: .2s all ease;
 -moz-transition: .2s all ease;
 -o-transition: .2s all ease;
 -ms-transition: .2s all ease;
 transition: .2s all ease;

 width: 100%;
 display: block;
 position: relative;
 
 tra/*nsform:translate3d(0,0,0);
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-webkit-backface-visibility: hidden;
			-webkit-perspective: 1000;*/

}
[role="complementary"] {
padding:0;
overflow-style:!important;
overflow:auto;
}
.js [role="navigation"] { margin-left: -100%; float: left; z-index: 2; }
.js [role="main"] { margin-left: 0; box-shadow: 0 0 25px rgba(0,0,0,.2); float: left; z-index: 1; position: relative; }
.js [role="complementary"] { margin-right: -200%; padding: 1px; background: none; float: left; z-index: 2; }
.active-nav [role="navigation"] { margin-left: 0; width: 95%; }
.active-nav [role="main"] { margin-right: -100%; }
.active-nav [role="complementary"] { margin-right: -100%; float: right; }
.active-sidebar [role="navigation"] { margin-left: -200%; }
.active-sidebar [role="main"] { margin-left: -95%; }
.active-sidebar [role="complementary"] { margin-left: 0%; width: 95%; }
.active-nav [role="main"] { -webkit-transition: .2s all ease; -moz-transition: .2s all ease; -o-transition: .2s all ease; transition: .2s all ease; -ms-transition: .1s all ease; transition: .2s all ease; 
/* transform:translate3d(0,0,0);
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-webkit-backface-visibility: hidden;
			-webkit-perspective: 1000;*/
 }
/* Off Canvas Navigation */
.off-canvas-navigation { width: 100%; overflow: hidden; display: block; }
.off-canvas-navigation ul li { width: 20%; display: block; float: left; }
.off-canvas-navigation ul li.sidebar-item { float: right; }
.menu-button.active-button, .sidebar-button.active-button { 


background: #bd2922; color: #fff;
box-shadow: inset 0 0px 1px rgba(255, 255, 255, 0.85), 
			0 1px 0 rgba(0, 0, 0, 0.55);
}

 }
.active-button { background: #0CC; color: #039; }
.menu-button, .sidebar-button { }
a.menu-button:hover, a.sidebar-button:hover { }
.sidebar-button { }
/* Site Menu */
[role="navigation"] li { list-style: none; font-size: 18px; margin-bottom: .5em; }
[role="navigation"] li a { display: block; background: rgba(0,0,0,.1); padding: .8em; border-radius: 4px; }
[role="navigation"] li a:hover, [role="navigation"] li a:active, [role="navigation"] li a:focus { background: rgba(0,0,0,.2); text-decoration: none; }
[role="navigation"] li.current a { background: rgba(0,0,0,.2); }
.illustrations { margin: 3% auto; display: block; }
.site-footer { background: #333; overflow: hidden; width: 100%; clear: both; margin: 0 auto; }
[role="navigation"]#topMenu { -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -ms-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in; 
/* transform:translate3d(0,0,0);
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-webkit-backface-visibility: hidden;
			-webkit-perspective: 1000;*/ }
[role="navigation"]#topMenu ul { margin-top: 0; }
.active-menu [role="navigation"]#topMenu { margin-top: 0 !important; }
 @media all and (min-width: 768px) {/*
.js menu-button, .js .sidebar-button { display: none; }
.js [role="complementary"] { width: 33.34%; margin-left: 0; float: left; background: #333; }
.js [role="main"] { width: 66.66%; padding: 0 15px; }
.js .paneled [role="main"] { width: 100%; padding: 0; background:transparent; left: 0 !important; }
.js .page-panel { display: block; min-height: 800px; float: none; margin: 0; width: 100%; background: transparent; }
.js .hide-extras [role="main"] { width: 100%; }
.js .hide-extras [role="complementary"] { display: none; }*/
.js [role="navigation"]#topMenu { display: none; }
}

/* Foundation 3, artfully masterminded by ZURB Addition offcanvas.css - Specific CSS for off-canvas layouts  Off canvas layout CSS/JS provided by or adapted from work by Jason Weaver and Luke Wroblewski
 Requires: globals.css grid.css
body.off-canvas { padding: 0; margin: 0; }
*/
/*
.container { width: 100%; }
.row { overflow: hidden; }
.row .row { overflow: visible; }
footer { background: #555; color: #fff; padding: 10px 0; }
.paneled .container { overflow: hidden; }
.paneled .row { width: 100%; }
[role="main"]:before { content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; -webkit-box-shadow: inset -3px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset -3px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: inset -3px 0px 6px 0px rgba(0, 0, 0, 0.15); }
 [role="complementary"], [role="main"] {
width: 100%;
padding: 0 15px;
display: block;
position: relative;
z-index: 1;
  -webkit-transition: 0.25s all ease-in;
-moz-transition: 0.25s all ease-in;
-ms-transition: 0.25s all ease-in;
-o-transition: 0.25s all ease-in;
transition: 0.25s all ease-in;
}
.paneled [role="main"] { padding: 0; }
.page-panel { width: 100%; padding: 0 15px;   -webkit-transition: 0.3s margin ease-in-out; -moz-transition: 0.3s margin ease-in-out; -ms-transition: 0.3s margin ease-in-out; -o-transition: 0.3s margin ease-in-out; transition: 0.3s margin ease-in-out;}
#switchPanels { margin: 0 -15px; }
.hide-extras [role="complementary"] { display: block; }
[role="navigation"]#topMenu {   -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -ms-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in; }
[role="navigation"]#topMenu ul { margin-top: 0; }
.js [role="complementary"] { margin-left: -100%; width: 80%; float: left; z-index: 2; }
.js [role="main"] { margin-left: 0; background: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: right; z-index: 1; position: relative; }
.js .paneled [role="main"] { width: 500%; overflow: hidden; float: none; position: relative; left: 0;   -webkit-transition: 0.15s all ease-in; -moz-transition: 0.15s all ease-in; -ms-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; transition: 0.15s all ease-in; }
.js .page-panel { min-height: 400px; float: left; margin: 0; width: 20%; }
.active [role="complementary"] { margin-left: 0; }
.active [role="main"] { margin-right: -80%; }
.active-menu [role="navigation"]#topMenu { margin-top: 0 !important; }
 @media all and (min-width: 768px) {
.js menu-button, .js .sidebar-button { display: none; }
.js [role="complementary"] { width: 33.34%; margin-left: 0; float: left; background: #333; }
.js [role="main"] { width: 66.66%; padding: 0 15px; }
.js .paneled [role="main"] { width: 100%; padding: 0; background:transparent; left: 0 !important; }
.js .page-panel { display: block; min-height: 800px; float: none; margin: 0; width: 100%; background: transparent; }
.js .hide-extras [role="main"] { width: 100%; }
.js .hide-extras [role="complementary"] { display: none; }
.js [role="navigation"]#topMenu { display: none; }
}


.wrapper{}*/