header .sub-container { color:#fff; background:#546776 url(../images/header.jpg) 0 0 no-repeat; height:90px!important; }
header { background:#546776; background-color:#546776; }
header h2.logo a { width:637px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#546776; color:#fff;}
footer h4 {color: #fff;}
.footer_column a:link, .footer_column a:visited {color: #fff!important;}

/* Search Button -- If you choose to change the search button color, create new class name and change colors (instead of .green_btn which is for a green button only) */
.searchbutton input[type=submit] { background:#5f7c06 none 0 0!important; border: 1px solid #5f7c06!important; color: #fff!important; margin:0!important; border-radius:0!important; height: 25px; position: absolute; right:3px; text-transform: uppercase; top:3px; font-size:.8em!important; }

.form-submit { background:#5f7c06 none repeat scroll 0 0!important; border: 1px solid #5f7c06!important; color: #fff!important; margin:0!important; border-radius:0!important; height: 25px; font-size:.8em!important; text-transform: uppercase; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color:#d2cfbe; }
/*nav#top-nav { height:74px; }*/
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#475362!important; text-decoration:none!important; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu a:hover, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a { background:#546776; color:#fff!important; }



.sf-menu li.active-trail a { color:#fff; }
.sf-menu li { text-align:center; }
/*.sf-menu a, .sf-menu a:link { color:#475362; text-decoration:none!important; }*/
.sf-menu li ul li a { color:#475362; text-decoration:none!important; }
.sf-menu ul { border-top:5px solid #546776; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }



/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after { /* do not change this -->*/ border:5px solid transparent; /* only change this -->*/ border-top-color:#fff; }

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color:#fff; }

/* Color of arrow when in section - should match the color of the text (can be found in "Active" colors section) */
body#home nav .hometab.sf-with-ul::after, body#about nav .abouttab.sf-with-ul::after, body#state nav .statetab.sf-with-ul::after, body#municipal nav .municipaltab.sf-with-ul::after, body#subscribers nav .subscriberstab.sf-with-ul::after  { border-top-color:#fff!important; }

ul.sf-menu .sf-sub-indicator::after { content:''!important; position:absolute!important; top:50%!important; right:7px!important; margin-top:-3px!important; height:0!important; width:0!important; /*border:5px solid transparent; border-top-color: rgba(255,255,255,.5);*/      border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100%;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
/*border-top-color: #000;*/ }

ul.sf-menu .sf-sub-indicator { right:25px; }
ul.sf-menu.menu ul { margin-top:30px!important; }
ul.sf-menu .sf-sub-indicator::after a:hover {
    border-top-color:#fff!important; }

/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
nav .hometab, nav .abouttab, nav .statetab, nav .municipaltab, nav .subscriberstab  {  display:inline-block; vertical-align:middle; line-height:40px; }

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
body#home nav .hometab, body#about nav .abouttab, body#state nav .statetab, body#municipal nav .municipaltab, body#subscribers nav .subscriberstab  { color:#fff; background-color:#FFF; }

/* Headline for Left Navigation */
#sectionnav h3 { color:#333; background-color:#3c3c3c; }
.sectionbanner { background-color:#f4f5f7; background: -webkit-linear-gradient(left, #f4f5f7, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f4f5f7, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #f4f5f7, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f4f5f7, white); /* Standard syntax (must be last) */ }


/*Right Column Box Styles */
.sidebarbox { background-color:#eee; }
.sidebarbox h3, h3.sidebarheadline { color:#fff; background-color:#02263D; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #02263D; margin-left:7px; margin-right:7px; }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#546776; color:#fff; font-size: .90em!important; }
.tbstriped tr td { background:#fff; font-size: .95em!important; }
.tbstriped thead td { color:#fff; background-color:#C8C028; }
.tbstriped tbody tr.zebra td { background:#eee; }

/* Forms */
.form_item_nf { margin: 0; padding: 5px 5px 5px 10px; }
.form_title { font-size: 0.75em; margin: 0; padding: 0 0 0 2px; }
.fine_print { color: #666666; font-size: 0.75em; }
.form_input { font-size: 0.75em; margin: 0; padding: 0; }

/* sitemap */
ul.sitemap li { margin-bottom:10px; }
ul.sitemap ul li { margin-bottom:0; list-style:none;}

/* @end */

.header_nav_search { width:33%!important; }
#search-block-form { clear: both; font-size: 1em; font-weight: bold; position: relative; width: 251px; height:31px; background: #fff; color: #000; float: right; }
input.edit-submit { font-size:.8em; }
.topsearch { border:none; height:31px; margin-left:5px; width:68%; }






@media screen and (-webkit-min-device-pixel-ratio:0) {

   .form_header_1 { background-color:#6693AA; color: #fff!important; margin: 0 -11px 8px -14px; padding: 8px 14px; width: 100%;}
}

/* Right Column Sidebar Box */
.sidebarbox { margin:15px 0 10px; padding-bottom:10px; }
.sidebarbox h3 { text-transform:uppercase; margin:0; padding:5px 0; text-align:center; width:100%; }
.sidebarbox ul { list-style:none; margin: 10px 20px; padding:0; }
.sidebarbox ul li { margin-bottom:8px; }
.sidebarbox p { padding:3px 8px; }
.sidebarbox p.more { font-style:italic; }


/* button 
---------------------------------------------- */
.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 10px auto; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em ;border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.button-black { background: #444; border: 1px solid #333; color: #fff; }
.button-black:hover { background: #6693AA; color: #fff; }
.button-black:active { background:  #555; color: #fff; }
a.button-black { color:#FFF !important; }







#criticalinfo {display: none; }




footer .footer_column .contextual-links li a { color:#000!important; } 
.footer_column p, .footer_column ul { padding-left:0!important; }
.footer_column, footer .footer_column:first-child { margin-left:10px!important;}


@media screen and (min-width:652px) and (max-width:1242px) {
.home-info {width: 75%;}
.home-info .info { width: 72%; }

}
li.active-trail a{
     background-color: #546776!important;
  color: #ffffff!important;
}

li.active-trail ul li { background-color:#fff!important; }
li.active-trail ul li a {background-color:#fff!important; color:#000; }
li.active-trail ul li a:hover {background-color: #546776!important; color: #fff!important; }

ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {  content:none; }

/* Nav fix */ 
/* Nav fix */ 
.sf-description { display:block; margin-top:10px!important; }
li.sf-depth-2 { line-height:15px!important; }
.sf-menu li ul li { text-align:left!important; }
nav.megamenu ul.sf-menu li ul li ul { display:block!important; }
#sectionnav ul li ul { border-top:#ddd!important; }

a.sf-depth-2.menuparent.sf-with-ul { background-color:#fff; color:#475362!important; }
a.sf-depth-2.menuparent.sf-with-ul:hover { background-color:#546776; color:#fff!important; }
#main-menu-menu-link-content1c8083f1-5918-417b-9207-91122f3d54d6, #main-menu-menu-link-content0e329dfa-3c32-49f8-80d4-95376a6f0aff, #main-menu-menu-link-contenta7586316-2f96-405f-b1c0-641bb28b8d77, #main-menu-menu-link-content7dafa8d2-9e77-4f3c-9bf5-f39bb030c172 { display:inline-block; vertical-align:middle; line-height:42px; }

.sf-menu li.active-trail a, .sf-menu li.active-trail ul li a:hover { color:#fff!important; }
.sf-menu li.active-trail ul li a { color:#475362!important; }




#hero-box {
    width: calc(100% + 2em);
    background: url(../images/osc_flag3.jpg) no-repeat center center;
    margin-left: -1em;
    padding: 80px 0px 90px;
    margin-top: -10px;
}
#intro {
    color: #fff;
    padding: 5px 30px 10px;
}
#intro h1 {
	line-height: 125%!important;
    font-size: 3em;
	font-weight: 300;
	font-family: 'Merriweather', serif;
}
#intro p {
	font-size: 1.1em;
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #fff;
    display: block;
    padding-bottom: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: -2.2em;
}
.roundbutton, .roundbutton:visited {
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.01);
    text-decoration: none;
    font-weight: 400;
    line-height: 1;
    padding: 0.5em 0.7em !important;
	
}
.whiteoutline.roundbutton {
    color: #fff;
    border: 1px solid #fff!important;
    text-shadow: none !important;
    font-weight: 500 !important;
}

#hero-box-twoo {
    width: calc(100% + 2em);
    background: #E0E0E0;
	min-height: 400px;
    margin-left: -1em;
    padding: 70px 0px 0px;
	margin-bottom: -10px;
    float: left;
}
#hero-box-three {
    width: calc(100% + 2em);
    background: #fff;
    margin-left: -1em;
    padding: 50px 0px;
	margin-bottom: -20px;
}
#hero-box-four {
    width: calc(100% + 2em);
    background: #DCDCDC;
    margin-left: -1em;
    padding: 50px 0px 75px;
	min-height: 500px;
	margin-bottom: -20px;
}

#home-news { width:calc(100% + 2em); background-color:#b9c7d2; margin-left:-1em; }
.newscol1, .newscol3 { width:20%; float:left; }
.newscol1 { margin-right:3%; }
.newscol2 { width:48%; float:left; margin-right:3%; }
.newscol2 ul.plain li { margin-bottom:5px; }
.newscol1 h3 { text-align:right; text-transform:uppercase; font-size:1.8em; line-height:1em; margin:15px 0; width:60%; float:right; }
.newscol2 ul { list-style:none; margin:12px 0; padding-left:0; }

#home-row1 {
    margin-top: 30px;
}
#home-row2 { clear:both; margin-top:40px;}
#home-row3 { clear:both; margin-top:40px;}
.box1, .box2, .box3 { float:left; width:30%; background:#fff; border: 1px solid #eeeeee; }
.box1, .box2 { margin-right:4.5%;}
.box1 h3, .box2 h3, .box3 h3 { margin:0; }
.box1 p, .box2 p, .box3 p { margin:10px; }
.homebox{
	    min-height: 60px;
}
.homebox h3 a {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:20px; padding-bottom:20px; text-decoration: none; background:#fff; transition: 0.4s; font-size:0.875em;
}
.homebox h3 a:hover {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:20px; padding-bottom:20px; text-decoration: none; background: #FFDEC5; transition: 0.4s;font-size:0.875em;
}
.homeboxone h3 a {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:43px; padding-bottom:44px; text-decoration: none; background:#fff; transition: 0.4s;font-size:0.875em;
}
.homeboxone h3 a:hover {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:43px; padding-bottom:44px; text-decoration: none; background: #FFDEC5; transition: 0.4s;font-size:0.875em;
}

a.roundbutton { color:#fff!important; }
a.whiteoutline:hover { background-color:rgba(0, 0, 0, .3);  }

.statewide_message p, th, td, .crumb_trail, .header_nav_search ul#vtopnav {
    font-size: .90em!important;
}

.callout {
	text-align: center;
	padding: 35px 0px 0px 0px;
}
.btnctn{
	width:90%;
	-webkit-align-content: center;
    align-content: center;
	text-align: center;
	margin: auto;
	padding-bottom: 30px;
}

a.buttonn, a.buttonn:visited {
	font-size: 0.875em;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff!important;
    padding: 7px 17px!important;
    text-decoration: none!important;
    font-weight: 400;
    line-height: 1; 
	margin-top: 10px;
	transition: 0.4s ease;
	font-family: 'Source Sans Pro', sans-serif;
}
a.buttonn:hover {
	font-size: 0.875em;
	font-weight: 400;
	border: 2px solid #fff;
	background-color: #fff;
	color: #012258!important;
	transition: 0.4s ease;
	font-family: 'Source Sans Pro', sans-serif;
}
a.roundbuttonn { color:#fff!important; }
.pspace{
	margin-top: 30px;
}
.hlinks{
font-size: 2.5em;	
}
.sf-menu li ul li { text-align:left!important; }

.homebox i {
	color:#fff!important;
}
.fas {
	color:#fff;
}
.fa-book {
	color:#083C6F!important;
	font-size: 2.5em!important;
}
.fa-dollar-sign {
	color:#083C6F!important;
	font-size: 2.5em!important;
}
.fa-plane {
	color:#083C6F!important;
	font-size: 2.5em!important;
}
.fa-file-alt {
	color:#083C6F!important;
	font-size: 2.5em!important;
}
.fa1 i {
	color:#fff!important; font-size: 1em!important;padding-bottom: 0px!important;
}

.fa1 a {
	text-decoration: none;
}

#main-menu-link-content1027b29a-faff-464e-9c85-e57f4c0c236b {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-content3bfbc3b8-ac73-4b26-a879-05d734b95bf8 {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-contente0fb29b6-021b-44eb-99c4-7fcaf247cbc0 {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-contentfa8f86cf-c5a5-425f-86c7-e4d88f8491cd {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-contentfa8f86cf-c5a5-425f-86c7-e4d88f8491cd {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-standardfront-page {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-content6bba80cb-203c-46b7-a7fe-83f16662cc1a {display:inline-block; vertical-align:middle;line-height: 42px;}


/* Homepage */

.herobox { width:calc(100% + 2em); height:250px; padding-top:50px; margin:-10px 0 0 -1em; background:#fff url(/osc/themes/osc/images/herobg.jpg) center 80% no-repeat; background-size:cover; }
.herobox p { width:70%; background-color:rgba(0,0,0,.8); padding:20px 30px 30px; display:block; margin:0 auto; text-align:center; border-radius:7px; font-size:1.2em; color:#fff; }
.herobox p a { font-size:.8em; }

.page-node-type-home-page #content h2 { padding-bottom:3px; border-bottom:1px solid #001A42; color:#001A42; font-size:1.8em; }

ul.checklist { list-style:none; padding:0; }
ul.checklist li { margin-bottom:10px; background:#fff url(../images/check.jpg) left center no-repeat; padding-left:25px; font-size:1em; }

#forms, #saam { background:#fff url(../images/forms.jpg) center center no-repeat; min-height:200px; padding-top:110px; width:100%; }
#saam { background:#fff url(../images/saam.jpg) center center no-repeat; font-size:.7em; }
#forms h2, #saam h2 { text-align:center; font-size:1.9em; padding:4px 0 10px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background-color:rgba(255,255,255,.6); }
#forms h2 a:link, #forms h2 a:visited, #saam h2 a:link, #saam h2 a:visited { color:#5F7C06; text-decoration:none; }
#forms h2 a:hover, #saam h2 a:hover { color:#4a6202; }

.intro-p {
width: 90%;
    text-align: center;
    margin: 70px auto 70px;
    font-family: 'Open Sans',sans-serif;
    font-size: 2.2em;
}
.whitebox-home {
	width:100%;
	height: 300px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.17);
	text-align: center;
	line-height: 200px;
	margin-bottom: 20px;
}
#carfbox, #wagesbox {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    padding: 1px 6%;
    width: 90%;
    height: 252px;
    margin: 0px 0 40px;
    position: relative;
}

#carfbox h3, #wagesbox h3 {
	font-size: 1.5em!important;
	color: #777;
    display: block!important;
    width: 97%;
    padding-bottom: 15px;
}

#carfbox p:last-child, #wagesbox p:last-child {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 32px;
}
.hpad {
	margin:0px 0.5em;
}

.twocol1big {
	margin:0 1em!important;
}
.pic1 {
	height:50px;
	width:50px;
	background: #fff url(../images/pic1.png) center center no-repeat;
	color:#fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	line-height: 300px;
	margin-bottom: 20px;
}
.pic2 {
	height:50px;
	width:50px;
	background: #fff url(../images/pic2.png) center center no-repeat;
	color:#fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	line-height: 300px;
	margin-bottom: 20px;
}
.pic3 {
	height:50px;
	width:50px;
	background:#fff url(../images/pic3.png)center center no-repeat;
	color:#fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	line-height: 300px;
	margin-bottom: 20px;
}
.pic4 {
	height:50px;
	width:50px;
	background: #fff url(../images/pic4.png) center center no-repeat;
	color:#fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	line-height: 300px;
	margin-bottom: 20px;
}
.pic5 {
	height:300px;
	width:300px;
	background: #fff url(../images/pic5.png) center center no-repeat;
	color:#fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	line-height: 300px;
	margin-bottom: 20px;
}
a.pic {
	padding: 20px;
	text-decoration: none;
	border: 1px solid #fff;
	color: #fff!important;
}
a.pic:hover {
	background:#fff;
	color:#333;
}
.doug {
	height:315px;
	width:100%;
	margin: 0 auto;
	background: #E0E0E0 url(../images/dougProfilepic.jpg) center center no-repeat;
}

.quote {
	color: #616161;
	font-size: 1.5em;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
}

.nolist {
	list-style: none; padding:0px;
}
ul.nolist li {
    margin-top: 25px;

}
ul.nolist li a {
	font-size: 1.3em!important;
    text-transform: uppercase;
	color: #083C6F!important;
    text-decoration: none!important;
}

/* Responsive Video */

.video-container {
position: relative;
padding-bottom:100%;
padding-top: 30px; height: 0; overflow: hidden;
float:left; 
width:100%;
margin:0 .5%; 
margin-bottom: -70px;
}

.video-container video,
.video-container object,
.video-container embed {
position: absolute;
top: 70px;
left: 0;
width: 100%;
/*height: 100%;*/
}

.video-container h3 span { font-weight:normal; }

h2.headline-small {
    display: table-cell;
    white-space: pre;
    padding-right: .6em;
    color: #001A42;
    font-weight: 300;
    font-family: 'Merriweather', 'Cambria', serif;
    letter-spacing: -1px;
    font-size: 2.4em;
}
h2.headline-small2 {
	font-size: 1.6em!important;
	text-align: left!important;
	color:#001A42!important;
	font-family: 'Merriweather', serif;text-align: center;
}


/* /////// first image //////// */
.snip1571 {
  background-color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  max-width: 305px;
  width: 100%;
  float:right;
}
.snip1571 *,
.snip1571 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1571 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}
.snip1571 figcaption {
  bottom: 125px;
  left: 22px;
  position: absolute;
  z-index: 0;
}
.snip1571 figcaption:before {
  background-color: #3568e2;
  bottom: -5px;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: -5px;
  z-index: -1;
}
.snip1571 h3 {
  background-color: transparent;
  color: #fff;
	border: 2px solid #fff;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px 30px;
  text-transform: uppercase;
  z-index: 1;
}
.snip1571 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1571:hover > img,
.snip1571.hover > img {
opacity: 0.4;
}
.snip1571:hover figcaption:before,
.snip1571.hover figcaption:before {
  right: -5px;
  left: -5px;
}


/* /////// second image //////// */
.snip1572 {
  background-color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
	margin:0;
  overflow: hidden;
  position: relative;
  text-align: center;
  max-width: 305px;
  width: 100%;
	float:left;
	    margin-left: -25px;
}
.snip1572 *,
.snip1572 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1572 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}
.snip1572 figcaption {
  bottom: 125px;
  left: 82px;
  position: absolute;
  z-index: 0;
}
.snip1572 figcaption:before {
  background-color: #34bc7d;
  bottom: -5px;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: -5px;
  z-index: -1;
}
.snip1572 h3 {
  background-color: transparent;
  color: #fff;
	border: 2px solid #fff;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px 30px;
  text-transform: uppercase;
  z-index: 1;
}
.snip1572 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1572:hover > img,
.snip1572.hover > img {
opacity: 0.4;
}
.snip1572:hover figcaption:before,
.snip1572.hover figcaption:before {
  right: -5px;
  left: -5px;
}


/* /////// third image //////// */
.snip1573 {
  background-color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  max-width: 305px;
  width: 100%;
  float: right;
}
.snip1573 *,
.snip1573 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1573 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}
.snip1573 figcaption {
  bottom: 125px;
  left: 80px;
  position: absolute;
  z-index: 0;
}
.snip1573 figcaption:before {
  background-color: #ed584e;
  bottom: -5px;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: -5px;
  z-index: -1;
}
.snip1573 h3 {
  background-color: transparent;
  color: #fff;
	border: 2px solid #fff;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px 30px;
  text-transform: uppercase;
  z-index: 1;
}
.snip1573 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1573:hover > img,
.snip1573.hover > img {
opacity: 0.4;
}
.snip1573:hover figcaption:before,
.snip1573.hover figcaption:before {
  right: -5px;
  left: -5px;
}



/* /////// fourth image //////// */
.snip1574 {
  background-color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
	margin:0;
  overflow: hidden;
  position: relative;
  text-align: center;
  max-width: 305px;
  width: 100%;
  float: left;
	    margin-left: -25px;
}
.snip1574 *,
.snip1574 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1574 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}
.snip1574 figcaption {
  bottom: 125px;
  left: 90px;
  position: absolute;
  z-index: 0;
}
.snip1574 figcaption:before {
  background-color: #888;
  bottom: -5px;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: -5px;
  z-index: -1;
}
.snip1574 h3 {
  background-color: transparent;
  color: #fff;
	border: 2px solid #fff;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px 30px;
  text-transform: uppercase;
  z-index: 1;
}
.snip1574 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1574:hover > img,
.snip1574.hover > img {
  opacity: 0.4;
}
.snip1574:hover figcaption:before,
.snip1574.hover figcaption:before {
  right: -5px;
  left: -5px;
}

/* /////// fifth image //////// */
.snip1575 {
  background-color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 0px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
	float:left;
	max-height: 315px;
}
.snip1575 *,
.snip1575 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1575 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}
.snip1575 figcaption {
     bottom: 140px;
    left: 150px;
    right: 150px;
  position: absolute;
  z-index: 0;
}
.snip1575 figcaption:before {
  background-color: #d89664;
  bottom: -5px;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: -5px;
  z-index: -1;
}
.snip1575 h3 {
  background-color: transparent;
  color: #fff;
	border: 2px solid #fff;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px 30px;
  text-transform: uppercase;
  z-index: 1;
}
.snip1575 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1575:hover > img,
.snip1575.hover > img {
opacity: 0.4;
}
.snip1575:hover figcaption:before,
.snip1575.hover figcaption:before {
  right: -5px;
  left: -5px;
}

#slideshow .flexslider { width:96%!important; float:left; margin-top:0px!important; margin-left:0!important;margin-bottom: 30px!important; }
#slideshow .flex-direction-nav a { margin:0!important; }
#slideshow .flex-caption { bottom:0!important; margin:0!important; width:96%; text-align:center; font-size:1.5em; }
#slideshow .flex-prev { margin-left:10px!important; }



/* four boxes */
.homepics { width:calc(100% + 2em); margin-left:-1em; margin-top:-10px;margin-bottom: 60px; }

.snip1527 {
  color: #ffffff;
  float:left;
  font-family:'Open Sans', sans-serif;
  font-size: 1.2em;
  margin:0;
  overflow: hidden;
  position: relative;
  text-align:center;
  width: 100%;
}

.snip1527.fourpicrow { max-width:25%; }

.snip1527 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.snip1527 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}

.snip1527 figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
	width:100%;
	height:100%;
}

.snip1527 figcaption:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0,0,0,.3);
  content: '';
  z-index: -1;
  opacity:0;
}

.snip1527:hover figcaption {
  position: absolute;
  bottom: 0;
  background-color:rgba(0,0,0,.3);
  content: '';
  z-index: 1;
  opacity:0.9!important;
}

.snip1527 figcaption h3, .snip1527 figcaption h3:hover { padding-top:58%!important; }
.snip1527.boxes figcaption h3, .snip1527.boxes figcaption h3:hover { padding-top:10%!important; padding-bottom:10%!important; text-shadow:2px 2px #333; }

.snip1527 h3,
.snip1527 p {
  margin: 0;
  padding: 0;
}

.snip1527 h3 {
display:inline-block;
  opacity:0;
  font-weight:normal;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
	font-size:1.4em;
}

.snip1527.boxes h3 {
display:inline-block;
  opacity:1;
  font-weight:bold;
	text-transform:uppercase;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
	font-size:1.8em;
}

.snip1527:hover h3 {
display:inline-block;
  opacity:0.9;
  font-weight: normal;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
}

.snip1527.boxes:hover h3 {
display:inline-block;
  opacity:1;
  font-weight:bold;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
}


.snip1527 p {
  opacity:0;
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
}

.snip1527.boxes p {
  opacity:1;
}

.snip1527:hover p {
  opacity:1;
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
}

.snip1527.boxes:hover p {
  opacity:1;
}

.snip1527:hover img,
.snip1527.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.snip1527 figcaption h3, .snip1527 figcaption p {
	font-weight:normal;
  display:none;
}


.snip1527 figcaption h3:hover, .snip1527:hover p, .snip1527.boxes figcaption p {
  display:block;
	font-weight:normal;
}
.gfa i {
	font-size: 4.2em!important;
	color:#5f7c06!important;
}
a.buttonnn, a.buttonnn:visited {
	font-size: 0.875em;
    background-color: #5f7c06;
    color: #fff!important;
    padding: 7px 17px!important;
    text-decoration: none!important;
    font-weight: 400;
    line-height: 1; 
	margin-top: 10px;
	transition: 0.4s ease;
	font-family: 'Source Sans Pro', sans-serif;
}
a.buttonnn:hover {
	font-size: 0.875em;
	font-weight: 400;
	background-color: #607c05;
	color: #fff!important;
	transition: 0.4s ease;
	font-family: 'Source Sans Pro', sans-serif;
}
.h3blue {
	color: #001A42;
}
/* .c-left {
	margin:auto 0!important;
	text-align: left!important;
} */


img.resp-img {
    max-width: 100%;
}