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

/* Do not touch! */
.node-preview-container { position:relative!important; background-color:#ccc!important; width:auto!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:#953735 none 0 0!important; border: 1px solid #953735!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:#953735 none repeat scroll 0 0!important; border: 1px solid #236191!important; color: #333!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:#193056; }
/*nav#top-nav { height:74px; }*/
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#fff!important; text-decoration:none!important; letter-spacing:.5px!important; }
.sf-menu li ul li a.sf-depth-2, .sf-menu li ul li.sf-clone-parent a { color:#333!important; }
.sf-menu li ul li a.sf-depth-2:hover, .sf-menu li ul li.sf-clone-parent a:hover { color:#fff!important; }
.sf-menu li:hover, /*.sf-menu li.sfHover,*/ .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a, .sf-menu li.sfHover ul li.sf-depth-2 a:hover { background:#953735; color:#fff!important; }
.sf-menu a:hover, .sf-menu li.sfHover .sf-with-ul, ul.sf-menu li:hover > a, .sf-menu li.sfHover { color:#fff!important; background-color:#953735; }



.sf-menu li.active-trail a { color:#fff!important; }
.sf-menu li { text-align:center; }
/*.sf-menu a, .sf-menu a:link { color:#475362!important; text-decoration:none!important; }
*/.sf-menu li ul li a { color:#953735!important; text-decoration:none!important; }
.sf-menu ul { border-top:5px solid #953735; }
.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:34px!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:#333; background-color:#236191; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #236191; margin-left:7px; margin-right:7px; }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#953735; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#953735; }
.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-bottom:20px; padding-bottom:10px; color:#333; }
.sidebarbox h3 { text-transform:uppercase; margin:0px!important; padding:10px 0px; text-align:center!important; width:100%; color:#fff!important; background-color:#953735;}
.sidebarbox ul { list-style:none; margin: 10px 0!important; padding:0; }
.sidebarbox ul li { margin-bottom:8px; }
.sidebarbox p { margin-left: 10px!important; margin-right: 10px!important; padding:0!important; }
.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: #953735!important;
  color: #ffffff!important;
}

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

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

/* 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:#953735!important; }
a.sf-depth-2.menuparent.sf-with-ul:hover { background-color:#953735; color:#fff!important; }

.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:#333!important; }

/*#main-standardfront-page, #main-menu-link-content207d9f05-4699-48b0-85c9-4d29d71ed3cb, #main-menu-link-content1b5c3365-0221-4768-83a6-89f2f782f7cb, #main-menu-link-contentd17ee975-67a1-4240-9aac-05e162548cb8, #main-menu-link-contentb1091694-a115-4763-842c-e5781913a5b2 { display:inline-block; vertical-align:middle; line-height:42px; }


img.align-right { margin-left:15px; }


.clear { clear:both; }

.sidebarbox h3 + img { margin-top:20px; }

.agencytable caption { font-size:.9em; font-style:italic; font-weight:bold; }

aside img { max-width:100%; }
figure figcaption { font-size:.8em; font-style:italic; }





/* Styles for WYSIWYG editor */


cite.quote { text-align:right; font-style:italic; float:right; font-family:Georgia, serif; }
.borderbox { border:2px solid #8E4221; padding:15px; width:80%; margin:20px auto; }
.righthighlight { float:right; width:25%; margin:10px 0 10px 20px; background-color:#fff7d9; padding:15px; border-left:7px solid #f8e088; }
.righthighlight strong { color:#000; }


.rust.button, .rust.button:visited, .rust.roundbutton, .rust.roundbutton:visited { background-color:#8E4221; color:#fff!important; }
.rust.button:hover, .rust.roundbutton:hover { background-color:#7f3b1e; }



img.align-right, figure.align-right { margin-left:15px; }
img.align-left, figure.align-left { margin-right:15px; } 

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

img.bottom40 { margin-bottom:40px; }


figure { margin:0; }
figure figcaption { font-size:.8em; font-style:italic; }
figure.snip


aside figure { margin:10px 0; }
aside figure img { max-width:100%; }
aside figure figcaption { font-size:.8em; font-style:italic; }

.tbstriped tr th { background-color:#953735; }
.sidebarbox h3, h3.sidebarheadline { color:#fff; background-color:#953735; }


.sf-menu li ul li a.sf-depth-2:hover, .sf-menu li ul li.sf-clone-parent a:hover { color:#000!important; }




.highlight { border:1px solid #8e4221; padding:5px 15px; margin:45px 0 20px; float:left; }
.highlight h2 { color:#8e4221; text-transform:uppercase; background-color:#fff; margin:-17px auto 0 auto; display:table; text-align:center; padding:0 10px; font-size:1.2em; }

ul.list-space li, ol.list-space li { margin-bottom:10px; }


blockquote { color:#757575; max-width:75%; position:relative; margin:0 auto 80px; padding:.5em; 
}


blockquote:before,
blockquote:after {
	font-family:Rochester, serif;
	position: absolute;
	color: #e0e4dd;
	font-size:18em;;
	width: 4rem;
	height: 4rem;
}

blockquote:before {
	content: '“';
	left: -4rem;
	top:-6rem;
}

blockquote:after {
	content: '”';
	right: -4rem;
	bottom:6rem;
}

.onthispage { padding-left:15px; border-left:2px solid #8E4221; }
.onthispage p { padding-top:5px; }
.onthispage ul { padding-bottom:7px; }

.top { border-bottom: 1px solid #ccc; padding-bottom: .8em; text-align: right; font-style: italic; clear: both; }


/* Accordion */
.ui-state-default { border:none; background:none; font-weight:bold; color:#2a53a6; text-decoration:underline; cursor:pointer; }
.ui-state-default:hover { text-decoration:none; }
.ui-state-active { color:#000; }
.ui-accordion-header-icon { display:none; }
.ui-widget-content { background:none; color:#000; border:none; }
.accordion ul { list-style:none; margin-left:0; padding-left:0; }

.clear { clear:both; }


/* Hoverboxes */

.snip1527 {
  color: #ffffff;
  float:left;
  overflow: hidden;
  position: relative;
  text-align:center;
  width: 100%;
}

.snip1527.threepicrow { max-width:30%; margin-right:3%; margin-bottom:25px; }
.snip1527.fourpicrow { max-width:25%; }

.snip1527.threepicrow + p { clear:both; margin-top:30px; float:left; }

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

.snip1527 { margin:0; }

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

.snip1527 figcaption {
  position: absolute;
  bottom: 0;
  z-index: 1;
	width:100%;
	height:100%;
	font-size:.9em!important;
	font-style:normal!important;
}

.snip1527 figcaption:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0,0,0,.5);
  content: '';
  z-index:-1;
  opacity:1;
	 -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
	border-radius:10px;
}

.snip1527:hover figcaption {
  position: absolute;
  bottom: 0;
  background-color:none!important;
  content: '';
  z-index:1;
}

.snip1527:hover figcaption::before { opacity:0;  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.snip1527 figcaption h3, .snip1527 figcaption h3:hover { /*padding-top:58%!important;*/ }


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

.snip1527 h3 {
display:block;
  opacity:1;
  font-weight:normal;
  margin-bottom: 5px;
	font-size:1.6em;
	/*font-family:Georgia, serif;*/
	text-shadow:2px 2px 1px #000;
	width:100%;
	height:100%;

}
.snip1527 h3 a { color:#fff!important; text-decoration:none; display:block; width:100%; height:100%; }
.snip1527 h3 { cursor:pointer; padding-top:17%; }


.snip1527.archaeologicalsurvey h3, .snip1527.architecturalsurvey h3 {
display:inline-block;
  opacity:1;
  margin-bottom: 5px;
	font-size:1.6em;
}



.snip1527:hover h3 {
display:inline-block;
  opacity:1;
  font-weight: normal;
  margin-bottom: 5px;

}

.snip1527:hover h3 a { 	color:#fff!important;
	text-shadow:2px 2px 1px #000; }

.snip1527.architecturalsurvey:hover h3 a, .snip1527.boardschedule:hover h3 a { 	color:#000!important;
	text-shadow:2px 2px 2px #fff; }


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

.snip1527.culture p, .snip1527.vendors p {
  opacity:1;
}

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


.snip1527:hover img,
.snip1527.hover img {
 /* -webkit-transform: scale(1.1);
  transform: scale(1.1);*/
}

/*.snip1527.news h3 a { margin-top:6%; }
.snip1527.threepicrow.oneline h3 a, .snip1527.oneline h3 a,*/ .snip1527.oneline h3 { margin-top:4%; }
.snip1527.threepicrow.threelines h3 a { margin-top:-5%; }

aside figure.snip1527:first-child { margin-top:70px; }

.twocol2 .snip1527 { width:auto; text-align:left; }
.twocol2 .snip1527 img { max-width:80%; }
.twocol2 .snip1527 figcaption { width:80%; }
.twocol2 .snip1527.oneline h3 a { text-align:center; }


.dropdown {
  position: relative;
  display: inline-block;
	width:30%;
	max-width:340px;
	margin-right:20px; 
}

.dropdown a span { display:block; width:93%; min-height:40px; background-color:#ccc; text-align:center; padding:30px 10px; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
	width:100%; 
  max-width:300px;
  padding:0;
}

.homedropdown:hover .dropdown-content {
  display: block;
	width:100%; 
  padding:0;
}

.dropdown:hover .dropdown-content ul { margin:0; width:99%; 
  max-width:340px; background-color:#f9f9f9; list-style:none; padding-top:15px; padding-bottom:15px; }

.homedropdown:hover .dropdown-content ul { margin-top:-5px; padding-top:15px; text-align:left; font-size:1.2em; list-style:none; }
.homedropdown:hover .dropdown-content ul li { margin-bottom:10px; }

.dropdown:hover .dropdown-content ul li { margin-bottom:20px; text-align:left; }

.homedropdown { position:relative; }

.homeboxes .snip1527 { overflow:visible; }

.homecenterblocks { text-align:center; }
.homecenterblocks .snip1527 { float:none!important; display:inline-block; z-index:0; }


#home-highlights { width:85%; background-color:#f8e088; margin:50px auto 30px; border:1px solid #333; }
#home-highlights .headline { padding:10px 10px 10px 25px; }
#home-highlights .headline h3 { /*font-family:Georgia, serif;*/ font-style:italic; color:#000; font-weight:normal; margin:0; font-size:1.7em; }
#home-highlights .highlight-content { width:100%; background-color:#fff7d9; float:left; }
#home-highlights .highlight-image { width:28%; float:left; margin-right:5%; margin-left:2%; padding:10px 0; }
#home-highlights .highlight-image img { display:block; margin:10px auto; max-width:100%; max-height:300px; }
#home-highlights .highlight-text { width:60%; float:left; display:table; }
#home-highlights .highlight-text .highlight-align { display:table-cell; vertical-align:middle; }


aside { margin-top:82px!important; }
footer img { border:none; }

ul.highlightlist { padding:10px 0 10px 15px; border-left:2px solid #8E4221; list-style:none; }
ul.highlightlist li { margin-bottom:10px; }

.yellowhighlightbox { float:left; display:inline; padding:15px 70px 15px 20px; background-color:#fff7d9; border:1px solid #f8e088; border-left:7px solid #f8e088; margin-bottom:20px; font-weight:bolder; }
.yellowhighlightbox + *, .twocol2 + *, .highlight + * { clear:both; }

.indent35 { margin:auto 35px auto; }
.indent70 { margin:auto 70px auto; }
ul { padding-left:35px; }

ul.check {
  list-style: none;
    padding-left: 10px;
   
}
ul.check li {
    margin-bottom:10px;

}

ul.check li::before {
    font-family: FontAwesome;
  content: "\f00c";
    color:#953735;
  margin-right: 5px;
}

h2 {
    color:#236191;
}
hr {
border: 1px solid #333;
}

.pdf-viewer {
    clear: both;
    width: 70%;
    padding: 1px 10px 1px 56px;
    background: #eee url(/csc/themes/csc/images/pdf-icon.png) 10px 20px no-repeat;
}

#hero-box {
    width: calc(100% + 2em);
    background: url(../images/hero.jpg) no-repeat center center;
    margin-left: -1em;
    padding: 20px 0 20px;
    margin-top: -10px;
    height: 500px
}

.one3rd {
    width:30%;
    margin:0 1.5%;
    float: left;
}
.two3rd {
    width:30%;
    margin:0 1.5%;
    float: left;
}
.three3rd {
    width:30%;
    margin:0 1.5%;
    float: left;
}
.home-icons {
    font-size:4em;
}
.btnctn{
	width:96%;
	-webkit-align-content: center;
    align-content: center;
	text-align: center;
	margin: auto;
    padding: 50px 0px;
}
.fa-school, .fa-file-alt, .fa-users, .fa-book {
    color: #953735;
    font-size: 4em;
}
.red-button {
    background-color: #953735;
    color: #fff!important;
    padding: 10px 20px!important;
    display: inline;
    vertical-align: baseline;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial,Helvetica,sans-serif;
    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);
}

.red-button:hover {
background-color:#632027;
}


/* Slideshow */
#slideshow { width:calc(100% + 2em); margin-left:-1em; height:390px; }
#slideshow .flexslider { width:100%!important; float:left; margin-top:-10px!important; margin-left:0!important; }
ul.slides li { height:390px; overflow:hidden; }
#slideshow .flex-direction-nav a { margin:0!important; }
#slideshow .flex-caption { bottom:0!important; margin:0!important; width:96%; text-align:left; font-size:1.4em; }
#slideshow .flex-caption span.slideshow-button { display:inline-block; float:right; }
#slideshow .flex-caption span.slideshow-button a { background-color:#953735; padding:5px 10px; border-radius:5px; }
#slideshow .flex-caption span.slideshow-button a:hover { background-color:#632027; }
#slideshow .flex-prev { margin-left:10px!important; }

.project-intro { float:left; width:37%; }
.slide-right { float:right; width:60%; margin-bottom:20px; }
.slide-right .flexslider { width:100%!important; float:left; margin-top:-10px!important; margin-left:0!important; }
.slide-right .flex-direction-nav a { margin:0!important; }
.slide-right .flex-caption { bottom:0!important; margin:0!important; width:96%; text-align:left; font-size:1.4em; }
.slide-right .flex-caption span.slideshow-button { display:inline-block; float:right; }
.slide-right .flex-caption span.slideshow-button a { background-color:#953735; padding:5px 10px; border-radius:5px; }
.slide-right .flex-caption span.slideshow-button a:hover { background-color:#632027; }
.slide-right .flex-prev { margin-left:10px!important; }




#name, #company,, #school, #mail {
    float: left;
    text-align: right;
    margin-right: 10px;
    width: 131px;
    padding-top: 9px;
}

input[type=text], input[type=mail], select, textarea {
  width: 58%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
  height:30px;
  resize: vertical;
}

input[type=submit] {
  background-color: #A5343F!important;
  color: white;
  padding: 0px 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height:40px;
}

input[type=submit]:hover {
  background-color: #632027;
}

.container {
  border-radius: 5px;
  background-color: #eee;
  padding: 20px;
    margin: 0 auto!important;
}

/*
.fas {
	color:#fff!important;
}
.fa1 i {
	color:#fff!important; font-size: 1em!important;padding-bottom: 0px!important;
}
*/
.fa1 a {
	text-decoration: none;
}

/* /////// fifth image //////// */
.snip1575 {
  background-color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 0px;
  position: relative;
  text-align: center;
  width: 100%;
	float:left;
	max-height: 315px;
        margin-top: 10px;
    margin-bottom: 20px;
}
.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 {
    left: 0px;
    right: 30px;
    position: absolute;
    bottom: 15px;
    z-index: 0;
}
.snip1575 figcaption:before {
  background-color: #fff;
    color:#953735;
  bottom: -5px;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: -5px;
  z-index: -1;
}
.snip1575 h3 {
  background-color: #953735;
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 10px 2px;
  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.2;
}
.snip1575:hover figcaption:before,
.snip1575.hover figcaption:before {
  right: -5px;
  left: -5px;
}

.threecoll1, .threecoll2 {
    float: left;
    width: 30%;
    margin-right: 2.5%;
    background-color: transparent;
}
.threecoll3 {
        float: left;
    width: 30%;
    background-color: transparent;
}
.threecoll1.marginl1 {
    margin-left: 1%;
}
.btnctn-home {
	    width: 100%;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    margin: auto;
}

.signup {
    width: calc(100% + 2em);
    background: #294D7D;
    margin-left:-1em;
    float: left;
    margin-bottom: 20px;
}
.signup p {
    color:#fff;
    text-align: center;
    padding: 20px;
}
.whitebtn {
    background-color: transparent;
    border: 2px solid #fff;
    color:#fff!important;
    transition: .3s ease;
    font-size: 1em;
    padding:10px 20px;
    text-decoration: none;
    margin-bottom: 15px;
    margin-top: -10px;
}
.whitebtn:hover {
    background-color: #fff;
    color: #294D7D!important;
     transition: .3s ease;
}

#hero-box {
    width: calc(100% + 2em);
    background: url(../images/hero1.jpg) no-repeat center center;
    margin-left: -1em;
    padding: 5px 0px;
    margin-top: -10px;
}
#intro {
    width: 47%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 5px 20px 30px;
    margin-top: 240px;
}
#intro h1 {
	line-height: 125%!important;
    font-size: 1.2em;
	font-weight: 300;
    margin-bottom: 30px;
}
#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;
}

a.buttonn, a.buttonn:visited {
	font-size: 0.875em;
    border: 2px solid #fff;
    background-color: #5f7c06;
    color: #fff!important;
    padding: 10px 30px!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: #4B6205;
	color: #fff;
	transition: 0.4s ease;
	font-family: 'Source Sans Pro', sans-serif;
}


.flex-row 				{display:flex;flex-direction:column;margin:2em 0 1em 0;}
.flex-row img 			{max-width:100%;display:block;}
.flex-cell 				{flex: 1 1 300px; padding: 0 .75em;margin-bottom:1em;}
.flex-cell li 			{margin:.5em;/*list-style-type: none; padding-left:0;margin-left:0; */}
.flex-border 			{padding: 16px;border: 1px solid #e7e9ec;border-radius: 5px;}
.flex-cell h3 			{margin-top:0;}	
	.tanbox .flex-row,.button-row .flex-row {border-top: none;}
	.tanbox .flex-cell 	{border-left:none; background-color:rgba(227, 217, 184,.7) !important;border-radius:5px;margin-bottom:1em;padding: 1em;}
	.button-row .flex-cell {border-left:none;margin-bottom:1em;padding: 1em 0 0 0;}
	@media (max-width: 650px) {
	.flex-row 			{display:flex;flex-direction:column;margin:0;}
		.threecoll1, .threecoll2 {
    float: none;
			
    width: 100%;
    background-color: transparent;
}
.threecoll3 {
        float: none;
    width: 100%;
    background-color: transparent;
}
.threecoll1.marginl1 {
    margin-left: 0%;
}
	}
	@media (min-width: 651px) {
	.flex-row 			{flex-direction:row;margin:1em 0 3em 0;padding:1em 0 0 0;}
	.bg-tan .flex-row {margin:1em 0 0 0 !important;}
	.flex-cell:first-child 	{ flex: 1;margin-left:0;padding-left:1rem;border-left: none;}
	.flex-cell:last-child 	{ flex: 1;margin-right:0;}
	.flex-cell 			{ flex: 1; padding: 0 .75em;margin-bottom:0;}
	.flex-cell:first-child {border-left: none;}
	.flex-cell h2,.flex-cell p,.flex-cell h3,.flex-cell ul {margin:1em 0 .5em 0;}
	.flex-cell > h2:first-child {margin-top:0 !important;;}
	.flex-cell p,.flex-cell ul {margin:0 0 1em 0;}
	.flex-cell > h2:first-child,.flex-cell > h3:first-child		{margin-top:0 !important;}
	.tanbox .flex-row {border-top: none;}
	.tanbox.tight .flex-row {margin-bottom:0;}
	.tanbox .flex-cell {border-left:none; background-color:rgba(227, 217, 184,.7) !important;border-radius:5px;margin-right:1.25em;margin-bottom:0;}
	.tanbox .flex-cell:last-child {margin-right:0;}
	.tanbox .flex-row,.button-row .flex-row {border-top: none;}
	.button-row .flex-cell {border:none; margin-right:0;margin-bottom:0;}
	.button-row .flex-cell:last-child {margin-right:0;}
	.buttons {text-align:center;}
	}
	@media only screen and (max-width: 670px) {
	.flex-cell  {flex:1 !important}
}
.reports-box {
	    min-height: 300px;
	border: 1px solid #eee;
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .2);
	margin-bottom: 30px;
}
.reports-box:hover {
	box-shadow: 0px 0px 8px 1px rgba(164, 31, 67, 0.99)!important;
}
.reports-box a {
    display: block;
    color: #000!important;
    text-align: center;
    height: 100%;
    width: 100%;
	line-height: 100%;
    margin: 0;
    text-decoration: none;
    background: #fff;
    transition: 0.4s;
    font-size: 1.6em;
}