/* jssor slider bullet navigator skin 13 css */        /*        .jssorb13 div           (normal)        .jssorb13 div:hover     (normal mouseover)        .jssorb13 .av           (active)        .jssorb13 .av:hover     (active mouseover)        .jssorb13 .dn           (mousedown)        */        .jssorb13 {            position: absolute;        }        .jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {            position: absolute;            /* size of bullet elment */            width: 21px;            height: 21px;            background: url('/images/b13.png') no-repeat;            overflow: hidden;            cursor: pointer;        }        .jssorb13 div { background-position: -5px -5px; }        .jssorb13 div:hover, .jssorb13 .av:hover { background-position: -35px -5px; }        .jssorb13 .av { background-position: -65px -5px; }        .jssorb13 .dn, .jssorb13 .dn:hover { background-position: -95px -5px; }			#slidebox div img{		border: 1px solid #cccccc;	}
		
		

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/**
 ********************************************************  TEXT */

.page {

}
.wrapper {

}
.header {

}
.logo {

}
.menu {

}
div.menu ul li a:link, a:visited{
	color: #999999;
	text-decoration: none;
}

div.menu ul li a:hover{
	color: #000000;
	background-color: #999999;
	text-decoration: none;
}
div.menu ul li a:active{
	color: #333333;
	text-decoration:underline;
}
.social {

}
.content {


}
.contentwrapper {

}
.footer {

}
/**
 ********************************************************  LAYOUT
 */

.page {
	width:100%;
	min-height:100vh;
}
.wrapper {

	width:100%;
	margin-left:10px;
	margin-right: auto;
	min-height:100vh;
position:relative;
}
.header {
  width:100%;
}
.logo {
	margin:auto;
}

div.logo a img {
	height:auto;
	width:75%;
float:right;
}
.menu {

}


#menuToggle
{
  display: block;
  position: relative;
  top: 40px;
  left: 40px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#phonemenu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#phonemenu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}



#menu_1 {
 display: none;
}
#submenu_1 {
 display: none;
}

#mainmenu {

	padding: 20px;	
}
#menu-icon {

display:inline-block;
display:none;
	width: 40px;
	height: 40px;
	background: #ffffff url(../images/Hburger.png) center;

}

a:hover#menu-icon {

	background-color: #cccccc;
	border-radius: 4px 4px 0 0;

}



.current {

	color: #2262AD;

}















.social {
	width:100%;
	text-align:center;

}
.content {
  min-height: 100%;
    width: 100%;


}
.spacer {

}
.contentwrapper {
  min-height: 100%;
padding-bottom:3em;
}

.footer {
position:absolute;
bottom:0;
width:100%;
height:3em;
	text-align:center;
	border-top:1px solid #cccccc;
}
.bottomquote {
	display:inline-block;
	margin: 4px auto;
	padding: 4px;
	border-bottom: 1px solid #cccccc;
}
/* Larger than mobile */
@media (min-width: 400px) {


}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

}

/* Larger than tablet */
@media (min-width: 750px) {
.wrapper {



}
.header {

  width:auto;
}
.logo {

float:none;
	margin:10px;
	text-align: center;
}
div.logo a img {
	width:auto;
	margin:auto;
	float:none;
}
.menu {

float:none;
}
div.menudiv {
position:relative;
text-align:justify;
}
div.menudiv::after{
	width: 100%;
	display: inline-block;
	content: "";
	visibility: hidden;
}
#menu_1 {
display:block;
	max-width: 400px;
	margin: auto;
	margin-bottom:10px;
	border-top: 1px solid #999999;
}
#submenu_1 {
display:block;
	width:90%;
	max-width: 1200px;
	margin: auto;
	border-bottom: 1px solid #999999;
}
#menu_1 div {
	display: inline-block;
	margin: auto;
}
#submenu_1 div {
	display: inline-block;
	margin: auto;
}

#menu_1 div a{
margin:5px;
	text-decoration:none;
	color: #999999;
}
#submenu_1 div a{
margin:5px;
	text-decoration:none;
	color: #999999;
}
#menu_1 div a:hover{
	text-decoration: underline overline;
	color: #333333;
}
#submenu_1 div a:hover{
	text-decoration: underline overline;
	color: #333333;
}




#menuToggle {
display:none;
}
/*
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
#menu li {
	float:left;
}
 #menu:active ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ccc;
	}
#menu li a {
  display: inline-block;
  color: green;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
#sub:hover + #submenu_1 {
	visibility: hidden;
	color: #cccccc;
}
#submenu_1 { 
	display: block;
	visibility: visible;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ccc;
}
*/

.social {

}



}

/* Larger than desktop */
@media (min-width: 1000px) {

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

}