@import url(http://fonts.googleapis.com/css?family=Fauna+One); /* headings and menu */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700); /*main font */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css); /* do not remove */

@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,800|Hind:300,400,500,600,700|Lato:100i,300,400,400i,700,700i,900,900i');

/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, select, textarea, input {
	font: 16px Raleway, sans-serif;                               /* ================= Main Text size and font */
	color:#000;                                                   /* ================= Main Text color */
}
a {
	color:#5a8513;
	font-weight:400;                                                /* ================= Main Link color */
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
a:hover {
	color:#004576;                                                   /* ================= Main Link Hover color */
}
h1, h2, h3, h1 a, h2 a, h3 a, legend {
	font-family: 'Lato', sans-serif;                        /* ================= Heading Font */
	font-weight: 700; 
	letter-spacing: .04em;                                    /* ================= Heading Weignt */
	color: #5a8513;                                               /* ================= Heading Color */
}
h1 {margin:0 0 0em; 
	font-size: 2.1em;
	font-weight:900;
	letter-spacing: 3px;      
	text-transform:uppercase;
	text-align:center;
}
h2 {margin:1.5em 0 .2em;
	font-size: 1.5em;
}
.pagewidth h2:first-child{margin-top:0;}
.pagewidth > *:last-child{margin-bottom:0;}
h3 {margin:1.2em 0 .3em;
font-family: 'Lato', sans-serif;  
	font-size: 1.2em;
}
section h2:first-child, section h3:first-child{margin-top:0}
p {margin:0 0 1em;line-height:1.5em; font-family: 'Lato', sans-serif; font-weight:300; letter-spacing: .03em;}
ul,ol{margin:0 0 1em 30px;padding: 0;}
ul li, ol li{line-height:1.3em;margin: .3em 0;padding: 0;}
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}
.large {font-size: 21px; line-height: 1.6em;}
.quote {
	font-size: 18px; 
	line-height: 1.8em;
	letter-spacing: .06em; 
	font-weight: normal; 
	font-style:italic;
	color:#004576;
}
.quote2 {
	font-size: 18px; 
	line-height: 1.8em;
	letter-spacing: .06em; 
	font-weight: normal; 
	font-style:italic;
	color:#5a8513;
}
.navy {color:#004576; font-weight:bold;}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:5px;border:1px solid #ccc;background:#fff;}
figure.right{margin:0 0 15px 30px;}
figure.left{margin:0 30px 15px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 15px 30px;}
img.left{margin:0 25px 15px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px solid #ccc;}

/* =================================================== Blog */
.post-item, .dib-post {
  width: 100%;
  border-bottom: 1px solid #004576;
  padding: 20px 0;
}
.post-item .content, .dib-post {
  width: 100%;
  overflow: hidden;
}
.dib-post-featured-image{float:right;margin:0 0 20px 30px;}

.dib-post-content a.dib-more {display:block;margin-top:1em;}

h1.dib-post-title {margin-bottom: 1em; text-align: left;}

h2.dib-post-title a {text-decoration: none;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
	background:#004576;                                           /* ================= Footer BG color*/
}
.pagewidth{margin:0 auto;
	background:none;                                             
	overflow: hidden;
	width:1160px;
	padding:0 20px;
}
.band{
	background: #fff;	                                         /* ================= Primary Content / Band BG */
	padding:40px 0px;
	font-family: 'Lato', sans-serif;	 
}

.band.alt1{
	background: #7fa57d;
	padding:40px 0px;
	font-family: 'Lato', sans-serif;	        
	letter-spacing:.03em;                             /* ================= Band Alt1 BG */
	color: #fff;                                                     /* ================= Band Alt1 Text color */
}

.band.alt1 h1, .band.alt1 h2, .band.alt1 h3, .band.alt1 h1 a, .band.alt1 h2 a, .band.alt1 h3 a{
	color:#fff;                                                    /* ================= Band Alt1 Heading color */
}
.band.alt1 a{
	color:#fff;                                                    /* ================= Band Alt1 link color */	
}
.band.alt1 a:hover{
	color:#000;                                                    /* ================= Band Alt1 link:hover color */
}
.band.alt2{
	padding:15px 0 35px 0;
	background: #eee;	                                         /* =================  Band Alt2 BG */
	color:;                                                     /* ================= Band Alt2 Text color */
}

.band.alt1 h1, .band.alt1 h2, .band.alt1 h3, .band.alt1 h1 a, .band.alt1 h2 a, .band.alt1 h3 a{
	color:;                                                    /* ================= Band Alt2 Heading color */
}
.band.alt1 a{
	color:;                                                    /* ================= Band Alt2 link color */	
}
.band.alt1 a:hover{
	color:;                                                    /* ================= Band Alt2 link:hover color */
}
.band.nopad, .band.nopad .pagewidth{padding:0;}
 .band.nopad .pagewidth{width:1200px;}

#wrapper{
	clear:both;
}
#leftcol{float:left;z-index: 2;
	width:230px;
	background:#ccc;
}
.pagewidth #rightcol {
	background: #eef7e1;                                           /* ================= Right Col BG color*/
}
#maincol{float: left;z-index: 1;
	width: 700px;
	padding:25px 25px 15px;
}


