@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { overflow-y: scroll; }
body {
	width: 100%;
	font-family: Arial;
	font-size: 14px;
	line-height: 22px;
}

br { display: block; line-height: 1.6em; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; width: 100%; }

h1 {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 3.6em;
  line-height: 1.3em;
  font-weight: 700;
  color: #484848;
  text-align: center;
  letter-spacing: -0.05em;
  margin-bottom: 15px;
}

p {
  font-size: 1.7em;
  line-height: 1.5em;
  margin-bottom: 20px;
  color: #616161;
}


/** page structure **/
#content {
  max-width: 1000px;
  background: #fff;
  padding: 25px 65px;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

header {
	display: block;
	width: 100%;
	height: 52px;
	background: #5186a8;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

#navbar {
	float: right;
	width: 20%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 15px;
  background-image: url('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
 
  overflow: hidden;
}

#pgcontainer {
  padding: 45px 0;
  margin: 0;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}


#hamburgermenu {
  height: 100%;
  width: 0;
  background: #373737;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
}
#hamburgermenu ul li a {
	display: block;
	min-width: 130px;
	padding: 18px 8px;
	color: #cdcdcd;
	font-size: 18px;
	font-weight: bolder;
	text-decoration: none;
	text-align: center;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #2c2c2c;
}

.footer-contact{
	z-index:2;
	bottom:0;
	left:0;
	width:100%;
	height:45px;
	text-align:center;
	padding:0;
	overflow:hidden;
	background-color: #1998FF;
	background-position: 0 0;
	position: fixed;
}
.footer-contact ul{ display:-webkit-box; }
.footer-contact ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2);  }
.footer-contact ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 45px; }
.footer-contact .icon{
	display:block;
	margin:0px auto 6px;
	position:relative;
	top:3px;
	width:30px;
	height:20px;
	overflow:hidden;
	background-size:150px;
	background-position:-3px 0px;
	background-image: url(../../images/footer.png);
	background-repeat: no-repeat;
}
.footer-contact .map{ background-position:-83px 0px;}
.footer-contact .message{ background-position:-45px 0px;}
.footer-contact .home{ background-position:-118px 0px;}
.footer-contact .txt{ height:16px; line-height:16px; font-size:12px;}
.powered_by_metinfo{ }
.powered_by_metinfo a{ color:#666;}#map_canvas {
	height: 550px;
	width: 100%;
	overflow: hidden;
}
#navbar .menubtn {
	float: right;
	margin-top: 8px;
}
#logo {
	float: left;
	height: 50px;
	text-align: center;
}