/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 10, 2015 */


@font-face {
    font-family: 'muliregular';
    src: url('../webfonts/Muli-Regular-webfont.eot');
    src: url('../webfonts/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Muli-Regular-webfont.woff2') format('woff2'),
         url('../webfonts/Muli-Regular-webfont.woff') format('woff'),
         url('../webfonts/Muli-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Muli-Regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body, input, textarea
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

body {
    margin: 0;
	padding:0;
	background:#fff;
	color:#424242;
	line-height: 1.75em;
	font-size: 10pt;
	}
	
a{color: #8BC34A;text-decoration: underline;}
a:hover{text-decoration: none;}		

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/


h1,h2,h3,h4,h5,h6
{
	font-weight: 300;
	color: #212121;
}

h1{font-family: 'muliregular', sans-serif;}

h3{font-weight: 400;margin: 0 0 0.5em 0;}

p, ul{margin-bottom: 3em;}

ol, ul{list-style:none;padding:0 0 0 0;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
header{width:100%;margin:0;padding:1em 0;background:#8BC34A;}
header a{color:#fff;text-decoration:none;}
header h1{margin:0 0 0 0;font-size: 2em;letter-spacing: -1px;display: flex;
    align-items: center;}
.headerwrap{    display: flex; align-content: center;
justify-content: space-between;}

.site-wrap,.headerwrap {margin: 0 auto;
    max-width: 90%;
    width: 80rem;}
.logo {display:flex;align-items:center;}

/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#F5F5F5;padding: 5em 0 5em 0;border-top: solid 1px #E0E0E0;font-weight:400;}	
.pagebottom p{color:#474747;font-size:14px;}
.pagebottom a{color:#474747;}

.pagebottom h2{	font-size: 1.75em;letter-spacing: -1px;font-weight:400;margin: 0 0 1.5em 0;}

ul.style2
	{
	}

		ul.style2 li
		{
			border-top: solid 1px #E0E0E0;
			padding: 1em 0 0 0;
			margin: 1em 0 0 0;font-size: 16px !important;
		}
		ul.contact {
    color: #000;
			font-size: 16px;}
		ul.style2 li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
		ul.style2 li:first-child
		{
			padding-top: 0;
			border-top: 0;
		}
		

	
		ul.contact li
		{
			position: relative;
			margin: 0 0 3.1em 0;
			padding: 0 0 0 60px;
		}
		
		ul.contact li:before
		{
			font-family: FontAwesome;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			position: absolute;
			left: 0;
			top: 0;
			    background: #3b3b3b;
    color: #fff;
    display: block;
    font-size: 1.75rem;
    height: 3.5rem;
    line-height: 3.5rem;
    margin-right: 2rem;
    text-align: center;
    width: 3.5rem;
			
		}

		ul.contact li:after
		{
			content: '';
			display: block;
			clear: both;
		}
footer
{
	border-top: solid 1px #E0E0E0;
	text-align: center;
	padding: 5em 0 6em 0;
	color: #BDBDBD;
}

.footer .site-wrap {
    display: flex;
    justify-content: space-between;
} 
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #BDBDBD;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
	}

.footertext {
	font-size:11px; 
	color:#BDBDBD;
}

.smallfootertext {
	font-size:11px; 
	color:#BDBDBD;
}

.divfooter {
	text-align:center; 
	margin:0 auto;
}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 976px) {
	.footer .site-wrap {flex-wrap:wrap;gap: 40px;}
	.foot-col {flex-basis: 45%;}
	.foot-col:last-of-type {flex-basis: 100%;}
	ul.contact {display: flex;justify-content: space-between;flex-wrap: wrap;}
	li.fa-facebook {flex-basis: 100%;}
	li.fa-phone,li.fa-home {flex: 1;}
}

@media screen and (max-width: 830px) {
header{padding: 1em 0;}
header h1{font-size: 1.25em;text-align:center;}
.pagebottom h2{	font-size: 1.5em;}
.pagebottom a{color:#474747;}
}

@media screen and (max-width: 720px) {
	.foot-col {flex-basis: 100%;}
}