.button {
  background-color: #004576; 
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 30px;

}

.button > a:last-child {color: #fff;display: inline-block;float: right;font-weight: bold;padding: 3px 15px;text-decoration: none;text-transform: uppercase;}


.button:hover {
  background-color: #7fa57d;  /* Green */
  color: white;
}


/* ========================================================== Header */
header.heady{z-index: 3;
	background:#fff;
	height:120px;
}
header.heady h1 {margin:0;position:absolute;
	top:10px;
	left:40px;
}
header.heady {height: inherit;}
header.heady .logo {padding: 3.7em 0 3.7em 5em;}
header.heady .header-right {margin: 0;padding: 4em 2.6em 4em 0;}
header.heady .header-right li {font-size: 13.75px; font-family: 'Lato', serif; list-style: outside none none;margin: 0 0 10px;}
header.heady .header-right li:last-child {margin: 0;}
header.heady .header-right li i {border-radius: 50%;font-size: 14px;height: 23px;line-height: 23px;margin-right: 4px;text-align: center;width: 23px;}
header.heady .header-right a {text-decoration: none;}
header.heady .header-right a:hover {text-decoration: underline;}

header.heady .header-right a,header.heady .header-right li{ 
	color: #004576;                                                /* =========  Header Phone and Email color */
} 
header.heady .header-right li i{
	background-color: #31793d;                                    /* ==========  Header Phone and Email icons */
	color: #fff;
}

/* ========================================================== Footer */
footer.footy{clear: both;
	padding:15px 25px;
}
footer.footy a{
	color:#666;
	text-decoration: none;
}
footer.footy a:hover{
	color:#666;
	text-decoration: underline;
}
footer.footy p{
	margin:0;
}
footer.footy p#credit{
	position:absolute;
	top:70px;
	right:0;
	padding-bottom:5px;
	font-size:.9em;
}
footer.footy {box-shadow: 0 5px 10px -5px #000 inset;padding: 28px 0 53px;}
.footy .pagewidth {background: transparent; display: flex; flex-flow: row wrap; justify-content: space-between;}
.footy #copy {padding-left: 19px;width: 50%;}
.footy #copy,.footy #copy li a{
	color:#fff;                                                     /* =================  Footer Text Color */
}
.footy .social-icons {float: right;padding-right: 17px; margin: 10px 0 0;}
.footy #copy > ul {list-style: outside none none;margin: 0;}
.footy #copy li {float: left;font-size: 15px;margin: 6px 0 10px; font-family:'Lato', sans-serif; font-weight:300; letter-spacing:.05em; }
.footy #copy li:after{content:'\2022';float:left;padding:0 7px;}
.footy #copy li:first-child:after{display:none;}
.footy #copy > p {font-size: 10px;display: inline-block; }
.footy #copy p a {text-decoration: underline;}
.footy #copy > p,.footy #copy p a{
	color: #bababa;
	font-family:'Lato', sans-serif;                                                 /* =================  Footer Copyright Text Color */
}
.footy .social-icons > a {
	background-color: #6d966d;                                     /* =================  Footer Icon  Colors */
	color:#fff;
}
.footy .social-icons > a:hover {
	background-color: #31793d;                                     /* =================  Footer Icon hover  Colors */
	color:#fff;
}
.footy .social-icons > a  {border-radius: 50%;display: inline-block;font-size: 20px;height: 35px;line-height: 35px;margin-left: 8px;text-align: center;width: 35px;text-decoration:none;}
.footy .social-icons > a:hover{text-decoration: none;}








