/*@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:400,700');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
button, input[type="submit"] {
  border: 1px solid #2459a6;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #89a8d5;
  box-shadow: inset 0 1px 0 0 #89a8d5;
  color: white;
  display: inline-block;
  /*font-size: 11px;*/
  font-weight: bold;
  background-color: #477dca;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #477dca), color-stop(100%, #2760b2));
  background-image: -webkit-linear-gradient(#477dca, #2760b2);
  background-image: -webkit-gradient(linear, top left, bottom left, from(#477dca), to(#2760b2));
  background-image: linear-gradient(#477dca, #2760b2);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #1b4f9a;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1em; }
button:hover:not(:disabled), input[type="submit"]:hover:not(:disabled) {
  -webkit-box-shadow: inset 0 1px 0 0 #628cc8;
  box-shadow: inset 0 1px 0 0 #628cc8;
  cursor: pointer;
  background-color: #3c71bb;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c71bb), color-stop(100%, #255aa5));
  background-image: -webkit-linear-gradient(#3c71bb, #255aa5);
  background-image: -webkit-gradient(linear, top left, bottom left, from(#3c71bb), to(#255aa5));
  background-image: linear-gradient(#3c71bb, #255aa5); }
button:active:not(:disabled), input[type="submit"]:active:not(:disabled) {
  border: 1px solid #2459a6;
  -webkit-box-shadow: inset 0 0 8px 4px #235397, inset 0 0 8px 4px #235397, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #235397, inset 0 0 8px 4px #235397, 0 1px 1px 0 #eeeeee; }
button:disabled, input[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed; }
hr {
  border-bottom: 1px solid #dddddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }
img {
  margin: 0;
  max-width: 100%; }
abbr, acronym {
  border-bottom: 1px dotted #dddddd;
  cursor: help; }
address {
  display: block;
  margin: 0 0 0.75em; }
blockquote {
  border-left: 2px solid #dddddd;
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em; }
fieldset {
  background: #f7f7f7;
  border: 1px solid #dddddd;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }
input, label, select {
  display: block;
  font-size: 1em; }
label {
  font-weight: bold;
  margin-bottom: 0.375em; }
textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 0.1875em;
  border: 1px solid #dddddd;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%; }
textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover {
  border-color: #c4c4c4; }
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus {
  border-color: #477dca;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);
  outline: none; }
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
input[type="checkbox"], input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }
select {
  width: auto;
  margin-bottom: 1.5em; }
button, input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
table {
  margin: 0.75em 0;
  width: 100%; }
th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: bold;
  padding: 0.75em 0.25em;
  text-align: left; }
td {
  border-bottom: 1px solid #dddddd;
  padding: 0.75em 0.25em; }
tr, td, th {vertical-align: middle; }
ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }

/* Typography Styles */
body {
  color: #000;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5em; }
h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  line-height: 1em;
  margin: 0 0 0.75em;
  /*font-family: 'Saira Extra Condensed', sans-serif;*/
  font-family: 'PT Serif', serif;
  font-weight: 700;
  text-transform: uppercase;}
h1 {font-size: 2.25em;}
h2 {
    font-size: 2.75em;
    color: #00305a;
    margin-bottom: 0.35em;
    border-bottom: 1px solid #00305a;
    padding-bottom: 0.5em;}
h3 {
   font-size: 1.6em;
   color: #2f2825;
   text-transform: none;
   line-height: 1.4em;}
h4 {
    font-size: 1.25em;
    text-transform: none;
    margin-bottom: 0.25em;
    color: #1673ad;}
h5 {font-size: 1.25em;}
h6 {font-size: 1em;}
p {margin: 0 0 1.5em;}
a {
  /*color: #fe9e2c;*/
  /*color: #886d5c;*/
  color: #1673ad;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear; }
a:hover {
  /*color: #9d1e3c;*/
  color: #00305a;}
a:active, a:focus {
  /*color: #283891;*/
  color: #00305a;
  outline: none; }

/* Grid Styles */
.group:before, .group:after {
  content: "";
  display: table;}
.group:after { clear: both; }
.group {
   margin-bottom: 1em;
   zoom: 1; /* For IE 6/7 */ }
.col {
  display: block;
  float: left;
  margin: 1% 0.25%;}
/*.col:first-child { margin-left: 0; }*/
.span1 { width: 6.86%; }
.span2 { width: 15.33%; }
.span3 { width: 23.8%; }
.span4 { width: 32.26%; }
.span5 { width: 40.73%; }
.span6 { width: 49.2%; }
.span7 { width: 57.66%; }
.span8 { width: 66.13%; }
.span9 { width: 74.6%; }
.span10 { width: 83.06%; }
.span11 { width: 91.53%; }
.span12 { width: 100%; }
@media screen and (max-width: 840px) {
  .span1 { width: 6.86%; }
  .span2 { width: 15.33%; }
  .span3 { width: 23.8%; }
  .span4 { width: 32.26%; }
  .span5 { width: 40.73%; }
  .span6 { width: 49.2%; }
  .span7 { width: 57.66%; }
  .span8 { width: 66.13%; }
  .span9 { width: 74.6%; }
  .span10 { width: 83.06%; }
  .span11 { width: 91.53%; }
  .span12 { width: 100%; }
}
@media screen and (max-width: 680px) {
  .span1 { width: 100%; }
  .span2 { width: 100%; }
  .span3 { width: 100%; }
  .span4 { width: 100%; }
  .span5 { width: 100%; }
  .span6 { width: 100%; }
  .span7 { width: 100%; }
  .span8 { width: 100%; }
  .span9 { width: 100%; }
  .span10 { width: 100%; }
  .span11 { width: 100%; }
  .span12 { width: 100%; }
  .col { margin: 1% 0 1% 0; }
}

@media screen and (max-width: 600px) {
  .main-content ul li {
    display: block;
    text-align: left;
  }
}



/* Begin Main Styles */
body {
  width: 100%;
  padding: 0;
  margin: 0;}
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;}
.container:after {
  content: "";
  display: table;
  clear: both;}

/* Header Styles */
header {
  /*background-color: #fff;*/
   background:rgba(255,255,255,0.75);
  margin: 0;
  width: 100%;
  position: fixed;
  z-index: 10;}
header, a, img, li{
  transition: all 0.3s;
  -moz-transition: all 0.3s; /* Firefox 4 */
  -webkit-transition: all 0.3s; /* Safari and Chrome */
  -o-transition: all 0.3s; /* Opera */}
header .angled {
  display: inline-block;
  background-color: #bdbec0;
  padding-left: 8%;
  width: 435px;
  margin: 0;
  margin-top: -24px;}
header .angled:after {
  content: '';
  position: absolute;
  left: 435px;
  margin-top: -22px;
  border-left: 85px solid #bdbec0;
  border-bottom: 100px solid transparent;}
header .logo{
  max-width: 300px;
  /*margin-top: -3em;*/}
header .header-right {
  margin: 0;
  float: right;}
header .top-bar {
   padding: 0.5em 0;
  /*background-color: #000;*/
   background-color: #00305a;
  text-align: center;
  color: #fff;
  /*font-family: 'Saira Extra Condensed', sans-serif;*/
   font-family: 'PT Serif', serif;
   font-size: 1.25em;
   font-weight: 700;
   text-transform: uppercase;}
header .top-bar p {margin: 0;}
header .top-bar a {color: #fe9e2c;}
header .top-bar a:hover {filter: brightness(125%);}
header .top-bar a.cta{
   float: right;}
header nav {
  width: 100%;
  margin: 0 auto;
  float: right;
  padding-top: 4.5%;}
header nav ul {
  list-style-type: none;
  float: right;
  text-align: center;}
header nav ul li {
  display: inline;
  float: left;}
header nav ul li#currentpage, header nav ul li:hover {}
header nav ul li a {
  text-decoration: none;
  border: 0;
  padding: 9px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;}
header nav ul li#currentpage a, header nav ul li:hover a {color: #007f92;}
header nav ul li ul {
  position: absolute;
  z-index: 999;
  display: none;
  background-color: #fff;
  text-align: left !important;
  margin-top:5px;
  width: 250px;}
header nav ul li ul li {
  display: block;
  vertical-align: middle;
  margin-top: 0 !important;
  font-size: 0.9em;
  width: 100%;
  margin: 0;
  border-bottom: solid 1px #333;}
header nav ul li ul li a {
  display: block;
  padding: 15px 10px;
  width: 100%;
  text-transform: capitalize;
  cursor: pointer;}
header nav ul li ul li:hover a {
   color: #fff;
   background-color: #000;}
header nav ul :hover > ul {display: block;}
header.solid {
  /*background: #fff;*/
   background:rgba(255,255,255,0.95);
  z-index: 20;
  box-shadow: 0 0 5px #b8b8b8;}
header.solid .logo{
   max-width: 150px;}
header.solid nav{
   padding-top:2.5%;}

/* MeanMenu */
.mean-container .mean-bar {
  background: #fff !important;
  border-bottom: solid 10px #00305a;}
.mean-container .mean-bar h1 {
  color: #333;
  width: 75%;
  font-size: 1.75em;
  margin: 2% 0 0 2%;}
.mean-container .mean-bar h1 img{
   max-width: 210px;}
.mean-container a.meanmenu-reveal {color: #00305a !important;}
.mean-container a.meanmenu-reveal span {background: #00305a !important;}
.mean-container .mean-nav {
  background: #bdbec0 !important;
  margin-top: 5px !important;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: #bdbec0 !important;}
.mean-container .mean-nav ul li ul li {background: #f1f1f1 !important;}
.mean-container .mean-nav ul li li a {opacity: 1 !important; color: #00305a;}

/* Hero Styles */
.hero {
  width: 100%;
  position: relative;
  /*padding-top: 78px;*/
   /*padding-top: 45px;*/}
.owl-carousel {z-index: 1 !important;}
#home-slider .item img {
  display: block;
  width: 100%;
  /*height: 462px;*/
  object-fit: cover;}
.slide-text {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 30%;
  padding: 15px 20px;
  margin-left: 5%;
  background: rgba(0,0,0,0.4);
  color: #fff;
  font-size: 1.5em;
  line-height: 1.25em;
  border-left: solid 3px #9d1e3c;}
.slide-text h1 {
  font-size: 1.0em;
  margin: 0;
  font-weight: normal;}
.owl-theme .owl-nav [class*=owl-]{background: rgba(0,0,0,0.4) !important;}
.owl-theme .owl-nav [class*=owl-]:hover {background: rgba(157,30,60,0.4) !important;}
.owl-prev,.owl-next {
   position: absolute;
   top: 50%;
   margin-top: -10px;}
.owl-prev {left: 0;}
.owl-next {right: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
   box-shadow: none;}
.owl-carousel .owl-nav button.owl-next .fa, .owl-carousel .owl-nav button.owl-prev .fa {
   padding: 0.45em 0.35em;
   font-size: 1.85em;
   color: #fff;}

/* Interior Hero */
.interior-hero {
  width: 100%;
  position: relative;
  /*margin: 3.25% 0 2%;*/
  margin: 0 0 1.5em 0;
  /*height: 250px;*/
  height: 350px;}
.interior-hero .item img {
  height: 350px;
  display: block;
  width: 100%;
  object-fit: cover;
  /*filter: grayscale(100%);*/}
.interior-hero .slide-img-overlay {
  margin-left:0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  /*background: rgba(0,0,0,0.4);*/
  /*background: rgba(0,127,146,0.65);*/
  background: rgba(0,127,146,1);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.interior-hero .slide-img-overlay-accent {
  margin-left:0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background: rgba(0,0,0,0.6);
  -webkit-clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 65% 100%);
  clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 65% 100%);}
.interior-hero .slide-img-overlay-accent2 {
  margin-left:0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background: rgba(157,30,60,0.8);
  -webkit-clip-path: polygon(95% 0%, 100% 0%, 100% 100%, 85% 100%);
  clip-path: polygon(95% 0%, 100% 0%, 100% 100%, 85% 100%);}
.interior-hero .slide-text {
  margin: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  /*top: 34%;*/
  /*top: 48%;*/
  top: 50%;
  left: 0;
  right:0;
  padding: 15px 20px;
  background: transparent;
  color: #fff;
  line-height: 1.25em;
  border-left: 0;}
.interior-hero .slide-text h1 {
  font-size: 2.5em;
  font-weight: normal;
  text-shadow: 0px 0px 60px rgba(0, 0, 0, 1);}

/* home */
body.home .main-content{
   margin:0;
   padding:0;
   min-height: auto;}
body.home .owl-theme .owl-nav{ /* eliminates space below slider */
   margin-top:0;}
body.home .main-content .mission{
   text-align: center;
   /*background-color: #000;*/
   background-color: #ad1b1b;
   padding: 2em;
   color: #fff;
   font-size: 1.15em;
   font-weight: bold;
   letter-spacing: 0.5px;
  }
body.home .main-content .mission p {margin: 0 0 0.5em;}
body.home .main-content .mission p:last-child {margin: 0;}
body.home .main-content .mission a {color: #fe9e2c;}
body.home .main-content .mission a:hover {filter: brightness(125%);}
body.home .main-content .services{
   padding: 2em 0;
   background-color: #00305a;}
body.home .portfolio{
  background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/assets/images/bg-portfolio-blur.jpg) no-repeat scroll center center / cover;
  background-attachment: fixed;
  padding: 2em 0 3em 0;
  color: #fff;}
body.home .main-content .services h2.center, body.home .portfolio h2.center{
   font-size: 4em;
    margin-bottom: 0.15em;}
body.home .portfolio .services-ft figure figcaption{
   border: 3px solid #fff;}

/* Main Content Styles */
.main-content {
  width: 100%;
  background-color: #fff;
  /*padding: 4% 0;*/
  margin: 0;
  /*min-height: 700px;*/ }
.blue {color: #283891;}
.blue.link:hover {color: #FFBA00;}
.center {text-align: center;}
img.right{
  float: right;
  padding: 0 5% 2% 1%;
  clear: right;
  width: 100%;
  max-width: 475px;}
.side-img {
  width: 80%;
  margin: 0 10% 5%;}
.main-content ul {
  list-style-type: disc;
  margin: 0 0 1.5em 5%;}
.main-content ul li{
  display: inline-block;
  /*width: 50%;*/
  list-style: disc;}
.main-content ul li:before {
  content: '•';
  position: relative;
  font-size: 1.3em;
  font-weight: bold;
  top: 1px;
  left: -3px;
  padding-right: 5px;}

.main-content ul.documents-list li{
  width:50%;}

.quote {
  position: relative;
  margin-top: -104px;
  z-index: 10;
  background: #bcbec0;}
.quote h2 {
  font-size: 1.25em;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background: #283891;
  padding: 8% 5%;
  margin: 0;
  box-shadow: 0 0 5px #b8b8b8;
  font-weight: bold;}
.quote form {padding: 5%;}
.quote button {
  border: none;
  width: 100%;
  background: #FFBA00;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 1.15em;
  font-weight: 700;
  text-transform: uppercase;}
.quote button:hover {
  background: #6571b4;}
h3.mission-statement {
  font-size: 1.55em;
  line-height: 1.15em;
  font-family: Arial;
  letter-spacing: -1px;
  padding-right: 5%;
  padding-top: 3%;}
h3.mission-statement span {
  font-size: 1.35em;
  color: #283891;
  /*font-family: 'Saira Extra Condensed', sans-serif;*/
   font-family: 'PT Serif', serif;
  font-style: italic;}
.services-ft h4 {text-align: center;}
.services-ft .logo-butler {width: 10%;}
.services-ft p {
  text-align: center;
  font-size: 0.9em;
  font-style: italic;
  padding: 0 5%;}
.services-ft figure {
  position: relative;
  float: left;
  overflow: hidden;
  height: 265px;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
  margin: 0.25%;}
.services-ft figure.span3{
   width:24.5%;}
.services-ft figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  width: 100%;
  opacity: 0.8;
  object-fit: cover;}
.services-ft figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
.services-ft figure figcaption::before,
.services-ft figure figcaption::after {
  pointer-events: none;}
.services-ft figure figcaption,
.services-ft figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}
.services-ft figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;}
.services-ft figure h2 {
  color:#fff;
  font-weight: 700;
  border-bottom:0;}
.services-ft figure h2,
.services-ft figure p {
  margin: 0;}
.services-ft figure p {
  letter-spacing: 1px;
  font-size: 68.5%;}
.fa-address-card-o {display: none !important;}

.cta .services-ft .span6{
   width: 50%;}
.cta .services-ft figure{
   margin: 0;
   height: 300px;}
.cta .services-ft figure img{
   opacity:0.3;}
.cta .services-ft figure h2{
   color: #fff;}
.article-images img {
  width: 100%;
}

/* CONTACT */
.highlight{
   /*padding: 1.25em;*/
   /*background: #ccc;*/}
.highlight .span4{
   margin: 0.25%;
   padding: 1.2em;
   /*background: #fff;*/}
.highlight h3{
   font-size: 1.75em;
   color: #fff;
   background: #886d5c;
   margin: 0;
   padding: 0.75em;
   border-bottom: 5px solid #43281d;}
.highlight .fa{
   float: left;
   font-size: 2em;}
.highlight h4{
   margin-top:0.25em;}
.highlight p.contact{
   clear: both;}

/*-----------------*/
/***** Goliath *****/
/*-----------------*/
figure.effect-goliath {
  background: #000;
  z-index: 0;}
figure.effect-goliath img,
figure.effect-goliath h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;}
figure.effect-goliath img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
figure.effect-goliath h2,
figure.effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  font-size: 1.55em;
  text-align: left;}
figure.effect-goliath p {
  text-transform: none;
  font-size: 75%;
  line-height: 1.15em;
  padding: 15px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0);}
figure.effect-goliath:hover img {
  -webkit-transform: translate3d(0,-125px,0);
  transform: translate3d(0,-125px,0);}
figure.effect-goliath:hover h2 {
  -webkit-transform: translate3d(0,-120px,0);
  transform: translate3d(0,-120px,0);}
figure.effect-goliath:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);}

/* News */
.news {
  padding: 2% 0;
  background: #f2f2f3;}
.news .link {margin: 0;}
.news .link a {
  padding: 10px 25px;
  /*background-color:#9d1e3c;*/
  background-color: #007f92;
  float: right;
  color: #fff;
  /*font-family: 'Saira Extra Condensed', sans-serif;*/
   font-family: 'PT Serif', serif;
  font-size: 1.15em;
  text-transform: uppercase;
  margin-right: 2%;}
.news .link a:hover {
   background-color:#000;}
.news article {padding-right: 1%;}

/* Affiliates */
.affiliations {
  padding: 2% 0;
  text-align: center;}
.affiliate-img {
  width: 85%;
  margin: 0 auto;}
.affiliations img {
  width: 170px;
  margin: 1%;
  float: left;}

/* Contact Form */
form#contact-form fieldset {
  background: #fff;
  border: none;
  padding: 0;
  margin: 0;}
form#contact-form input, form.contact-form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 0.1875em;
  border: 1px solid #dddddd;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 0.5em 0.5em;
  width: 100%;}
form#contact-form button {
  border: none;
  margin-top: 2%;
  background: #FFBA00;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  /*font-family: 'Saira Extra Condensed', sans-serif;*/
   font-family: 'PT Serif', serif;
  font-size: 1.15em;
  font-weight: 700;
  text-transform: uppercase;}
form#contact-form button:hover {
  background: #6571b4;}
form#contact-form span {
  color: #a94442;
  font-size: 15px;
  margin-right: 4px;}

/* portfolio */
.backBtn{
  display: block;
  clear: both;
  font-size: 1.5em;
  text-rendering: optimizeLegibility;
  margin: 1em 0;
  line-height: 1.00em;
  /*font-family: 'Saira Extra Condensed', sans-serif;*/
   font-family: 'PT Serif', serif;
  font-weight: 700;
  text-transform: uppercase;}

/* reCaptcha */
#g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -78px 0 0 0 !important;
  width: 302px !important;
  height: 76px !important;
  z-index: -999999;
  opacity: 0;}

/* CTA */
section.cta {
  padding: 0;
  background: #bdbec0;
  text-align: center;}
section.cta .interior-hero{
   margin-top: 0;
   margin-bottom: 0;}
section.cta .interior-hero .slide-img-overlay {
  margin-left:0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background: rgba(0,0,0,0.5);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
section.cta .interior-hero .slide-img-overlay-half {
  margin-left:0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background: rgba(157,30,60,0.9);
  -webkit-clip-path: polygon(55% 0%, 100% 0%, 100% 100%, 45% 100%);
  clip-path: polygon(55% 0%, 100% 0%, 100% 100%, 45% 100%);}
section.cta .interior-hero .slide-text{
   width:auto;
   margin:0;
   top:40%;
   left:0;
   right:0;}
section.cta h2 {
   color: #283891;}
.cta-gold {
   background: rgba(0,0,0,0.75);
   /*font-family: 'Saira Extra Condensed', sans-serif;*/
   font-family: 'PT Serif', serif;
   font-size: 1.5em;
   font-weight: 700;
   padding: 0.5em 1.25em;
   color: #fff;
   text-transform: uppercase;
   border: 5px solid #fff;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 1);}
.cta-gold:hover {
  background-color: #fe9e2c;
  color: #fff;}

/* Services */
.add-images img {
  height: 120px;
  object-fit: cover;}

/* Team */
.notes .span6:last-child {padding-left: 1%;}
.team .span3, .team .span2 {
  padding: 0.5%;
  text-align: center;}
.team h5 {margin: 3% 0 1%;}
.team p {font-size: 0.9em;}
.team-pro {display: none;}

/* Footer */
footer {
  width: 100%;
  margin: 0;
  background-color: #fff;
  padding: 2% 0 0;
  color: #fff;
  /*border-top: 8px solid #fff;*/
  text-align: center;}
footer a{
  color: #886d5c;}
footer a:hover{
  color: #00305a;}
footer ul li#currentpage a{
    color: #007f92;}
footer .footer-primary{
   padding:0 0 1.5em 0;}
footer .footer-primary a{
   text-transform: uppercase;}
footer .logo{
  max-width: 300px;}
footer ul{
  display: table;
  margin: 1em auto 0 auto;
  padding-top: 1em;
  border-top: 1px solid #ccc;}
footer ul li{
   display: inline-block;
   padding: 0.25em 0.5em;}
footer .footer-secondary{
   padding:1.5em 0 1em 0;
   background-color:#00305a;}
footer .footer-secondary a{
  color: #007f92;}
footer .footer-secondary a:hover{
  color: #fff;}
footer .copyright{
   /*margin-top:2em;*/
   font-size:0.85em;}

/*.town-documents article h2 {display: none;}*/
.home .news ul {
  list-style-type: disc;
  margin-left: 5%;
}

/* Mobile */
@media screen and (max-width: 1120px) {
   header .top-bar{
      font-size: 0.95em;}
  header nav ul li a {font-size: 0.9em;}

}
@media screen and (max-width: 1045px) {
  header nav {padding-right: 0;}
  header nav ul li a {padding: 10px;}
}
@media screen and (max-width: 960px) {
  header nav ul li a {font-size: 0.8em;}
}
@media screen and (max-width: 925px) {
  /*header {display: none;}*/
  header {position: relative; padding-top: 92px;}
  header .navigation {display: none;}
  .hero {
     position: relative;
     display: inline-block;
     padding-top:0;}
  /*.slide-text, .interior-hero .slide-text {width: 50%;}*/
  /*.interior-hero .slide-text {
    margin-left: 25%;
    top: 45%;}*/
  /*.home .main-content {padding-top: 550px;}*/
  /*.home .main-content .span9 {width: 65% !important;}*/
  .home .main-content .span3, .services-ft .span3 {width: 32.8% !important;}
  /*.quote {margin-top: -65px;}*/
  /*.affiliations img {height: 150px;}*/
  .news article {margin-top: 4%;}
  section.cta h2, figure.effect-goliath h2 {font-size: 1.25em;}
  .mean-bar {border-bottom: 0 !important;}
}
@media screen and (max-width: 768px) {
  header .top-bar {font-size: 0.85em;}
}
@media screen and (max-width: 600px) {
  .hero .slide-text, .portfolio-slideshow .slide-text{
    display: none;}
  .interior-hero .item img{
    height: auto;}
  .cta .interior-hero .item img{
    height: 300px;}
  /*#home-slider .item img {height: 165px;}*/
  .interior-hero .slide-text {
    top: 50%;}
  /*.interior-hero .slide-text {margin-left: 5%; top: 50%; width: 90%;}*/
  .slide-text h1, .interior-hero .slide-text h1 {font-size: 1.8em;}
  .owl-theme .owl-nav {display: none !important;}
  .home .main-content {padding-top: 245px;}
  .home .main-content .span9, .home .main-content .span3, .services-ft .span3 {width: 100% !important;}
  .main-content {text-align: center;}
  h3.mission-statement {
    padding-right: 0;
    text-align: center;
    font-size: 1.25em;}
  .quote {margin-top: 0;}
  .services-ft h2 {
    text-align: center;
    margin-top: 6%;}
  .news h2 {
    text-align: center;
    margin: 5% 0;}
  .news .link {
    text-align: center;
    margin: 3% 0;}
  .news .link a {float: none;}
  .cta-gold{
    font-size: 1.1em;
    padding:0.5em 1em;}
  .affiliations h2 {
    text-align: center;
    margin: 5% 0 0;}
  .affiliate-img {width: 55%;}
  .affiliations img {height: auto;}
  .team-pro {display: block;}
  .team-img-block {display: none;}
  footer {text-align: center;}
  footer .footer-nav li {padding: 0 20px 15px;}
  footer .footer-nav li:first-child {padding-left: 15px;}
  header .top-bar {font-size: 1.0em;}
}

/* Events Calendar */
.events-calendar {margin-top: 10em;}
.events-calendar h1 {
  text-align: center;
  color: #00305a;
}
.events-calendar ul, .events-calendar ol {
  margin: 1% 0;
  font-size: 0.75em;
  padding-left: 15%;
}
.events-calendar td {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding: 0 !important;
  width: 14.25%;
  height: 125px;
  vertical-align: top !important;
  overflow: hidden;
}
.events-calendar td:first-child {
  border-left: 1px solid #dddddd;
}
.events-calendar td a, .events-calendar td p.date {
  background: #00305a;
  width: 100%;
  display: block;
  padding-left: 5px;
  font-size: 0.95em;
  color: #fff;
  font-weight: bold;
}
.events-calendar td ul li a {
  background: transparent;
  color: #1673ad;
  padding-left: 0;
  line-height: 0.90em;
}
.events-calendar thead th {border-bottom: none;}
.events-calendar thead th:nth-child(even) {
  font-family: 'abrush';
  color: #1673ad;
  text-align: center;
  font-size: 2.5em;
}
.events-calendar thead th:nth-child(3) {text-align: right;}
.events-calendar tbody th {
  text-align: center;
  background: #dddddd;
  border: none;
  padding: 0.5%;
}
.events-calendar .d_event > a {pointer-events: none;}
.upcoming-events h2 {
  font-family: 'goth-bold','Open Sans', 'lato', Helvetica, Arial, sans-serif;
  font-size: 2.25em;
  margin: 3% 0;
}
.upcoming-events ul {padding-left: 4%;}
.upcoming-events ul li {margin-bottom: 2%;}
.upcoming-events h3 {
  font-size: 1.75em;
  margin-bottom: 0;
  color: #1673ad;
}

/* POPUP */
.overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.overlay:focus::-webkit-input-placeholder {color: transparent}
.overlay:focus::-moz-placeholder {color: transparent}
.overlay:focus:-moz-placeholder {color: transparent}
.overlay:focus:-ms-input-placeholder {color: transparent}
.overlay::-webkit-input-placeholder {color:#C5D2D0#C5D2D0!important;}
.overlay::-moz-placeholder {color:#C5D2D0!important;}/* Firefox 19+ */
.overlay:-moz-placeholder {color:#C5D2D0!important;}/* Firefox 18- */
.overlay:-ms-input-placeholder {color:#C5D2D0!important;}
.overlay img {
  position: relative;
  opacity: 1;
  width: 40%;
  margin: 2% 30% 5%;
  z-index: 999;
}
.modalBox {
  width: 64%;
  min-height: 250px;
  height: 650px;
  overflow-y: scroll;
  margin: 5% auto 0;
  background-color: #fff;
  padding: 4%;
  position: relative;
  opacity: 1;
}
.fa {
  font-size: 16px!important;
  color: #ff0000;
}
.overlay .closed {
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 999;
}
.overlay .closed .fa {color: #000;}
.popup-form {
  width: 100%;
  display: inline;
  float: left;
}
.popup-form h3 {}
.popup-form p {color: #333; font-size: 0.9em;}
.modalBox span {color: #009739;}
.modalBox ul {
  list-style-type: disc;
  padding-left: 2em;
  margin-bottom: 1.5em;
}


@media screen and (max-width: 1085px) {
  .modalBox {height: 600px; width: 80%;}
}
@media screen and (max-width: 925px) {
  .modalBox {margin: 15% auto 0 !important;}
}
@media screen and (max-width: 768px) {
  .modalBox {
    height: 750px;
    margin-top: 20%;
  }
}
@media screen and (max-width: 550px) {
  .overlay img {
    width: 70%;
    margin: 2% 15% 2%;
  }
  .modalBox {
    width: 90%;
    height: 525px;
    margin-top: 25% !important;
  }
}