/* ================================================ Horizontal Menu */
#hnav {clear:both;float:left;width:100%;margin:0;padding:0;position:relative;display: block;
   	background:#004576; 
   	box-shadow: 0 1px 5px rgba(7, 7, 7, 0.45);
   	font:16px/16px 'Lato', sans-serif;
	font-weight:400;
	letter-spacing: .07em;
	text-transform:uppercase;   
}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left;}
#hnav ul li a {display:block;margin:0;
   	font-size:1em;
   	line-height:1em;
   	text-decoration:none;
   	color:#FFF;
   	padding:14px 26px;                         /*================ Main menu item horizontal spacing - change "18px" to adjust */
}
#hnav ul li a:hover, #hnav ul li:hover a {
   	background:#31793d;
   	color:#fff;
}
/* Center Menu */
#hnav ul{float:right;position:relative;right:50%;max-width: 980px;}#hnav ul li{position:relative;left:50%;}#hnav ul ul{right:auto;}#hnav ul ul li {left:auto;}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
	box-shadow: 0px 5px 5px rgba(7, 7, 7, 0.25);
	width:220px;
}
#hnav ul ul li:first-child a{box-shadow: inset 0 7px 5px -7px rgba(7,7,7,0.6);}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
	font-size:14px;
	line-height:14px;
	background:#333;
	color:#fff; 
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
	background:#444; 
   	color:#fff;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top:38px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}
a#nav-control {display: none;}
#hnav ul li ul {background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 173px;}
#hnav ul li:hover ul {top: 46px;}
#hnav ul ul li a, #hnav ul li:hover ul li a {background: #fff;color: #080808;font-size: 15.5px;line-height: normal;padding: 10px 34px 10px 16px;}
#hnav ul ul li a:hover, #hnav ul li:hover ul li a:hover {background: rgba(141, 198, 63, 0.25);color: #080808;}
#hnav ul ul li:last-child a {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

/*     Home
======================== */
.sliderContainer {display: block;position: relative;width: 100%;z-index: 2;}
.iosSlider {position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;width: 1200px;height: 390px;text-align: center;}
.iosSlider .slider {height: 100%;}
.iosSlider .slider .item {float: left; width: 100%;}
.iosSlider .slider .slide {float: left;}
.iosSlider .slider .slide a{display: block;}
.iosSlider .slider .inner {margin: 0 auto;text-align: left;}
.iosSlider .slider .inner img{width:100%;}
.iosSlider .slider .slider-box {bottom: 11%;position: absolute;right: 7%;width: 36%;z-index: 22;}
.iosSlider .slider .slider-box > h2 {font-size: 33px;margin-bottom: 0;text-transform: uppercase; color:#FFF; font-family:'Lato', serif; font-weight:700; letter-spacing:.07em;}
.iosSlider .slider .slider-box p {font-size: 19px; font-family: 'Lato', serif;	font-weight: 300; margin-bottom: 0; color:#FFF;}
.iosSlider .slider .slider-box p a {display: inline-block;font-size: 18px; color:#FFF; font-weight: bold;text-decoration: none;text-transform: uppercase; font-family:'Lato', serif; font-weight:700; letter-spacing:.07em;}
.iosSlider .slider .slider-box p a:hover {text-decoration: underline;}
.iosSlider .slider .slider-box p a i {background-color: #FFF;border-radius: 50%;color: #004576;font-weight: bold;height: 19px;text-align: center;width: 19px;}
.sliderContainer .slideSelectors {bottom: 0px;height: 37px;left: 0;margin: 0 auto;position: absolute;width: 100%;z-index: 1;text-align: center;}
#wrapper {background: none;}
.home-about .cols3 section {padding-right: 7.5%;width: 27%;}
.home-about .cols3 section:last-child {padding-right: 0;}
.home-about .cols3 p {min-height: 70px;}                      /*============= This is the height of the home page blocks. Increase if buttons to not line up */
.home-about .cols3 p span {display: inline-block;float: right;}
.home-about .cols3 section > a:last-child {background-color: #004576;border-radius: 20px;color: #fff;display: inline-block;float: right;font-weight: bold;padding: 3px 15px;text-decoration: none;text-transform: uppercase;}

/*     2 col
======================== */
#wrapper #maincol {padding: 50px;position: relative;width: 570px;}
.pagewidth #rightcol {float: left;padding: 50px 30px 15px;right: 0;width: 250px;}

#rightcol h2:first-child{ margin-top:0;}

/*     1 col
======================== */
#wrapper .content-block {padding: 50px;}

/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
color:#000;             /* Input Text Color */
display: block;
width: 96.5%;
background: #fff;
border: 2px solid #ccc; /* Input Border */
padding:.25em .5em;
font-weight:bold;
border-radius:5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
form.lj .submit {
background:#eee;        /* Submit Colors */
color:#000;
border: 2px solid #ccc;
font-weight:bold;
display:inline;margin:0 2em 1em 0;width: auto;}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{display: block;margin-bottom: 1em;}
form.lj label.f3{float:left;width:33.3%;}
form.lj label.f3 input{width:90%;}
form.lj label.f2{float:left;width:50%;}
form.lj label.f2 input{width:93%;}
form.lj .first{padding-top: 1em;}
form.lj select{width:auto;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}

footer.footy .right-content {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  justify-content: flex-end;
  width: 36%;
}
footer.footy .form-holder h3 {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 8px;
}
footer.footy .form-holder form {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.form-holder form .text,
.form-holder form .submit {
  height: 36px;
  margin: 0;
  font-size: 12px;
  line-height: 36px;
  box-sizing: border-box;
}
footer.footy .form-holder {
  width: 300px;
  margin: 7px 0 0;
}
footer.footy .form-holder .text,
footer.footy .form-holder .submit {
  border: none;
}
footer.footy .form-holder .alert,
footer.footy .form-holder .alertyes {
  width: 100%;
  margin: 0 0 10px;
  color: #62162d;
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
  padding: 0 10px;
  text-align: center;
}
footer.footy .form-holder .alertyes {
  color: #075007;
}
footer.footy .form-holder .text {
  width: 66%;
  background: #fff;
  padding: 0 10px 0 20px;
  border-radius: 5px 0 0 5px;
  color: #363637;
}
footer.footy .form-holder form .submit {
  width: 33%;
  background: #6e956e;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
footer.footy .form-holder form .ammerspay {
  display: none;
  visibility: hidden;
  opacity: 0;
}

/* ========================================================= Alerts */
h3.alert, h3.alertyes, h3.alertwarn{font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
h3.alert{background: #fcc;border-color:#c00;}
h3.alertwarn{background: #ffc;border-color:#ff3;}
h3.alert:before, h3.alertyes:before, h3.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
h3.alertyes:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
h3.alertwarn:before{content:'i';background:#ff3;color:#000;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;}