/*!
Theme Name: SparkFire
Theme URI: https://sparkfirebranding.com/
Author: Cody Creswell
Author URI: https://sparkfirebranding.com/
Description: SparkFire Branding 2.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sparkfire
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
@font-face {
  font-family: 'gentium_book_basicregular';
  src: url('fonts/gentiumbookbasic-regular-webfont.woff2') format('woff2'), url('fonts/gentiumbookbasic-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.gentium {
  font-family: 'gentium_book_basicregular';
}
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b, strong {
  font-weight: bold;
}
code, kbd, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button, input, optgroup, select, textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button, input { /* 1 */
  overflow: visible;
}
button, select { /* 1 */
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
body, button, input, select, optgroup, textarea {
  color: #382f2d;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
}
p {
  margin-bottom: 1.5em;
  font-family: 'Open Sans', Arial, sans-serif;
}
dfn, cite, em, i, .italic {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul, ol {
  margin: 0 0 1.5em 15px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1195px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.column, .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
/* For devices larger than 400px */
@media (min-width: 350px) {
  .container {
    width: 90%;
    padding: 0;
  }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%;
  }
  .column, .columns {
    margin-left: 4%;
  }
  .column:first-child, .columns:first-child {
    margin-left: 0;
  }
  .one.column, .one.columns {
    width: 4.66666666667%;
  }
  .two.columns {
    width: 13.3333333333%;
  }
  .three.columns {
    width: 22%;
  }
  .four.columns {
    width: 30.6666666667%;
  }
  .five.columns {
    width: 39.3333333333%;
  }
  .six.columns {
    width: 48%;
  }
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.columns {
    width: 74.0%;
  }
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .one-third.column {
    width: 30.6666666667%;
  }
  .two-thirds.column {
    width: 65.3333333333%;
  }
  .one-half.column {
    width: 48%;
  }
  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }
  .offset-by-two.column, .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .offset-by-three.column, .offset-by-three.columns {
    margin-left: 26%;
  }
  .offset-by-four.column, .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-five.column, .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .offset-by-six.column, .offset-by-six.columns {
    margin-left: 52%;
  }
  .offset-by-seven.column, .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .offset-by-eight.column, .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-nine.column, .offset-by-nine.columns {
    margin-left: 78.0%;
  }
  .offset-by-ten.column, .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .offset-by-eleven.column, .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .offset-by-one-third.column, .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-one-half.column, .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
}
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  color: #382f2d;
  width: 100%;
  overflow-x: hidden;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}
h1 {
  font-size: 4.0rem;
  line-height: 1;
  letter-spacing: -.1rem;
}
h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}
h3 {
  font-size:22px;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  line-height:1.5;
  letter-spacing:4.5px;
}
h4,
p.thank-you,
#gform_confirmation_message_1 {
  font-size:17px;
  font-weight:bold;
  line-height:1.94;
  letter-spacing:2px;
}

p.thank-you,
#gform_confirmation_message_1 {
    color:white;
    text-align:center;
    max-width:750px;
    margin:0 auto;
}

h5 {
  font-size: 16px;
  line-height: 2.06;
  font-weight: bold;
  letter-spacing:2.5px;
  font-family: 'Open Sans', Arial, sans-serif;
}
h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}
/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem;
  }
  h2 {
    font-size: 4.2rem;
  }
  h3 {
    /*font-size: 3.6rem;*/
  }
  h6 {
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0;
  line-height:2.13;
  font-size:15.5px;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #e5221b;
}
a:hover {
  color: #ccc;
}

h1 .purple-highlight {
    background-color:#35323d;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  border: solid 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}
label, legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}
fieldset {
  padding: 0;
  border-width: 0;
}
input[type="checkbox"], input[type="radio"] {
  display: inline;
}
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ol {
  list-style: decimal inside;
}
ol, ul {
  padding-left: 0;
  margin-top: 0;
}
ul ul, ul ol, ol ol, ol ul {
  margin: 1.5rem 0 15px 3rem;
  font-size: 90%;
}
li {
  margin-bottom: 1rem;
  padding-left: 15px;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}
th:first-child, td:first-child {
  padding-left: 0;
}
th:last-child, td:last-child {
  padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button {
  margin-bottom: 1rem;
}
input, textarea, select, fieldset {
  margin-bottom: 1.5rem;
}
pre, blockquote, dl, figure, table, p, ul, ol, form {
  margin-bottom: 2.5rem;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after, .row:after, .u-cf {
  content: "";
  display: table;
  clear: both;
}
/************************************CUSTOM STYLES***************************************/
.top-nav {
  /*width:100%;*/
  width: 100vw;
  max-width: 100%;
  background-color: #382f2d;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
/* @media (min-width:981px) {*/
.top-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  -webkit-backface-visibility: hidden;
}
.site-wrap {
  padding-top: 95px;
  /* overflow-x:hidden;
      width:100%;
      position:relative;*/
}
.site-wrap.dropped .top-nav .logo img {
  max-width: 190px;
}
.site-wrap.dropped .top-nav .logo {
  padding: 0;
}
/*
.logged-in .top-nav {
  top: 32px;
}
.logged-in .site-wrap {
  padding-top: 140px;
}
*/
/* } */
.mobile-only {
  display: none;
}
.top-nav .logo {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  padding: 15px 0;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.top-nav .logo img {
  width: auto;
  height: 45px;
  max-width: 262px;
  display: block;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.top-nav .nav-items {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
@media (max-width:980px) {
  .top-nav .nav-items {
    display: block;
  }
}
.top-nav .nav-items li {
  display: inline-block;
  margin-right: 29px;
  margin-bottom: 0;
  padding: 18px 0;
  position:relative;
  /*
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
*/
}

.top-nav .nav-items li a::after {
    content: "";
    position:absolute;
    width:30px;
    height:7px;
    background-color:#382f2d;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    transition:background-color 0.5s ease-out;
}

@media(min-width:981px) {
.top-nav .nav-items li a.active::after,
.top-nav .nav-items li:hover a::after {
    background-color:#cb583f;
}
}

.top-nav .nav-items li ul li a::after {
    display:none;
}

.top-nav .nav-items li ul li a:hover {
    color:#cb583f;
}

@media (max-width:1080px) {
  .top-nav .nav-items li {
    margin-right: 19px;
  }
}
.top-nav .nav-items li:last-child {
  margin-right: 0;
}
.top-nav .nav-items li > a {
  color: #FFF;
  font-size: 13.5px;
  text-transform:uppercase;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
}

.top-nav .nav-items li.contact > a {
    color:#e3c5a3;
}

.top-nav .nav-items li.contact a {
  box-sizing: border-box;
  font-weight: 700;
}
/*********Hamburger Menu****************/
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  padding-top: 3px;
}
.hamburger:hover {
  /*opacity: 0.7;*/
}
.hamburger.is-active:hover {
  /*opacity: 0.7;*/
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background-color: #FFF;
}
.hamburger-box {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #FFF;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*********End Hamburger Menu****************/
@media (min-width:981px) {
  .hamburger {
    display: none;
  }
}
@media (max-width:980px) {
  .top-nav .nav-group {
    display: none;
  }
  .hide-980 {
    display: none !important;
  }
}
.footer {
  background-color: #000;
  padding: 50px 0;
  overflow: hidden;
}
.footer .bg-dots {
  position: absolute;
  width: 110%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
/*
.bg-dots img{
    opacity:0.1;
}
*/
.relative {
  position: relative;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30, h1.brown-shelf.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-135 {
  margin-bottom: 135px;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mt-50 {
  margin-top: 50px !important;
}
.footer-logo {
  max-width: 219px;
}
.footer-logo img {
  width: 100%;
}
.footer-address {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
  text-align: center;
}
.footer-address a {
  text-decoration: none;
  color: #FFF;
}
.footer-address.left {
  text-align: left;
}
.footer-menu-titles, .footer-menu-links {
  text-align: left;
}
.footer-menu-titles .bottom-border {
  border-bottom: solid white 1px;
  padding-bottom: 20px;
}
.footer-menu-titles a, .header-menu-titles a {
  font-size: 17px;
  line-height: 25px;
  font-weight: bold;
}
.footer-menu-titles a {
  color: #e3c5a3;
}
.footer-menu-titles .bottom-border a::after {
  background-color: #e3c5a3;
  width: 25px;
}
.header-menu-titles {
  margin-bottom: 40px;
  padding: 0 20px;
}
.header-menu-titles a::after {
  background-color: #e3c5a3;
  width: 20px;
}
.header-menu-titles a {
  color: #e3c5a3;
  font-size: 14px;
  line-height: 20px;
}
.header-menu-titles a:hover::after {
  margin-left: 20px;
  transition: margin 500ms;
}
.footer-menu-titles .bottom-border a::after, .header-menu-titles a::after {
  content: "\279c";
  margin-left: 30px;
  float: right;
  display: inline-block;
  color: white;
  text-align: center;
  border-radius: 25px;
  transition: margin 500ms;
}
.footer-menu-links strong, .footer-menu-links a {
  color: white;
  display: inline-block;
  font-size: 14px;
}
.header-menu-links {
  border-bottom: 1px solid white;
  padding: 0 20px;
  margin-bottom: 20px;
}
.header-menu-links a:hover {
  font-weight: bold;
}
.header-menu-links strong, .top-nav .nav-items li .header-menu-links a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
}
.top-nav .nav-items li .header-menu-links a {
  line-height: 16px;
}
.footer-menu-links strong {
  margin-bottom: 10px;
  font-weight: 800;
  background-image: linear-gradient(transparent 0%, transparent 70%, #e5221b 70%, #e5221b 90%, transparent 90%, transparent);
}
.header-menu-links strong {
  margin-bottom: 10px;
  font-weight: 800;
  background-image: linear-gradient(transparent 0%, transparent 70%, #e3c5a3 70%, #e3c5a3 90%, transparent 90%, transparent);
}
.footer-menu-links a, .header-menu-links a {
  line-height: 2.5;
  margin-bottom: 20px;
  width: 100%;
  font-weight: normal;
}
.menu-dropdown {
  display: none;
  text-align: left;
  border-top: 1px solid white;
  margin-top: 10px;
  padding-top: 20px;
}
.menu-dropdown .container {
  width: 100%;
}
.top-nav .nav-items li.selected {
  padding-bottom: 0;
}
.selected .menu-dropdown {
  display: block;
}
.dropdown-toggle {
  width: 100%;
}
.dropdown-toggle::after {
  content: url(/wp-content/uploads/2022/03/chevron-down-solid.svg);
  width: 15px;
  height: 20px;
  color: white;
  display: inline-block;
  float: right;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.selected .dropdown-toggle::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width:980px) { 
    .mobile-main-menu {
        padding: 20px;
        max-height: calc(100vh - 185px);
        overflow: scroll;
    }
}

.header-menu-links a[href*="waterside-place"] {
  margin-bottom: 40px;
}
.header-menu-links .four.columns.stretch-980:last-child, .header-menu-links .twelve.columns.stretch-980:last-child {
  margin-bottom: 0px;
}
@media (min-width: 981px) {
  .nav-group li:hover > .menu-dropdown {
    display: block;
    position: absolute;
    top: 95px;
    left: 0;
    transform: translateX(-50%);
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.95);
    /*border-top: 3px solid #e5221b;*/
    padding-top: 35px;
    margin-top: 0;
  }
  .nav-group li:hover > .dropdown-toggle {
    /*background-image: linear-gradient(transparent 0%, transparent 70%, #e5221b 70%, #e5221b 90%, transparent 90%, transparent);*/
  }
  .top-nav .nav-items li {
    padding: 35.5px 0;
  }

    .top-nav .nav-items li ul {
        display:none;
    }

    .top-nav .nav-items li:hover > ul {
        display:block;
        position:absolute;
        top:95px;
        background-color:#f0f0f0;
        padding:15px;
        margin-left: 0;
        width: 212px;
    }

    .top-nav .nav-items li ul li {
        padding:0;
        display:block;
        text-align:left;
        margin-bottom:10px;
    }

    .top-nav .nav-items li ul li:last-child {
        margin-bottom:0;
    }

    .top-nav .nav-items li ul li a {
        color:#382f2d;
    }

    .top-nav .nav-items li ul li::after {
        display:none;
    }   

  .dropped .nav-group li:hover > .menu-dropdown {
    top: 60px;
  }
  .dropdown-toggle::after {
    content: none;
  }
  .header-menu-titles a {
    color: #e5221b;
  }
  .header-menu-titles a::after {
    float: unset;
    background-color: #e5221b;
  }
  .mobile-main-menu {
    overflow:visible;
    padding: 0px;
  }
  .bottom-border.header-menu-titles {
    border-bottom: solid black 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .header-menu-links strong, .top-nav .nav-items li .header-menu-links a {
    color: #382f2d;
  }
  .header-menu-links strong {
    background-image: linear-gradient(transparent 0%, transparent 70%, #e3c5a3 70%, #e3c5a3 90%, transparent 90%, transparent);
    margin-bottom: 20px;
  }
}
@media (min-width: 981px) and (max-width: 1200px) {
  .menu-dropdown .three.columns {
    width: 26%;
    margin-left: 0;
  }
}
.error404 .center a, .text-link a {
  font-weight: bold;
  text-decoration: underline;
}
.error404 .center a:hover, .text-link a:hover {
  color: #e5221b;
  text-decoration-thickness: 3px;
}
.social-icons {
  text-align: center;
}
.social-icons li, .fs-fb, .fs-li, .fs-insta {
  background-image: url(img/FacebookIcon.svg);
  background-size: 12px 22px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
  margin-right: 35px;
  width: 43px;
  height: 43px;
  border: solid 2px #e3c5a3;
  border-radius: 23px;
}
.social-icons li.insta, .fs-li {
  margin-right: 0;
  background-size: 21px 21px;
  background-image: url(img/LinkedIn.svg);
}
.fs-insta {
  background-size: 45px auto;
  background-image: url(img/share_insta.svg);
}
.fs-fb, .fs-li {
  /* position:absolute;
  right:50px;
  top:50%;
  transform: translateY(-120%);
  margin-right:0;*/
}
.footer {
  text-align: center;
}
.fs-li {
  /*transform: translateY(40%);*/
}
h1 {
font-family: richmond-display, sans-serif;
/*  -webkit-text-stroke: 1px #000000;*/
 font-size: 60px;
 font-weight:normal;
 letter-spacing:4px;
}
h1.filled {
  -webkit-text-stroke: 0;
}
.mb-17 {
  margin-bottom: 17px;
}
h1.brown-shelf {
  border-bottom: 12px solid #e3c5a3;
  line-height: 29px;
  margin-bottom: 20px;
  padding: 0 5px 0 0;
  display: inline-block;
}
h1.brown-shelf.white-txt {
  -webkit-text-stroke: 0;
}
h1.brown-shelf.white-txt.stroked {
  -webkit-text-stroke: 1px #000000;
}
h1.outline {
  color: #FFF;
}

h2 {
    font-family: richmond-display, sans-serif;
    letter-spacing:0.9px;
    line-height:1.47;
}
.top-130 {
  padding-top: 130px;
}
.top-50 {
  padding-top: 50px;
}
.top-68 {
  padding-top: 68px;
}
.mt-20 {
  margin-top: 20px !important;
}

img.right-float {
  float: right;
  clear: right;
}
.tan-circle, .circ-vid-overlay {
  position: absolute;
  z-index: -2;
  width: 53%;
  right: -3%;
  top: 3%;
  text-align: right;
}
.circ-vid-overlay video {
  width: auto;
  height: 100%;
  position: absolute;
  z-index: -2;
  left: 0;
  top: -6px;
}
.circ-vid-overlay {
  z-index: -1;
  overflow: hidden;
}
.circ-vid-overlay.mw-808 {
  max-width: 808px;
  right: -3%;
}
.tan-circle img, .circ-vid-overlay img, .circ-vid .circ-mask {
  width: 100%;
  max-width: 808px;
}
.circle-dots {
  position: absolute;
  z-index: -1;
  max-width: 394px;
  left: -110px;
  bottom: -202px;
  transform: translateZ(-1px);
}
.circle-dots.further {
  left: 0px;
  bottom: -92px;
}
.circle-dots.further.portfolio {
  left: 34%;
  bottom: -260px;
  z-index: 100;
}
.bold {
  font-weight: bold;
}
.pad-20 {
  padding: 0 20px;
}
.mt-270 {
  margin-top: 270px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
    margin-top:40px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-60, img.centered.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-125 {
  margin-top: 125px;
}
.mt-135 {
  margin-top: 135px;
}
.mt-150 {
    margin-top:150px;
}
.mt-400 {
  margin-top: 400px;
}
img.block {
  display: block;
}
.holder {
  background-color: #eeeeee;
  padding: 150px 0;
  width: 100%;
  overflow-y: hidden;
}
.holder.no-hide, .no-hide {
  overflow: auto;
}
.holder.short-pad {
  padding: 50px 0;
}
.holder.pad-100 {
    padding:100px 0;
}

.holder.white {
  background-color: #FFF;
  overflow-x: hidden;
}
.holder.purple {
  background-color: #623754;
}
.holder.dk-green {
  background-color: #445566;
}
.holder.dk-blue {
  background-color: #232057;
}
.holder.purple-bg {
    background-color:#3c3946;
}
.holder.waterside-blue {
  background-color: #003360;
}
.holder.terrabella-green {
  background-color: #94bdb0;
}
.holder.orange {
  background-color: #e08e50;
}
.holder.market-orange {
  background-color: #F0A55E;
}
.holder.hunter-green {
  background-color: #4a7637;
}
.holder.ice-blue {
  background-color: #27a6dd;
}
.holder.gold {
  background-color: #977348;
}
.holder.dk-grey {
  background-color: #6c6e70;
}
.holder.teal {
  background-color: #00ae9e;
}
.holder.olive {
  background-color: #9aa16e;
}
.holder.brown {
  background-color: #a5631c;
}
.holder.hartland-blue {
  background-color: #1c1e4d;
}
.holder.chatham-blue {
  background-color: #0c3554;
}
.holder.hartland-green {
  background-color: #5e7875;
}
.holder.vineyards-coral {
  background-color: #f18070;
}
.holder.red-bg {
    background-color:#cb583f;
}
.holder.nsh-blue {
  background: #236d9f url('/wp-content/uploads/2024/05/neal-sig-diamond-pattern-white.png') no-repeat top center/100%;
}
.holder.nsh-brand {
  background: url('/wp-content/uploads/2024/05/neal-sig-diamond-pattern-scaled.jpg') no-repeat top center/100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.holder.beige {
    background-color:#f6ece1;
    padding:100px 0;
    overflow-x:hidden;
}

.holder.beige.top-50 {
    padding-top:50px;
}

.holder.no-bottom-pad {
  padding-bottom: 0;
}
.holder.no-top-pad {
  padding-top: 0;
}
.holder.no-pad {
  padding: 0 !important;
}
.white-txt {
  color: #FFF;
}
.holder.dark-grey {
  background-color: #b6b6b6;
}
.holder.tan {
  background-color: #e3c5a3;
}
.upper {
  text-transform: uppercase;
}
.bike-vid video {
  pointer-events: none;
}
.bike-vid {
  position: absolute;
  overflow: hidden;
  max-width: 50%;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
}

.bike-vid .bg-photo {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
}

.bike-vid iframe, .bike-vid object, .bike-vid embed, .bike-vid video {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100vh;
  min-height: 100%;
}
.video-mask {
  position: absolute;
  top: 0;
  height: 100%;
  width: auto;
  right: -1px;
}
.circle-over {
  position: absolute;
  left: 50%;
  bottom: -199px;
  width: 70%;
  max-width: 769px;
  transform: translateX(-50%);
  z-index: 1;
  min-width: 357px;
}
.circle-over.coll {
  left: 65%;
  opacity: 0.6;
  max-width: 681px;
  bottom: auto;
  top: 15%;
}
.z-5 {
  z-index: 5;
}
.red-vertical-bar {
  width: 1px;
  height: 150px;
  border: solid 2px #cb583f;
  margin: 0 auto;
  margin-top: 60px;
  z-index: 20;
  position: relative;
}
.red-vertical-bar.diag {
  transform: rotate(45deg);
  height: 450px;
  margin-top: -50px;
}
.red-vertical-bar.diag.reversed {
  transform: rotate(-45deg);
}
.center {
  text-align: center;
}
.mw-732 {
  max-width: 732px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.mw-732 .ta-left {
  text-align: left;
  margin: 0;
}
.ta-left {
  text-align: left;
}
.mw-732.ta-left.but-center {
  margin: 0 auto;
}
.mw-250 {
  max-width: 250px;
}
.mw-275 {
  max-width: 275px;
}
.mw-292 {
  max-width: 292px;
}
.mw-295 {
  max-width: 295px;
}
.mw-325 {
  max-width: 325px;
}
.mw-334 {
  max-width: 334px;
}
.mw-347 {
  max-width: 347px;
}
.mw-353 {
  max-width: 353px;
}
.mw-374 {
  max-width: 374px;
}
.mw-380 {
  max-width: 380px;
}
.mw-400 {
  max-width: 400px;
}
.mw-407 {
  max-width: 407px;
}
.mw-435 {
  max-width: 435px;
}
.mw-450 {
  max-width: 450px;
}
.mw-495 {
  max-width: 495px;
}
.mw-496 {
  max-width: 496px;
}
.mw-532 {
  max-width: 532px;
}
.mw-543 {
  max-width: 543px;
}
.mw-550 {
  max-width: 550px;
}
.mw-923 {
  max-width: 923px;
}
.mw-1114 {
  max-width: 1114px;
}
.mw-1114 .row .columns {
  margin-bottom: 4%;
}
.mw-923.centered, .mw-450.centered, .mw-532.centered {
  margin: 0 auto;
}
@media (max-width:980px) {
  .mobile-450 {
    max-width: 450px;
    margin: 0 auto;
  }
}
.arrow {
  vertical-align: middle;
  width: 67px;
  height: 35px;
}
.arrow img {
  display: block;
}
.arrow.left {
  transform: rotate(180deg) !important;
}
img.no-vis, .no-vis {
  visibility: hidden;
}
.logo-holder {
  text-align: center;
}
.logo-holder li {
  display: inline-block;
  width: 18%;
  margin-right: 2.5%;
  vertical-align: middle;
  margin-bottom: 40px;
  padding-left: 0;
  position: relative;
}
.logo-holder li img, .logo-wrap li img {
  max-width: 100%;
  transition: filter .5s ease-in-out;
}
.logo-holder li:not(.custom-logo) img, .logo-wrap li:not(.custom-logo) img {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}
.logo-holder li:not(.custom-logo) img:hover {
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
.logo-holder li:nth-child(5n) {
  margin-right: 0;
}
.logo-top {
  -webkit-filter: opacity(0); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: opacity(0); /* FF 35+ */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.logo-holder li:hover .logo-top {
  -webkit-filter: opacity(1); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: opacity(1); /* FF 35+ */
}

.title h5, .title-box h5 {
  font-size: 24px;
}
h6 {
  font-size: 20px;
  line-height: 1.65;
}
.single-post .holder h6 {
  font-weight: bold;
  max-width: 745px;
  margin: 0 auto 20px;
}
.single-post h6.underline {
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  margin-bottom: 0;
}
.single-post .holder h5 {
  font-size: 30px;
  line-height: 30px;
}
.single-post .holder h4, .single-post .holder h5, .single-post .holder h3, .single-post h2, .single-post .holder h1 {
  max-width: 732px;
  margin: 0 auto;
}
.single-post .size-medium {
  max-width: 732px;
  width: 100%;
  margin: 10px auto;
}
.single-post .size-medium img {
  max-width: 447px;
  width: 100%;
}
.single-post ul {
  margin: 0 auto 20px;
  max-width: 745px;
  padding: 0 20px;
}
.blog-image {
  padding-top: 20px;
  padding-bottom: 20px;
}
.single-post ul a {
  text-decoration: underline;
  font-weight: bold;
  color: #000;
}
.single-post ul a:hover {
  color: #e5221b;
}
.single-post .container.mt-90 li {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
  padding-left: 10px;
}
/* prev / next links */
.cycle-arrows {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #fff;
  z-index: 1000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}
.cycle-arrows.cycle-prev {
  left: 30px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.cycle-arrows.cycle-next {
  right: 30px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.lwrgcc .cycle-arrows.cycle-prev {
  left: 10px;
}
.lwrgcc .cycle-arrows.cycle-next {
  right: 10px;
}
.gold .cycle-arrows.cycle-prev, .gold .cycle-arrows.cycle-next {
  color: #757575;
  border-color: #757575;
}
.cycle-arrows.cycle-prev.white-arrows, .cycle-arrows.cycle-next.white-arrows {
  color: #FFF !important;
  border-color: #FFF !important;
}
.lwrgcc .photo {
  width: 100%;
}
.lwrgcc .photo.cycle-slide-active {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
@media (max-width:980px) {
  .lwrgcc .photo.cycle-slide-active {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
/* END  prev / next links */
.red {
  color: #cb583f;
}
.quote {
  margin: 0 auto;
}
.purple {
  color: #623754;
}
.dk-green {
  color: #3d5763;
}
.brown {
  color: #a5631c;
}
.dk-blue {
  color: #232057;
}
.waterside-blue {
  color: #003360;
}
.hartland-blue {
  color: #1c1e4d;
}
.hartland-green {
  color: #5d7875;
}
.chatham-blue {
  color: #0c3554;
}
.vineyards-maroon {
  color: #7b344e;
}
.nsh-gold {
  color: #b69121;
}
.nsh-blue {
  color: #236d9f;
}
.terrabella-green {
  color: #4d917b;
}
.orange {
  color: #e08e50;
}
.market-orange {
  color: #F0A55E;
}
.market-green {
  color: #7d9c4c;
}
.gold {
  color: #977348;
}
.dk-grey {
  color: #6c6e70
}
.black-txt {
    color:#382f2d;
}
.teal {
  color: #00ae9e;
}
.hunter-green {
  color: #4a7637;
}
.ice-blue {
  color: #27a6dd;
}
.olive {
  color: #9aa16e;
}
.lt-grey {
  color: #382f2d;
}
img.centered {
  display: block;
  margin: 0 auto;
}
.cycle-slideshow {
  max-width: 910px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 60px;
}
.cycle-pager {
  text-align: center;
}
.cycle-slideshow.lwr {
  max-width: 100%;
  margin: 0 auto 12px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.cycle-slideshow.lwr img:nth-child(3).cycle-slide {
  width: 100%;
  animation: move 8.75s ease 2s infinite;
  /* Add infinite to loop. */
  -ms-animation: move 8.75s ease 2s infinite;
  -webkit-animation: move 8.75s ease 2s infinite;
  -o-animation: move 8.75s ease 2s infinite;
  -moz-animation: move 8.75s ease 2s infinite;
  position: absolute;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
.cycle-slideshow.lwr img:nth-child(6).cycle-slide {
  width: 100%;
  animation: move 8.75s ease 9.5s infinite;
  /* Add infinite to loop. */
  -ms-animation: move 8.75s ease 9.5s infinite;
  -webkit-animation: move 8.75s ease 9.5s infinite;
  -o-animation: move 8.75s ease 9.5s infinite;
  -moz-animation: move 8.75s ease 9.5s infinite;
  position: absolute;
}
.cycle-slideshow.lwr img:nth-child(8).cycle-slide {
  width: 100%;
  animation: move 8.75s ease 14.5s infinite;
  /* Add infinite to loop. */
  -ms-animation: move 8.75s ease 14.5s infinite;
  -webkit-animation: move 8.75s ease 14.5s infinite;
  -o-animation: move 8.75s ease 14.5s infinite;
  -moz-animation: move 8.75s ease 14.5s infinite;
  position: absolute;
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
@-webkit-keyframes move {
  0% {
    -ms-transform: scale(1.0);
    /* IE 9 */
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    -o-transform: scale(1.0);
    /* Opera */
    -moz-transform: scale(1.0);
    /* Firefox */
    transform: scale(1.0);
  }
  100% {
    -ms-transform: scale(1.4);
    /* IE 9 */
    -webkit-transform: scale(1.4);
    /* Safari and Chrome */
    -o-transform: scale(1.4);
    /* Opera */
    -moz-transform: scale(1.4);
    /* Firefox */
    transform: scale(1.4);
  }
}
.cycle-slideshow.terrabella, .cycle-slideshow.vineyards-slideshow, .cycle-slideshow.chathampark {
  max-width: 1113px;
}
.cycle-pager span {
  font-family: arial;
  font-size: 0;
  line-height: 10px;
  width: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  border: 1px solid #4a4a4a;
  border-radius: 50%;
}
.cycle-pager span.cycle-pager-active {
  background-color: #4a4a4a;
}
.cycle-pager > * {
  cursor: pointer;
}
.chatham-hr > div > div > div {
  height: 3px;
  background-color: #0c3554;
}
.chatham-hr > div > div {
  padding: 10px 0;
  border-left: 3px solid #0c3554;
  border-right: 3px solid #0c3554;
}
.ken-burns {
  position: relative;
  height: 0;
  padding-bottom: 40%;
  margin-bottom: 12px;
}
.video-container .ken-burns {
  padding-bottom: 46.6%;
  margin-bottom: 0;
}
#lwr-video .holder.orange {
  background-color: rgba(224, 142, 80, 0.9);
}
#lwr-video {
  background-image: url(/wp-content/uploads/2022/03/LWR_Video_01.jpg);
  background-size: auto 100%; /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
  -webkit-transition: background-image 0.5s ease-in-out;
  transition: background-image 0.5s ease-in-out;
}
/*
#lwr-video[style*="background-image: url(/wp-content/uploads/2022/03/LWR_Video_01.jpg);"]{
      animation: movebackground 3s ease infinite;
   Add infinite to loop. 
  -ms-animation: movebackground 3s ease infinite;
  -webkit-animation: movebackground 3s ease infinite;
  -o-animation: movebackground 3s ease infinite;
  -moz-animation: movebackground 3s ease infinite;
}
@-webkit-keyframes movebackground {
    0% {
       background-size: auto 100%; 
    }
    100% {
       background-size: auto 140%; 
    }

}
*/
ken-burns-carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.testi-pager {
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 10;
}
.logo-pager {
  position: static;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 60px;
}
.testi-pager span, .logo-pager span {
  border-radius: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #4a4a4a;
  margin-right: 10px;
  color: #eeeeee;
  font-size: 1px;
}
.testi-pager span:last-child, .logo-pager span:last-child, .cycle-pager span:last-child {
  margin-right: 0;
}
.testi-pager span.cycle-pager-active, .logo-pager span.cycle-pager-active {
  background-color: #4a4a4a;
  color: #4a4a4a;
}
.tan-dots {
  right: -50%;
  position: absolute;
  top: -50%;
}
.tan-dots.home-blog {
  width: 100%;
  max-width: 1211px;
}

.tan-dots.faq-page {
   right: auto;
  left: -25%;
  top: -25%;
  width: 68%;
}

.tan-dots.faq-page img{
    width:100%;
}

.tan-dots.home-blog img {
  width: 100%;
}
.tan-dots.bottom-map {
  right: -20%;
  bottom: -400px;
  z-index: 0;
  top: auto;
  width: 60%;
}
.tan-dots.top-app {
  top: -44%;
  z-index: 20;
  left: -30%;
  max-width: 881px;
  width: 100%;
}
.tan-dots.top-app.port {
  left: auto;
  right: -30%;
}
.tan-dots.top-app img, .tan-dots.services img {
  width: 100%;
}
.z-50 {
  z-index: 50;
}
.blog-set .photo {
  width: 100%;
}
.blog-set photo img {
  width: 100%;
}
.ib {
  display: inline-block;
}
.ib-text {
  display: inline-block;
  margin-right: 50px;
  vertical-align: middle;
}
.ib-text:last-child {
  margin-right: 0;
}
.no-btm {
  margin-bottom: 0;
}
.scene, .scene-life, .scene1, .scene2, .scene3, .scene-comm {
  transform: translateY(var(--translateY));
  will-change: transform;
  /*transform: translateY(var(--ty));*/
}
.red-bar-horizontal {
  height: 2px;
  border: solid 2px #cb583f;
  width: 100%;
}
.ex-large {
  font-size: 191.5px;
  font-weight: bold;
  line-height: 0.94;
  color: #eeeeee;
}
.ex-large.keep-browsing {
  margin-left: -100px;
}
.float-to-inline .column, .float-to-inline .columns {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
h4.peach-wrap {
  background-color: #e3c5a3;
  padding: 7px 15px;
}

h4.bar-left {
    padding-left:20px;
    border-left:5px solid #cb583f;
}
.team-bg {
  background-image: url(img/TeamPhoto_Quote.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 145px 0;
}
.team-bg.websites, .team-bg.e-marketing, .team-bg.promotional {
  background-image: none;
  overflow: hidden;
}
.team-bg.eastmore {
  padding: 205px 0;
}
.team-bg.lakewood, .team-bg.wsp, .team-bg.hartland, .team-bg.terrabella, .team-bg.vineyards, .team-bg.farmers, .team-bg.chatham, .team-bg.nsh {
  padding: 305px 0;
}
.greeting-house {
  transform: translateY(-50%);
  background-color: rgba(94, 120, 117, 0.85);
  padding: 20px;
}
.awareness-campaign {
  background-color: rgb(248, 146, 113);
  padding: 40px 20px;
  margin-bottom: 30px;
  width: 100%;
}
.greeting-house .columns.stretch-980, .awareness-campaign .columns.stretch-980 {
  margin-bottom: 0;
}
.market-image-grid .columns.stretch-980 {
  margin-bottom: 4%;
}
@media (min-width:981px) {
  /*
    .cycle-slideshow.vineyards-slideshow {
  width: 100%;
    height:400px;
    margin:0 auto;
    max-width: 100%;
}
*/
  .greeting-house, .awareness-campaign {
    padding: 100px;
  }
  .market-image-grid .columns.stretch-980 {
    margin-bottom: 0;
  }
  .market-image-grid .row:first-child {
    margin-bottom: 4%;
  }
  .ac-container {
    height: 0;
  }
  .awareness-campaign {
    max-width: 930px;
  }
  .awareness-campaign {
    transform: translateY(-50%);
    background-color: rgba(248, 146, 113, 0.85);
  }
}
/*
@media (min-width:1393px){
        .cycle-slideshow.vineyards-slideshow {
  width: 1114px;
    height:605px;
    margin:0 auto;
    max-width: 100%;
}
}
*/
.ta-right {
  text-align: right;
}
.pb-210 {
  padding-bottom: 210px;
}
.pb-135 {
  padding-bottom: 135px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-65 {
  padding-bottom: 65px;
}
.pb-40 {
  padding-bottom: 40px;
}
.mw-478, .mw-438, .mw-350 {
  max-width: 478px;
  margin: 0 auto;
}
.mw-438 {
  max-width: 438px;
}
.mw-350 {
  max-width: 350px;
  margin: 0;
}
.contact-icon {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
  padding-left: 40px;
  background-image: url(img/Icon_Phone.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 25px;
}
.contact-icon.email {
  background-image: url(img/Icon_Email.png);
}
.contact-icon.location {
  background-image: url(img/Icon_Location.png);
  background-position: 0 5%;
}
.gform_wrapper label.gfield_label {
  font-weight: normal !important;
}
body .gform_wrapper ul li.gfield:first-child, .gform_wrapper {
  margin-top: 0 !important;
}
.gform_wrapper .top_label input.medium {
  width: 100% !important;
}
#gform_submit_button_1 {
  height: 0;
  width: 0;
  position: absolute;
  z-index: -50;
  border: none !important;
  opacity: 0;
}
.gform_wrapper .gform_footer {
  margin: 0 !important;
  padding: 0 !important;
}
.ml-16 {
  margin-left: 16px !important;
}
#map {
  width: 100%;
  height: 482px;
}
.collab-photo {
  position: absolute;
  top: 0;
  right: -180px;
  z-index: 0;
}
.collab-photo img {
  max-width: 701px;
  width: 100%;
}
.ox-hide {
  overflow-x: hidden;
}
.approach-circle {
  position: absolute;
  top: -100px;
  left: 0;
  max-width: 875px;
  z-index: 1;
}
.approach-circle img {
  width: 100%;
}
.red-circle {
  position: absolute;
  top: 40%;
  left: -20%;
  z-index: 3;
  width: 70%;
}
.ex-large.step1 {
  position: absolute;
  top: -250px;
  left: -100px;
  z-index: 1000;
}
@media (min-width:981px) {
  .ex-large.our-work {
    /* position:absolute;
  bottom:0;
  left:-60px;*/
    margin-top: -100px;
  }
}
.ex-large.step1.right {
  left: auto;
  right: -100px;
  bottom: -10px;
  top: auto;
}
.ex-large.step1.left {
  bottom: -10px;
  top: auto;
}
.ex-large.step1.non-abso {
  position: static;
  visibility: hidden;
}
@media (max-width:1160px) {
  .border, .border::before, .border::after, .border span {
    display: none !important;
  }
}
h1.fs-53 {
  font-size: 53px;
}
@media (max-width:980px) {
  .stretch-980, .columns.stretch-980, .column.stretch-980 {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .mb-135 {
    margin-bottom: 65px;
  }
  img.right-float {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .circle-dots {
    left: auto;
    right: 0;
    bottom: auto;
    top: -120px;
  }
  .bike-vid {
    /*display: none;*/
    max-width:none;
    position:static;
  }

    .bike-vid .bg-photo {
  position: static;
  display: block;
  width: 100%;
  padding-bottom: 58%;
  background-position: 50% 50%;
    }

  .video-mask {
    display: none;
  }
  .logo-holder li {
    width: 32%;
    margin-right: 2%;
  }
  .logo-holder li:nth-child(5n) {
    margin-right: 2%;
  }
  .logo-holder li:nth-child(3n) {
    margin-right: 0;
  }
  .footer-logo {
    text-align: center;
    margin: 0 auto;
  }
  .footer-address.left {
    text-align: center;
    margin-top: 20px;
  }
  .ex-large.step1, .ex-large, .ex-large.sticky {
    position: static;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 98px;
    line-height: 110px;
    margin-bottom: 40px;
  }
  .red-vertical-bar.diag {
    transform: none;
    height: 200px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 30px;
  }
  .red-vertical-bar.diag.reversed {
    transform: none;
  }
  .holder {
    padding: 75px 0;
  }
  h1, h1.brown-shelf, h1.fs-53 {
    font-size: 40px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    letter-spacing:2px;
    line-height:48px;
  }
  h1.brown-shelf {
    display: table;
    background-image: linear-gradient(transparent 0%, transparent 65%, #e3c5a3 65%, #e3c5a3 95%, transparent 95%, transparent);
    border: none;
    padding-bottom: 5px;
  }
  .m-top-none, .top-130.m-top-none {
    padding-top: 0;
  }
  .m-pad-none {
    padding: 0;
  }
  .circ-vid-overlay {
    width: 100%;
    position: static;
  }
  .circ-mask.no-vis {
    display: none;
  }
  .circ-vid-overlay.mw-808 {
    max-width: none;
  }
  .circ-vid-overlay video {
    width: 100%;
    height: auto;
    position: static;
  }
  .top-nav .nav-group {
    /*
    height: 100vh;
    max-height: 0;
*/
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
  }
  .top-nav .nav-group.active {
    display: block;
    position: relative;
    width: 100vw;
    left: 0;
    top: 0;
    text-align: left;
    z-index: 950;
    height: 100dvh;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    background-image: url(/wp-content/themes/sparkfire/img/mobile_footer_dots.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .top-nav .nav-group.active li {
    display: block;
    margin: 0 auto;
  }
  .top-nav .nav-items.active li a {
    font-size: 18px;
  }
  .top-nav .container {
    width: 100%;
  }
  .top-nav .logo {
    width: auto;
    margin: 15px 30px;
    padding: 0;
  }

.top-nav.open .logo {
    display:none;
}

.top-nav.open {
    z-index:5002;
}

  .top-nav .hamburger {
    position: absolute;
    top: 25px;
    right: 3%;
    z-index: 960;
  }
  body, html {
    overflow-x: clip;
    /*max-width:100%;*/
  }
  .ma-auto {
    margin: 0 auto;
  }
  .top-130 {
    padding-top: 65px;
  }
  .mt-100,
  .mt-150 {
    margin-top: 50px;
  }
  .mt-135 {
    margin-top: 65px;
  }
  .mt-135.mobile-30 {
    margin-top: 30px;
  }
  .mt-270 {
    margin-top: 65px;
  }
  .columns.mb-none, .column.mb-none, .mb-none, p.mb-none {
    margin-bottom: 0 !important;
  }
  .tan-circle {
    display: none;
  }
  .circle-dots {
    display: none;
  }
  h4 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.94;
    letter-spacing: 2px;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .ib-text {
    margin-right: 0;
    display: block;
    margin-bottom: 10px;
  }
  .velo-slide__header {
    padding: 50px 80px 0 80px;
  }
  .velo-slide__text.lg {
    font-size: 75px;
    line-height: 90px;
    font-weight: bold;
  }
  .mw-478, .mw-450, .mw-292, .mw-532 {
    margin: 0 auto;
  }
  img.com {
    margin: 0 auto;
    display: block;
  }
  .com-h h5 {
    text-align: center;
  }
  .collab-photo {
    /* display:block;
    position:static;
    margin:0 auto;
    width: 90%;*/
  }
}
@media (max-width:760px) {
  /*  .logo-holder li {
    width:49%;
    margin-right:2%;
  }

  .logo-holder li:nth-child(3n) {
    margin-right:2%;
  }

  .logo-holder li:nth-child(2n) {
    margin-right:0;
  }*/
  h1.brown-shelf.mobile-ex-small {
    font-size: 23px;
  }
  .velo-slide__header {
    padding: 20px 80px 0 80px;
  }
  .velo-slide__text.lg {
    font-size: 35px;
    line-height: 30px;
    font-weight: bold;
  }
  .velo-slide__title {
    font-size: 45px;
  }
  .arrow {
    vertical-align: middle;
    width: 37px;
    height: auto;
  }
}
@media (max-width:480px) {
  /*  .logo-holder li {
    width:100%;
    margin-right:0;
  }

  .logo-holder li:nth-child(3n) {
    margin-right:0;
  }*/
  .velo-slide__title {
    font-size: 32px;
  }
  .velo-slide__text.lg {
    font-size: 32px;
    line-height: 22px;
    font-weight: bold;
  }
  .velo-slide__header {
    padding: 20px 0 0 0;
    margin-left: 0;
  }
  .velo-slide__header.pad-mobile {
    padding: 20px;
  }
  .velo-slide__header.pad-mobile .velo-slide__title {
    font-size: 32px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .velo-slide__header.pad-mobile .velo-slide__text.sm {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: 0;
  }
}
h2 {
  font-size: 34px;
}
.sliding-elevation {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@-webkit-keyframes bg-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.sliding-elevation .bg {
  width: 200%;
  background: url(img/Eastmore_Main_Elevation_fullbg.jpg) no-repeat;
  position: absolute;
  background-position: 0 0;
  top: 0;
  bottom: 0;
  background-size: auto 100%;
  left: 0;
  animation: bg-slide 20s linear;
}
.btn {
  padding: 13px 22px;
  background-color: #623754;
  color: #FFF;
  display: inline-block;
}
.grey-box-temp {
  width: 100%;
  background-color: #d8d8d8;
}
.grey-box-temp:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.comm-cat {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 3.21px;
  text-transform: uppercase;
}
img.full-width {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: block;
}
img.fw {
  width: 100% !important;
  display: block;
}
.fw.mt-135 {
  margin-top: 135px;
}
.full-width.mt-135 {
  margin-top: 135px;
}
.btn-draw span span {
  font-family: 'Open Sans', sans-serif;
}
.btn-draw.btn--white.orange {
  color: #e08e50;
}
.btn-draw.btn--white.orange:before, .btn-draw.btn--white.orange:after, .btn-draw.btn--white.orange .btn-draw__text:before, .btn-draw.btn--white.orange .btn-draw__text:after, .btn-draw.btn--white.orange .btn-draw__text > span:before, .btn-draw.btn--white.orange .btn-draw__text > span:after {
  background-color: #e08e50;
}

.btn-draw.btn--black {
  color: #382f2d;
}

.btn-draw.btn--white.orange:hover, a:hover .btn-draw.btn--white.orange {
  color: #e08e50;
}
.btn-draw.btn--white.market-orange {
  color: #F0A55E;
}
.btn-draw.btn--white.market-orange:before, .btn-draw.btn--white.market-orange:after, .btn-draw.btn--white.market-orange .btn-draw__text:before, .btn-draw.btn--white.market-orange .btn-draw__text:after, .btn-draw.btn--white.market-orange .btn-draw__text > span:before, .btn-draw.btn--white.market-orange .btn-draw__text > span:after {
  background-color: #F0A55E;
}
.btn-draw.btn--white.market-orange:hover, a:hover .btn-draw.btn--white.market-orange {
  color: #F0A55E;
}
.btn-draw.btn--white.olive {
  color: #9aa16e;
}
.btn-draw.btn--white.olive:before, .btn-draw.btn--white.olive:after, .btn-draw.btn--white.olive .btn-draw__text:before, .btn-draw.btn--white.olive .btn-draw__text:after, .btn-draw.btn--white.olive .btn-draw__text > span:before, .btn-draw.btn--white.olive .btn-draw__text > span:after {
  background-color: #9aa16e;
}
.btn-draw.btn--white.olive:hover, a:hover .btn-draw.btn--white.olive {
  color: #9aa16e;
}
.hartness-ts video {
  width: 100% !important;
  height: auto !important;
}
.btn-draw.btn--white.dk-blue {
  color: #232057;
}
.btn-draw.btn--white.dk-blue:before, .btn-draw.btn--white.dk-blue:after, .btn-draw.btn--white.dk-blue .btn-draw__text:before, .btn-draw.btn--white.dk-blue .btn-draw__text:after, .btn-draw.btn--white.dk-blue .btn-draw__text > span:before, .btn-draw.btn--white.dk-blue .btn-draw__text > span:after {
  background-color: #232057;
}
.btn-draw.btn--white.dk-blue:hover, a:hover .btn-draw.btn--white.dk-blue {
  color: #232057;
}
.btn-draw.btn--white.waterside-blue {
  color: #003360;
}
.btn-draw.btn--white.waterside-blue:before, .btn-draw.btn--white.waterside-blue:after, .btn-draw.btn--white.waterside-blue .btn-draw__text:before, .btn-draw.btn--white.waterside-blue .btn-draw__text:after, .btn-draw.btn--white.waterside-blue .btn-draw__text > span:before, .btn-draw.btn--white.waterside-blue .btn-draw__text > span:after {
  background-color: #003360;
}
.btn-draw.btn--white.waterside-blue:hover, a:hover .btn-draw.btn--white.waterside-blue {
  color: #003360;
}
.btn-draw.btn--white.hartland-blue {
  color: #1e1e4d;
}
.btn-draw.btn--white.hartland-blue:before, .btn-draw.btn--white.hartland-blue:after, .btn-draw.btn--white.hartland-blue .btn-draw__text:before, .btn-draw.btn--white.hartland-blue .btn-draw__text:after, .btn-draw.btn--white.hartland-blue .btn-draw__text > span:before, .btn-draw.btn--white.hartland-blue .btn-draw__text > span:after {
  background-color: #1e1e4d;
}
.btn-draw.btn--white.hartland-blue:hover, a:hover .btn-draw.btn--white.hartland-blue {
  color: #1e1e4d;
}
.btn-draw.btn--white.chatham-blue {
  color: #0c3554;
}
.btn-draw.btn--white.chatham-blue:before, .btn-draw.btn--white.chatham-blue:after, .btn-draw.btn--white.chatham-blue .btn-draw__text:before, .btn-draw.btn--white.chatham-blue .btn-draw__text:after, .btn-draw.btn--white.chatham-blue .btn-draw__text > span:before, .btn-draw.btn--white.chatham-blue .btn-draw__text > span:after {
  background-color: #0c3554;
}
.btn-draw.btn--white.chatham-blue:hover, a:hover .btn-draw.btn--white.chatham-blue {
  color: #0c3554;
}
.btn-draw.btn--white.terrabella-green {
  color: #4d917b;
}
.btn-draw.btn--white.terrabella-green:before, .btn-draw.btn--white.terrabella-green:after, .btn-draw.btn--white.terrabella-green .btn-draw__text:before, .btn-draw.btn--white.terrabella-green .btn-draw__text:after, .btn-draw.btn--white.terrabella-green .btn-draw__text > span:before, .btn-draw.btn--white.terrabella-green .btn-draw__text > span:after {
  background-color: #4d917b;
}
.btn-draw.btn--white.terrabella-green:hover, a:hover .btn-draw.btn--white.terrabella-green {
  color: #4d917b;
}
.btn-draw.btn--white.vineyards-maroon {
  color: #7b344e;
}
.btn-draw.btn--white.vineyards-maroon:before, .btn-draw.btn--white.vineyards-maroon:after, .btn-draw.btn--white.vineyards-maroon .btn-draw__text:before, .btn-draw.btn--white.vineyards-maroon .btn-draw__text:after, .btn-draw.btn--white.vineyards-maroon .btn-draw__text > span:before, .btn-draw.btn--white.vineyards-maroon .btn-draw__text > span:after {
  background-color: #7b344e;
}
.btn-draw.btn--white.vineyards-maroon:hover, a:hover .btn-draw.btn--white.vineyards-maroon {
  color: #7b344e;
}
.btn-draw.btn--white.nsh-gold {
  color: #b69121;
}
.btn-draw.btn--white.nsh-gold:before, .btn-draw.btn--white.nsh-gold:after, .btn-draw.btn--white.nsh-gold .btn-draw__text:before, .btn-draw.btn--white.nsh-gold .btn-draw__text:after, .btn-draw.btn--white.nsh-gold .btn-draw__text > span:before, .btn-draw.btn--white.nsh-gold .btn-draw__text > span:after {
  background-color: #b69121;
}
.btn-draw.btn--white.nsh-gold:hover, a:hover .btn-draw.btn--white.nsh-gold {
  color: #b69121;
}
.btn-draw.btn--white.gold {
  color: #977348;
}
.btn-draw.btn--white.gold:before, .btn-draw.btn--white.gold:after, .btn-draw.btn--white.gold .btn-draw__text:before, .btn-draw.btn--white.gold .btn-draw__text:after, .btn-draw.btn--white.gold .btn-draw__text > span:before, .btn-draw.btn--white.gold .btn-draw__text > span:after {
  background-color: #977348;
}
.btn-draw.btn--white.gold:hover, a:hover .btn-draw.btn--white.gold {
  color: #977348;
}
.btn-draw.btn--white.brown {
  color: #a5631c;
}
.btn-draw.btn--white.brown:before, .btn-draw.btn--white.brown:after, .btn-draw.btn--white.brown .btn-draw__text:before, .btn-draw.btn--white.brown .btn-draw__text:after, .btn-draw.btn--white.brown .btn-draw__text > span:before, .btn-draw.btn--white.brown .btn-draw__text > span:after {
  background-color: #a5631c;
}
.btn-draw.btn--white.brown:hover, a:hover .btn-draw.btn--white.brown {
  color: #a5631c;
}
.nsh-website .website-btn {
  padding-top: 30px;
}
.nsh-website-image {
  position: relative;
  overflow: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */    
}
/* Hide scrollbar for Chrome, Safari and Opera */
.nsh-website-image::-webkit-scrollbar {
  display: none;
}
.nsh-website-image .before {
  position: absolute;
  top: 0;
}
.nsh-website-image img.hidden {
  opacity: 0;
  transition: opacity 0.3s linear;
}
.nsh-website-image img.after.hidden {
  height: 0;
}
.nsh-website-image img {
  opacity: 100%;
  transition: opacity 0.3s linear;
}
.nsh-website-image img.macbook {
    position: sticky;
    top: 0;
}
.nsh-website-image img.after, .nsh-website-image img.before {
  z-index: -1;
  position: absolute;
  top: 3.5%;
  left: 50%;
  width: 78.9%;
  transform: translate3D(-50%, 0, 0);
    padding-bottom: 5.25%;
}
.nsh-website-image img.after.scroll {
  transform: translate3D(-50%, -87.5%, 0);
}

.nsh-website-image img.before.scroll {
  transform: translate3D(-50%, -85%, 0);
}

.nsh-website-buttons button {
  letter-spacing: 3.21px;
  color: #236d9f;
  border: solid 3px #236d9f;
  height: 58px;
  width: 160px;
  font-size: 15px;
  border-radius: 0;
  margin-right: 20px;
  margin-left: 20px;
}
.nsh-website-buttons button.active {
  color: white;
  background-color: #236d9f;
}
.ipad-scroll {
  position: relative;
  width: 100%;
  z-index: 5;
  overflow: hidden;
  /*  max-width:492px;*/
  margin-left: auto;
}
.ipad-scroll img {
  width: 100%;
  display: block;
}
.scrolling-flyer {
  position: absolute;
  z-index: 0;
  width: 100%;
  z-index: -1;
  top: 60px;
  left: 0;
}
.fade-out.aos-animate {
  opacity: 0
}
.logo-fade {
  position: relative;
  display: none;
}
.silent-fade {
  position: relative;
  display: block;
}
.logo-fade.mw-1114 {
  display: block;
}
.market-fade {
  position: relative;
  display: block;
}
@media (min-width:651px) {
  .logo-fade {
    display: block;
  }
  .logo-fade-mobile {
    display: none;
  }
}
.logo-final {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%) !important;
  opacity: 0;
}
.silent-final {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.scrolling-flyer.aos-animate {
  animation: myship 20s forwards;
  -moz-animation: myship 20s forwards; /* Firefox */
  -webkit-animation: myship 20s forwards; /* Safari and Chrome */
}
@keyframes myship {
  from {
    top: 60px;
  }
  to {
    top: -2000px;
  }
}
@-moz-keyframes myship {
  from {
    top: 80px;
  }
  to {
    top: -2000px;
  }
}
@-webkit-keyframes myship {
  from {
    top: 80px;
  }
  to {
    top: -2000px;
  }
}
.scrolling-flyer img {
  width: 100%;
}
.gif-left {
  position: absolute;
  bottom: -100px;
  left: -100px;
  max-width: 353px;
  z-index: 20;
}
.gif-left img {
  max-width: 100%;
  width: 100%;
}
.slow-zoom {
  overflow: hidden;
}
.slow-zoom img.abs {
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.slow-zoom.aos-animate img.abs {
  animation: scale 10000ms ease-in-out forwards;
}
@keyframes scale {
  to {
    transform: scale(1.2);
  }
}
.slow-zoom.ts {
  background-image: url(/wp-content/themes/sparkfire/img/Touchscreens.jpg);
}
@media (max-width:1120px) {
  .ex-large.services {
    padding-top: 230px;
  }
}
@media (max-width:980px) {
  .ex-large.services {
    padding-top: 65px;
  }
  .columns.stretch-980.list {
    margin-bottom: 10px;
  }
  .columns.stretch-980.mb-none, p.mb-none, ul.mb-none {
    margin-bottom: 0;
  }
  .list ul {
    margin-bottom: 0;
  }
  .com, h1.brown-shelf.com, h1.com {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .team-bg {
    padding: 72px 0;
  }
  .team-bg.lakewood, .team-bg.wsp, .team-bg.hartland, .team-bg.terrabella, .team-bg.vineyards, .team-bg.chatham, .team-bg.nsh {
    padding: 135px 0;
  }
  .team-bg p {
    margin-bottom: 0;
  }
  .pb-135 {
    padding-bottom: 40px;
  }
  .pb-100 {
    padding-bottom: 0;
  }
  .ta-right {
    text-align: center;
  }
  .contact-icon {
    font-size: 16px;
  }
  .mt-135.no-top {
    margin-top: 0;
  }
  img.mw-923 {
    max-width: 90%;
    margin: 0 auto;
  }
  h2 {
    font-size: 35px;
    line-height: 42px;
  }
  .ex-large.keep-browsing {
    margin-left: 0;
    text-align: left;
    font-size: 67px;
    line-height: 72px;
  }
  .full-width.mt-135 {
    margin-top: 65px;
  }
  .gif-left {
    position: static;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .ipad-scroll {
    margin-right: auto;
  }
  h5 {
   /* font-size: 22px;
    line-height: 28px;*/
  }
}
@media (max-width:580px) {
  .ex-large.services {
    font-size: 50px;
    line-height: 60px;
  }
  img.mw-450, img.mw-532 {
    max-width: 90%;
    margin: 0 auto;
  }
}
.contact-icon a {
  text-decoration: none;
  color: #222;
}
.website-btn {
  margin-top: 20px;
}
.re-nav a {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 3.21px;
  color: #000;
  margin-right: 40px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: solid 3px #FFF;
  cursor: pointer;
}
.re-nav a:hover {
  border-bottom: solid 3px #e5221b;
}
.re-nav a:last-child {
  margin-right: 0;
}
.re-nav {
  text-align: center;
}
.ex-large.push-right {
  text-align: right;
  margin-right: -50px;
}
.ex-large.push-left {
  text-align: left;
  margin-left: -50px;
}
.embed-container {
  /*  position: relative;
  padding-top: 56.25%; 
  top:0;
  height:0; 
  width:100%;
  overflow: hidden; */
}
.port-photo video, .grey-box-temp video {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translateX(-50%);
}
.port-photo {
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  background-position: 50% 50%;
  margin-bottom: 12px;
}
.grey-box-temp {
  position: relative;
  overflow: hidden;
}
.port-photo img {
  width: 100%;
}
.port-photo::before, .grey-box-temp::before,
.service-photo::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s linear;
}

.service-photo.cycle-slideshow {
    margin-top:0;
}

.service-photo.cycle-slideshow div {
    width:100%;
    height:100%;
    background-size:cover;
    background-position:50% 50%;
}

.port-photo.community-mag::before {
  background-image: url("img/lwr-commmag-2023-1.jpg");
}
.port-photo.community-mag:hover::before, .port-photo.community-mag.active::before {
  background-image: url("img/lwr-commmag-2023-2.jpg");
}
.port-photo.hsv::before, .grey-box-temp.hsv::before,
.service-photo.hsv::before {
  background-image: url(/wp-content/themes/sparkfire/img/HotSpringsVillage.jpg);
}
.port-photo.hartland::before,
.service-photo.hartland::before {
  background-image: url(/wp-content/uploads/2022/02/hartland.jpg);
}
.port-photo.vineyards::before,
.service-photo.vineyards::before {
  background-image: url(/wp-content/uploads/2022/02/vineyards.jpg);
}
.port-photo.terrabella::before,
.service-photo.terrabella::before {
  background-image: url(/wp-content/uploads/2022/02/terrabella.jpg);
}
.port-photo.cp::before,
.service-photo.cp::before {
  background-image: url(/wp-content/uploads/2022/06/chathampark-tile.jpg);
}
.port-photo.lwr::before {
  background-image: url(/wp-content/uploads/2022/03/LWR_Video_01.jpg);
}
.port-photo.furst::before {
    background-image: url(/wp-content/themes/sparkfire/img/hp-commercial-rendering.webp);
}

.port-photo.lwr {
  background-color: #fff;
}
.grey-box-temp.lwr::before {
  background-image: url(/wp-content/uploads/2022/02/2022_LWR_Preview.jpg);
}
.grey-box-temp.hartness:before {
  background-image: url(/wp-content/themes/sparkfire/img/hartness_inner_block.jpg);
}
.port-photo.eastmore::before, .grey-box-temp.eastmore-gif::before,
.service-photo.eastmore::before {
  background-image: url(/wp-content/uploads/2022/06/Eastmore.gif);
}
.grey-box-temp.eastmore::before {
  background-image: url(/wp-content/themes/sparkfire/img/eastmore_inner_block.jpg);
}
.port-photo.waterside::before,
.service-photo.waterside::before {
  background-image: url(/wp-content/uploads/2022/06/waterside-tile.gif);
}
.grey-box-temp.waterside::before {
  background-image: url(/wp-content/themes/sparkfire/img/waterside_inner_block.jpg);
}

.service-photo.farm-market::before {
    background-image:url(/wp-content/uploads/2022/03/market-lg-photo.jpg);
}
.service-photo.lwrgcc::before {
    background-image:url(/wp-content/themes/sparkfire/img/LWRGCC_LGPhoto.jpg);
}
.port-photo.hershey::before, .grey-box-temp.hershey::before,
.service-photo.hershey::before {
  background-image: url(/wp-content/themes/sparkfire/img/HersheyWestEnd.jpg);
}
.port-photo.waterside-place::before, .grey-box-temp.waterside-place::before,
.service-photo.waterside-place::before {
  background-image: url(/wp-content/uploads/2022/02/watersideplace.jpg);
}
.service-photo.conservancy::before {
    background-image:url(/wp-content/themes/sparkfire/img/WillowsfordConservancy_LGPhoto.jpg);
}
.port-photo.nsh::before,
.service-photo.nsh::before {
  background-image: url(/wp-content/uploads/2024/05/nsh-builder-section.jpg);
}
.port-photo.vavillage::before,
.service-photo.vavillage::before {
  background-image: url(/wp-content/uploads/2022/06/VirginiaVillage.gif);
}
.grey-box-temp.vavillage::before {
  background-image: url(/wp-content/themes/sparkfire/img/va_village_inner_block.jpg);
}
.port-photo.crescent::before, .grey-box-temp.crescent::before,
.service-photo.crescent::before {
  background-image: url(/wp-content/themes/sparkfire/img/CrescentPlace.jpg);
}
.port-photo.windmill::before, .grey-box-temp.windmill::before,
.service-photo.windmill::before {
  background-image: url(/wp-content/uploads/2022/06/Windmill.gif);
}
.port-photo.malloy::before, .grey-box-temp.malloy::before,
.service-photo.malloy::before {
  background-image: url(/wp-content/themes/sparkfire/img/PatrickMalloy.jpg);
}
.port-photo.lwrgcc::before, .grey-box-temp.lwrgcc::before {
  filter: grayscale(1);
  background-image: url(/wp-content/uploads/2022/06/LWRGCC-2.jpg);
}
.port-photo.lwrgcc:hover::before, .grey-box-temp.lwrgcc:hover::before {
  filter: none;
}
.port-photo.market::before, .grey-box-temp.market-gif::before {
  background-image: url(/wp-content/uploads/2022/06/LWRMarket.gif);
}
.grey-box-temp.market::before {
  background-image: url(/wp-content/themes/sparkfire/img/lwrmarket_inner_block.jpg);
}
.port-photo.conservancy::before {
  /*background-image:url(/wp-content/themes/sparkfire/img/WillowsfordConservancy.jpg);*/
  background-image: url(/wp-content/themes/sparkfire/img/conservancy_inner_block.jpg);
}
.grey-box-temp.conservancy::before {
  background-image: url(/wp-content/themes/sparkfire/img/conservancy_inner_block.jpg);
}
.port-photo.icehouse::before, .grey-box-temp.icehouse::before {
  background-image: url(/wp-content/themes/sparkfire/img/AhsburnIceHouse.jpg);
}
.port-photo.lwr, .port-photo.waterside-place, .port-photo.conservancy, .port-photo.nsh {
  max-height: 448px;
}
.port-photo.hsv:hover::before, .port-photo.hartland:hover::before, .port-photo.vineyards:hover::before, .port-photo.nsh:hover::before, .port-photo.terrabella:hover::before, .port-photo.cp:hover::before, .port-photo.waterside-place:hover::before, .port-photo.hershey:hover::before, .port-photo.lwrgcc:hover::before, .port-photo.malloy:hover::before, .port-photo.conservancy:hover::before, .port-photo.icehouse:hover::before, .port-photo.crescent:hover::before, .grey-box-temp.hsv:hover::before, .grey-box-temp.lwr:hover::before, .grey-box-temp.hershey:hover::before, .grey-box-temp.lwrgcc:hover::before, .grey-box-temp.malloy:hover::before, .grey-box-temp.conservancy:hover::before, .grey-box-temp.icehouse:hover::before, .grey-box-temp.crescent:hover::before, .grey-box-temp.eastmore:hover::before, .grey-box-temp.hartness:hover::before, .grey-box-temp.waterside:hover::before, .grey-box-temp.market:hover::before, .grey-box-temp.vavillage:hover::before, .port-photo.nsh:hover::before,
.port-hover .columns:hover .service-photo::before {
  transform: scale(1.1);
}
.pt-110 {
  padding-top: 110px;
}
.port-wrap {
  max-width: 448px;
}
.port-wrap.fw {
  max-width: 100%;
}
.port-wrap.pt-110 {
  margin-left: auto;
}
.port-wrap h5 {
  margin-bottom: 10px;
}
.red-divide {
  max-width: 733px;
  margin: 0 auto;
  display: block;
  height: 3px;
  border-bottom: solid 3px #cb583f;
}
img.white-dot-abs {
  max-width: 395px;
  z-index: 305;
  position: absolute;
  top: -60px;
  right: 0;
}
.neg-40 {
  margin-top: -40px;
}
@media (max-width:980px) {
  .ex-large.push-right, .ex-large.push-left {
    text-align: center;
    margin: 0 auto;
    padding-top: 0;
  }
  .port-wrap {
    margin: 0 auto;
  }
  .pt-110 {
    padding-top: 40px;
  }
  .red-circle, .white-dot-abs {
    display: none;
  }
  .holder.mobile-half {
    padding: 30px 0;
  }
}
@media (max-width:780px) {
  .re-nav a {
    width: 40%;
    text-align: center;
    margin-bottom: 25px;
    margin-right: 0;
  }
  .re-nav a:nth-child(3), .re-nav a:nth-child(4) {
    margin-bottom: 0;
  }
}
@media (max-width:500px) {
  .re-nav a {
    display: table;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px;
    min-width: 153px;
  }
  .re-nav a:last-child {
    margin-right: auto;
  }
  .re-nav a:nth-child(3) {
    margin-bottom: 25px;
  }
}
.proven {
  position: relative;
  z-index: 25;
}
.heartbeat img {
  height: 98px;
  width: auto;
}
.gform_wrapper .gfield_required {
  color: #e5221b !important;
}
::selection {
  background: #c1c1c1; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #c1c1c1; /* Gecko Browsers */
}
@media (min-width:981px) {
  .ml-auto {
    margin-left: auto;
  }
}
img.larger-ad {
  position: absolute;
  max-width: 897px;
  left: 0px;
  z-index: 2;
  top: 0;
}
.of-hidden {
  overflow-x: hidden;
}
.mh-685 {
  min-height: 685px;
}
@media (max-width:980px) {
  img.no-vis.mh-685 {
    visibility: visible;
    min-height: 0;
  }
  img.larger-ad {
    display: none;
  }
  .logo-fw {
    width: 100%;
  }
  .ma-auto h5 {
    text-align: left;
  }
}
.ef-scroll {
  position: absolute;
  width: 54.42%;
  height: 83.79%;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}
.float-to-inline .column.va-top, .float-to-inline .columns.va-top {
  vertical-align: top;
}
.mw-314 {
  max-width: 304px;
  margin: 0 auto;
}
.mw-273 {
  max-width: 273px;
  margin: 0 auto;
}
.mw-250.shift-left {
  margin: 0 auto;
}
.mw-250.ma-auto {
  margin: 0 auto;
}
@media (max-width:540px) {
  .red-vertical-bar, .red-vertical-bar.diag {
    height: 100px;
  }
  .team-bg.shift-bg {
    background-position: 40% 50%;
  }
  .container.stretch-on-mobile {
    width: 100%;
  }
  .mw-250.shift-left img {
    margin-left: -20px;
    width: 100%;
  }
}
.author h6 {
  font-family: 'gentium_book_basicregular';
}
.heartbeat {
  max-width: 250px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.show-980,
.btn-underline.show-980 {
  display: none;
}
@media (max-width:980px) {
  .footer {
    padding: 35px 0 30px 0;
  }

    .mob-test-arrows {
        position:relative;
        width:100%;
    }

    .mob-test-arrows .prev-test,
    .mob-test-arrows .next-test {
        position:absolute;
        left:50%;
        bottom:-30px;
        transform:translateX(-50%);
        padding-right:40px;
    }

    .mob-test-arrows .next-test {
    padding-left:40px;
    padding-right:0;
    }
    

  .show-980 {
    display: block;
  }
  .ex-large.ta-left {
    text-align: left;
  }
  h1.ml-0, h1.brown-shelf.ml-0 {
    margin-left: 0;
  }
  .mw-450.ml-0 {
    margin-left: 0;
  }
  .mt-270.mobile-top-no {
    margin-top: 0;
  }
  .reverse-order, .reverse-order .columns {
    -webkit-transform: scaleY(-1) !important;
    transform: scaleY(-1) !important;
  }
  .holder.no-top-mobile, .no-top-mobile {
    padding-top: 0;
  }
  .gform_body li {
    padding-left: 0;
  }
  .mt-90.stick {
    margin-top: 20px;
  }
}
img.abs-left {
  position: absolute;
  left: -50px;
  width: 110%;
  top: 0;
}
@media (max-width:980px) {
  img.abs-left {
    position: static;
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0 auto;
  }
  .velo-slide__text .arrow.right {
    margin-left: 10px;
  }
  .velo-slide__text .arrow.left {
    margin-right: 10px;
  }
  img.centered.mb-20 {
    margin-bottom: 20px;
  }
  .holder.half-off {
    padding: 35px 0;
  }
  .mt-135.halved {
    margin-top: 35px;
  }
  .stick .ex-large.push-left {
    text-align: left;
    margin-left: 0;
  }
  .stick .ex-large.push-right {
    text-align: right;
    margin-right: 0;
  }
  #lifestyle .stick {
    display: none;
  }
}
input:focus, textarea:focus {
  border: 1px solid #e5221b !important;
}
ul.velo-slides-nav__list {
  margin-left: 0;
}
ul.velo-slides-nav__list li:first-child {
  padding-left: 0;
}
.ui-mobile .ui-page-active {
  display: block !important;
  overflow: visible !important; /*overflow-x:hidden*/
}
@media (max-width:720px) {
  .logo-fw {
    transform: scale(0.85);
  }
  img.mw-450.carrot, .carrot {
    max-width: 240px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  img.team-logos {
    max-width: 225px;
  }
  .tan-dots.top-app {
    top: -20%;
    z-index: 20;
    right: 0;
    max-width: 881px;
  }
}
.row.stick {
  /*position: -webkit-sticky;
  position: sticky;*/
  top: 40px;
  z-index: -1;
}
@media (min-width:981px) {
  .row.flex {
    display: flex;
  }
  .my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
.ex-large.sticky {
  opacity: 1;
  font-size: 151.5px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.ex-large.sticky.hide {
  opacity: 0;
}
.row.abso {
  position: absolute;
  top: 130px;
}
.mobile-footer-dots, .mobile-icon {
  display: none;
}
@media (max-width:980px) {
  .row.stick {
    top: 90px;
  }
  .post-thumb-holder.mnb {
    margin-bottom: 0;
  }
  .row.abso {
    position: static;
    display: block;
  }
  .mt-135.mobile-top-35 {
    margin-top: 35px;
  }
  .holder.mobile-bottom-none {
    padding-bottom: 0;
  }
  .port-photo.lwr, .port-photo.waterside-place, .port-photo.conservancy {
    max-height: none;
  }
  .mobile-footer-dots {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
  }
  .mobile-footer-dots img {
    width: 100%;
  }
  .mobile-icons {
    position: absolute;
    bottom: 30px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .mobile-icon {
    display: inline-block;
  }
  .mobile-icon.call {
    margin-right: 50px;
  }
  .mobile-icon img {
    width: 43px;
  }
  img.no-vis.mh-685.stay-hidden {
    display: none;
  }
  .top-nav .nav-items li a,
  .top-nav .nav-items li.contact a {
    font-size: 33px;
    line-height: 1;
    font-family: richmond-display, sans-serif;
    letter-spacing: 0.87px;
    text-align: center;
    font-weight:normal;
    text-transform:none;
  }

    .top-nav .nav-items li ul li a {
        font-family: 'Open Sans', Arial, sans-serif;
        font-size:16px;
        text-transform:uppercase;
        letter-spacing:2.5px;
        font-weight:bold;
    }

     .top-nav .nav-items li ul {
        margin:0;
     }

  .top-nav .nav-items li {
    text-align:center;
  }

  .top-nav .nav-items li ul li {
    padding:0;
  }

  .top-nav .nav-items li ul li:first-child {
    padding-top:30px;
    padding-bottom:20px;
  }


  .larger-ad.market {
    display: block;
    position: static;
    width: 100%;
    max-width: 100%;
  }
}
.client-logos, .logo-pager {
  display: none;
}
@media (max-width:700px) {
  .stick .ex-large.push-right, .stick .ex-large.push-left {
    font-size: 54px;
  }
  .client-logos {
    display: block;
  }
  .logo-wrap li {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    padding-left: 0;
  }
  .logo-wrap li img {
    /*width:95%;*/
    display: block;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .logo-pager {
    display: block;
    bottom: 0;
  }
  .logo-holder {
    display: none;
  }
  .mt-60.mobile-top-no {
    margin-top: 0;
  }
  .cycle-slideshow.client-logos {
    margin-top: 0;
  }
  .velo-slides {
    padding: 140px;
  }
  .holder.home-slider {
    padding: 25px 0;
  }
  .velo-slides-nav__list, .velo-slides-nav__list li {
    margin-bottom: 0;
  }
  .velo-slides-nav i {
    font-size: 36px !important;
  }
}
@media (max-width:500px) {
  .logo-wrap li img {
    max-width: 70%;
  }
}
.underline {
  text-decoration: underline;
}
@media (min-width:981px) {
  .port-wrap.left-side, .port-wrap.right-side {
    margin: 0 auto;
  }
}
a.inherit {
  color: inherit;
  text-decoration: none;
}
p.semibold {
  font-weight: 700;
}
.pb-140 {
  padding-bottom: 140px;
}
.dark-grey-bg {
  width: 50%;
  left: 50%;
  top: 0;
  background-color: #4a4a4a;
  position: absolute;
  height: 100%;
}
.btn-draw.btn--white.red.white-txt {
  color: #FFF;
}
@media (max-width:980px) {
  .dark-grey-bg {
    width: 100%;
    bottom: 0;
    height: 50%;
    top: auto;
    left: 0;
  }
  .pb-140 {
    padding-bottom: 0;
  }
  .ex-large.our-work {
    position: static;
    display: block;
    margin-top: 50px;
    margin-bottom: 0;
  }
  .port-circle, .port-circle img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
  }
  .site-wrap {
    padding-top: 75px;
  }
  .testi-pager span, .logo-pager span {
    padding: 5px;
  }
  #all-services {
    padding-top: 40px;
  }
  .mt-90 {
    margin-top: 45px;
  }
}
.port-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  max-width: 662px;
  width: 50%;
}
.port-bottom img {
  width: 100%;
  display: block;
}
.port-bottom.blog {
  left: auto;
  right: 0;
  bottom: -600px;
  max-width: 544px;
}
.feat-img {
  width: 100%;
  max-width: 638px;
  display: block;
  margin: 0 auto;
  padding-left: 30px;
  box-sizing: border-box;
}
h4.lh-45 {
  line-height: 45px;
}
.single-post p {
  max-width: 732px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.single-post .blog-copy {
  max-width: 732px;
  margin: 0 auto;
  display: block;
}
.single-post .blog-copy p.lh-35 {
  line-height: 35px;
}
.single-post hr.wp-block-separator {
  border-top: 1px solid #979797;
  border-bottom: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
.single-post .size-large {
  width: 100%;
  max-width: 923px;
  margin: 0 auto;
  display: block;
  margin-bottom: 2.5rem;
}
.single-post p.gentium, .date p.gentium {
  color: #8b8b8b;
  font-weight: bold;
}
.blog-gallery {
  padding: 0 50px;
  margin-bottom: 34px;
}
.copy-divider {
  width: 100%;
  margin: 60px auto 60px auto;
  max-width: 732px;
  height: 2px;
  background-color: #e5221b;
}
.copy-divider.gold {
  background-color: #977348;
  margin: 100px auto;
  height: 3px;
}
.copy-divider.white {
  height: 3px;
  max-width: none;
  margin: 80px auto;
  background-color: #FFF;
}
.copy-divider.dark-blue {
  background-color: #003360;
  height: 3px;
  max-width: none;
  margin: 80px auto;
}
.copy-divider.grey {
  max-width: none;
  background-color: #979797;
  margin: 120px 0;
}
.share-icons, #comments {
  max-width: 732px;
  margin: 0 auto;
  text-align: left;
}
.share-icons {
  margin-top: 20px;
}
.share-icons a {
  display: inline-block;
  margin-right: 30px;
  width: 52px;
  vertical-align: middle;
}
#comments {
  margin-top: 40px;
}
.share-icons a img {
  width: 100%;
}
h3#reply-title, h4.comments-title {
  font-weight: bold;
  font-size: 24px;
}
h3#reply-title {
  margin-top: 40px;
}
h4.comments-title {
  margin-bottom: 40px;
}
.comment-list, .comment-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.comment-list li {
  border-bottom: 2px solid #4a4a4a;
  margin-top: 20px;
  background-color: #eee;
  margin-bottom: 40px;
  box-sizing: border-box;
  padding: 20px;
}
.comment-list li.even {
  background-color: #fff;
}
.comment-list li:last-child {
  border: none;
}
.post-thumb-holder {
  position: relative;
  margin-bottom: 70px;
}
.title-box h5, .title-box h6 {
  color: #FFF;
}
.title-box {
  padding: 35px 50px;
  background-color: #4a4a4a;
  position: absolute;
  bottom: -50px;
  left: 95px;
  max-width: 448px;
}
.yt-wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.yt-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.port-half-circle {
    position:absolute;
    right:0;
    top:250px;
    z-index:0;
    max-width:544px;
}

.btn-draw.red::before,
.btn-draw.red::after,
 a:hover .btn-draw.red::before,
 .btn-draw.red .btn-draw__text::before, 
 .btn-draw.red .btn-draw__text::after,
 .btn-draw.red .btn-draw__text > span::before, .btn-draw.red .btn-draw__text > span::after {
    background-color:#cb583f !important;
}

.contact-bg {
    width:100%;
    padding:80px 0;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}

.contact-bg.form-submitted {
    padding:150px 0;
}

.contact-bg .red-submit {
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(203,88,63,0.8);
    display:none;
    top:0;
}

.contact-bg.form-submitted .red-submit {
    display:block;
}

.form-disclaimer {
    font-size:12px; 
    line-height:1.67;
}

.contact-bg .gform_wrapper .top_label input.medium,
.contact-bg .gform_wrapper .top_label textarea {
  padding: 17px 15px !important;
  height: auto !important;
}

.contact-bg .gfield {
    margin:0 !important;
}

/***********4/3 Edits ************/

 img.stretch {
    width:100%;
  }


.big-hero {
  position: relative;
  height: calc(100vh - 95px);
  overflow: hidden;
}

.big-hero .hero-photo {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
   transform: scale(1.1); /* GSAP will override this */
  will-change: transform;
}

/* Video fills entire hero */
.big-hero .hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* key line */
  z-index: 0;
}

.big-hero.with-vid::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3); /* tweak as needed */
  z-index: 1;
}

.form-submitted .velo-slide__btn,
.form-submitted .form-disclaimer {
    display:none !important;
}

.white-wrap {
    background-color:#FFF;
    position:relative;
    z-index:2;
}

.hero-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  z-index: 2;
  width: 100%;
  text-align: center;
  padding: 0 20px; /* mobile safety */
}

.hero-caption .max {
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
}

.hero-caption.dark-purple {
    width:auto;
    padding:65px;
     background-color: rgba(60, 57, 70,0.9);
     max-width:none;
}

.max {
    max-width:750px;
    width:100%;
    margin:0 auto;
}

.max.mw-710 {
    max-width:710px;
}

.max.mw-545 {
    max-width:545px;
}

.max.mw-565 {
    max-width:565px;
}

.max.mw-448 {
    max-width:448px;
}

.max.mw-353 {
    max-width:353px;
}

.max.mw-615 {
    max-width:615px;
}

.max.align-left {
    margin-left:0;
}

.red-sep,
.beige-sep,
.white-sep {
    width:202px;
    height:5px;
    background-color:#cb583f;
}

.red-sep.center,
.white-sep.center {
    margin-left:auto;
    margin-right:auto;
}

.white-sep {
    background-color:#FFF;
}

.beige-sep {
    background-color:#e3c5a3;
    width:300px;
    height:3px;
    margin:0 auto;
    margin-top:20px;
}

.beige-sep.shorter {
    height:5px;
    width:202px;
}

.beige {
    color:#e3c5a3;
}

.warm-grey {
    color:#8b8b8b;
}

.port-photo {
    width:100%;
    height:350px;
    background-color: #d8d8d8;
}

.test-holder {
    padding:45px 0 145px 0;
    background-size:cover;
    background-position:50% 50%;
    width:100%;
    background-image:url(img/test_bg_ph.webp);
    position:relative;
}

.test-bg {
    background-color:rgba(255,255,255,0.9);
    padding:65px;
}

.test-holder .cycle-slideshow {
    margin-top:0;
}

.test-darkener {
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
    height:100%;
    background-color: rgba(60, 57, 70,0.65);
}

.test-bg-overlay {
    position: absolute;
    inset: 0;
    background-image:url(img/hp-clientquote-lwr.webp);
    background-size: cover;
    background-position: center;
    transition: opacity 0.8s ease;
    z-index: 0;
}

.test-holder .container {
    position: relative;
    z-index: 1;
}

.test-holder.bg-0 {
    background-image:url(img/hp-clientquote-lwr.webp);
}

.test-holder.bg-1 {
    background-image:url(img/hp-clientquote-willowsford.webp);
}

.test-holder.bg-2 {
    background-image:url(img/hp-clientquote-hsv.webp);
}

.holder.lt-grey {
    padding:100px 0;
    background-color:#f0f0f0;
}

.holder.white {
    padding:100px 0;
    background-color:#FFF;
    position:relative;
    z-index:2;
}

.download-form {
    margin-top:20px;
}

#gform_wrapper_2 .gform_title {
    display:none !important;
}

#gform_wrapper_2 .gfield input {
    padding: 28px 10px;
    border: none !important;
}

#gform_submit_button_2 {
    border:none;
    margin-top:20px;
    border-radius:0 !important;
    background-color:#CB583F;
    color:#FFF;
    text-transform:uppercase;
    padding:13px 24px;
    font-size: 15px;
  font-weight: bold;
  letter-spacing:3.21px;
  height:auto !important;
}

#gform_submit_button_2:hover {
    background-color:#35323d;
}

.last-section {
    padding-bottom:100px;
}

.sec-nav {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #ecd9c3;
    z-index: 5001;
    padding: 35px 0;
    overflow: hidden; /* Prevents any unwanted outer scroll */
}

.sec-nav-list {
    display: flex;
    align-items: center;
    justify-content: center; /* Centers on wide screens */
    gap: 2rem;               /* Adjust spacing between items */
    margin: 0;
    padding: 0 1rem;         /* Some breathing room on sides */
    list-style: none;
    overflow-x: auto;        /* Enables horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Smooth momentum scroll on iOS */
    scrollbar-width: none;   /* Hide scrollbar on Firefox */
    -ms-overflow-style: none; /* Hide scrollbar on IE/Edge */
    scroll-snap-type: x proximity; /* Optional: nice snapping behavior */

    scroll-behavior: smooth;        /* Native smooth feel */
    scroll-padding-left: 16px;      /* Optional: keeps a bit of left padding when scrolling to start */
}

@media (max-width:905px) {
    .sec-nav-list {
        justify-content:left;
        padding: 0 2rem;
    }
}

.sec-nav-list::-webkit-scrollbar {
  display: none; /* Hide scrollbar on Chrome/Safari */
}

.sec-nav li {
    margin-right:45px;
    padding:8px 16px;
    background-color:#ecd9c3;
    scroll-snap-align: start; /* Helps with snapping */
    border-radius:16px;
    color:#382f2d;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing:1px;
    line-height:1;
    list-style-type:none;
    margin-bottom:0;
    cursor:pointer;
    transition:all 0.3s ease;
    flex: 0 0 auto;          /* Prevent shrinking or growing */
    white-space: nowrap;     /* Keep text in one line */
}

.sec-nav li.active,
.sec-nav li:hover {
    background-color:#cb583f;
    color:#FFF;
}

.sec-nav li:last-child {
    margin-right:0;
}

#pre-launch {
    overflow:hidden;
    position:relative;
}

#pre-launch .container {
    padding:145px 0;
    position:relative;
    z-index:35;
}

#pre-launch .container.no-pad {
    padding:0;
}

#pre-launch .bike-vid {
    left:50%;
}

#pre-launch .bike-vid .video-mask {
    transform:rotate(180deg);
    left:0;
    right:auto;
}

.circ-right {
    position: absolute;
  right: calc(-50vw + 20%);
  bottom: -50px;
  height: calc(100% - 50px);
    /*transform:translateY(-50%);*/
    z-index:20;
}

.circ-right img {
    height:100%;
}

.circ-btm {
    position: absolute;
    bottom: -250px;
    right: 17.5%;
    z-index: 30;
    width: 70%;
    max-width:770px;
}

.circ-btm img {
    width:100%;
}

.hide-over {
    overflow:hidden;
}

.two-lists {
    display:flex;
    justify-content: space-between;;
}

.two-lists ul {
    width:48%;
}

.two-lists li {
    color:#FFF;
}

#launch-phase,
#post-sale-phase {
    padding:100px 0;
    background-size:cover;
    background-position:50% 50%;
    background-image:url(img/launch_phase_ph.webp);
    position:relative;
}

#post-sale-phase.ai-team {
    background-image:url(img/ai-strategy-teamworkv2.webp);
}

#launch-phase.solid-purple {
    background-image:none;
    background-color:#35323d;
}

#launch-phase.pad-140 {
    padding:140px 0;
}

#launch-phase.extra-bottom-pad {
    padding-bottom:225px;
}

#launch-phase .grey-overlay,
#post-sale-phase .grey-overlay {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color: rgba(60, 57, 70,0.8);
}

.fifty-fifty {
    display:flex;    
    height:710px;
}

.fifty-fifty .f-left,
.fifty-fifty .f-right {
    width:50%;
}

.fifty-fifty .f-left {
    height:100%;
    overflow-y:hidden;
    padding:110px;
    box-sizing:border-box;
}

.fifty-fifty .f-right {
    background-image:url(img/launch_phase_ph.webp);
    background-size:cover;
    background-position:50% 50%;
    position:relative;
}

.fifty-fifty .f-right .cycle-slideshow {
    position:absolute;
    width:100%;
    height:100%;
    margin-top:0;
    max-width: none;
}

.cycle-slideshow.no-top {
    margin-top:0;
}

.fifty-fifty .f-right .cycle-slideshow img {
    object-fit:cover;
}

h3.red-left {
    position:relative; 
    padding-left:20px;   
}

h3.red-left::before {
    content: "";
    position:absolute;
    left:0;
    width:5px;
    height:100%;
    background-color:#cb583f;

}

.grey-sep {
    height:1px;
    width:100%;
    background-color:#979797;
    margin:30px 0;
}

.faq-section .grey-sep {
    margin:20px 0;
}

.grey-sep.m-50 {
    margin:50px 0;
}

.grey-sep.last.m-90 {
    margin-top:50px;
    margin-bottom:90px;
}

.vert-grey-sep {
    width:1px;
    height:100%;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    background-color:#979797;
}

.service-photo {
    width:100%;
    padding-bottom:85%;
    background-size:cover;
    background-position:50% 50%;
    position:relative;
    overflow:hidden;
}

.service-photo.square {
    padding-bottom:100%;
}

.box-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This is the key for the "background-size: cover" effect */
    z-index: 1;
}


.neg-top-164 {
    margin-top:-164px;
    padding-top:0 !important;
}

.black-section,
.red-section {
    background-color:#382f2d;
    padding:100px 0;
}

.red-section {
    background-color:#cb583f;
}

.symbol-top {
    margin-top:67px;
    margin-left:auto;
    margin-right:0;
    display:block;
    max-width:394px;
}

.symbol-top.opac-half {
    opacity:0.5;
}

.rh-half-ring {
    height: 165%;
    top: -85%;
    position: absolute;
    right: 0;
}

.purple-bg .rh-half-ring {
    top:auto;
    bottom:-85%;
}

.rh-half-ring img {
    max-width: none;
  height: 100%;
  opacity: 0.1;
}

.grey-faq {
    background-color:#f0f0f0;
    padding:50px 0;
}

h2.faq-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content:space-between;
}

.faq-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  min-width: 35px;
  background: none;
  border: 2px solid currentColor;
  border-radius: 50%;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  color: #8b8b8b;
}

.faq-answer {
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  max-height: 0;
  opacity: 0;
}

.faq-answer.is-open {
  max-height: 600px;
  opacity: 1;
  margin-top:20px;
}

h1.extra-lh {
    line-height:1.3;
}

.btn-underline {
  position: relative;
  display: inline-block;
  background: none;
  border: none;
  cursor: pointer;
  color:#FFF;
  padding-bottom: 12px; /* room for the underline */
  font-family: 'Open Sans', Arial, sans-serif;
  font-size:15px;
  letter-spacing:3.21px;
  font-weight:bold;
}

.f-right .cycle-slideshow div {
    width:100%;
    height:100%;
    background-size:cover;
}

.btn-underline.black,
.btn-underline.black:hover {
    color:#382f2d;
}

.btn-underline::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 5px;          /* 5px from bottom of text */
  transform: translateX(-50%);
  width: 30%;           /* starts at 30% of button width */
  height: 3px;
  background: #cb583f;
  transition: width 0.3s ease;
}

.btn-underline:hover::after,
.btn-underline:focus::after {
  width: 100%;          /* expands to full width on hover */
}

.btn-underline:hover {
    opacity:1;
    color:#FFF;
}

.box-float-right {
    width:48%;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    background-color:rgba(56,47,45,0.9);
    padding:70px 50px;
    box-sizing:border-box;
}

.single-post-hero {
    height:550px;
    width:100%;
    background-size:cover;
    background-position:50% 50%;
    overflow: hidden;
    /* This ensures the scaling doesn't blur or jitter */
    will-change: transform;
    position:sticky;
    top:0;
    z-index:-1;
   /* margin-bottom:-250px;*/
}

.dark-box-bg {
    padding:50px 100px;
    box-sizing:border-box;
    background-color:rgba(56,47,45,0.9);
    }

.blog-copy h2 {
    margin-bottom:20px;
}

.blog-copy .grey-sep {
    margin:50px 0;
}

.blog-copy ul {
    margin-left:30px;
}

.blog-link-off {
    padding:60px 80px;
    background-color:#f0f0f0;
    box-sizing:border-box;
    width:100%;
}

.share-bar {
    background-color:#ecd9c3;
    width:100%;
    padding:25px 0;
    vertical-align:middle;
    text-align:center;
}

.share-bar .share-text,
.share-bar .share-icons {
    display:inline-block;
    margin-right:30px;
}

.share-bar .share-icons {
    margin-right:0;
}

.prompt-ex {
background-color: #f0f0f0;
  border-radius: 20px;
  padding: 19px 31px;
  display: inline-block;
}

.plain-btn {
    background-color:#cb583f;
    color:#FFF;
    font-size: 15px;
  font-weight: bold;
  letter-spacing:3.21px;
  text-align:center;
  padding:13px 25px;
  border:2px solid #cb583f;
  margin-top:20px;
  display:inline-block;
}

.plain-btn:hover {
    background-color:transparent;
    color:#cb583f;
}

.btn-draw {
    margin-left:4.3em !important;
}

.post-photo {
    width:100%;
    padding-bottom:60%;
    background-size:cover;
    background-position:50% 50%;
}

.blog-holder .grey-sep {
    margin:0;
}

.blog-row-link {
    padding:50px 0;
}

.blog-holder .grey-sep:last-child {
    display:none;
}

.blog-row-link {
    display: block;
    position: relative;
    text-decoration: none;
}

.blog-row-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: calc(100% + 3px);
    background: transparent;
    transition: background 0.3s ease;
    z-index: 0;
}

.blog-row-link:hover::before {
    background: #35323d;
}

.blog-row-link .blog-row > * {
    position: relative;
    z-index: 1;
}

a.red.purple-hover:hover {
    color:#3c3946;
}

.blog-row-link:hover h5.black-txt {
    color:#E3C5A3;
}

.blog-row-link:hover h2.black-txt,
.blog-row-link:hover p.black-txt {
    color:#FFF;
}

.star-img {
    position:absolute;
    top:-10px;
    right:-10px;
}

.star-img.left {
    right:auto;
    left:-10px;
}

.port-link {
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
    z-index:500;
}

@media (max-width:1200px) {
    .circ-right {
        top:auto;
        bottom:0;
        height:calc(80% + 50px);
    }

    .seven.columns.fw-1200 {
        width:100%;
    }

    .seven.columns.fw-1200 img {
        display:block;
        max-width:650px;
        margin:0 auto;
        position:relative;
        z-index:49;
    }
}

@media (max-width:980px) {
    .port-half-circle {
        max-width:350px;
    }

    .sec-nav {
        padding:23px 0;
    }

    .hero-caption.dark-purple {
        padding: 35px;
        width: 75%;
        max-width:500px;
    }

    .big-hero {
        height:400px;
    }

    .circ-right {
        display:none;
    }

    .fifty-fifty {
        flex-wrap:wrap;
        height:auto;
    }

    .fifty-fifty .f-right {
        padding-bottom: 66.67%;
    }

    .fifty-fifty .f-right,
    .fifty-fifty .f-left {
        width:100%;
    }

    .fifty-fifty .f-left {
        padding:50px;
    }

    #launch-phase.pad-140 {
        padding: 50px 0;
    }
    
    .grey-sep.last.m-90 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mob-top-30 {
        margin-top:40px !important;
    }

    .holder.lt-grey,
    .red-section,
    .holder.beige,
    .holder.pad-100 {
        padding:50px 0;
    }

    .box-float-right {
        position: static;
        display: block;
        transform: none;
        padding: 20px;
        width: 90%;
        max-width: 620px;
        margin: 0 auto;
        margin-top: -130px;
        position:relative;
        z-index:50;
    }

    .tan-dots.faq-page {
        right: auto;
        left: -235px;
        top: 0;
        width: 470px;
    }
}

.columns:hover .port-photo::before {
    transform:scale(1.1);
}

.back-to-top  {
    position:fixed;
    bottom:-20px;
    right:20px;
    opacity:0;
    background-color:#cb583f;
    padding: 14px 17px 10px 17px;
  border-radius: 0;
  z-index: 1000;
  transition: all .5s linear;
}

.back-to-top svg {
    width:20px;
}

.back-to-top.active {
    opacity:1;
    bottom:20px;
}

.zi-extra {
    z-index:50;
}

/***********4/3 Edits ************/

@media (max-width:1300px) {
    .columns.fill-1300 {
        width:100%;
        max-width:700px;
        display:block;
        margin:0 auto;
        float:none;
    }

    .hide-1300 {
        display:none !important;
    }
}

@media (max-width:980px) {
  .title-box h5, .title-box h6 {
    color: rgb(34, 34, 34);
  }
  .title-box {
    position: static;
    padding: 0;
    margin-top: 30px;
    background-color: #FFF;
  }
  .no-top-mobile {
    margin-top: 0 !important;
  }
  .post-thumb-holder {
    position: relative;
    margin-bottom: 35px;
  }
  .mobile-b-35 {
    margin-bottom: 35px;
  }

  .test-holder {
        padding:75px 0;
    }
}
.z-22 {
  z-index: 22;
}
@media (min-width:981px) {
  .hyphens {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
.show-few {
  display: none;
}
@media (min-width : 981px) and (max-width : 1220px) {
  .show-few {
    display: block;
  }
  .show-most {
    display: none;
  }
}
@media (max-width:980px) {
  .port-bottom {
    width: 70%;
  }
  .feat-img {
    padding: 0;
  }
  .title-box.no-bg {
    background: transparent;
  }
}
@media (max-width:540px) {
  .port-bottom {
    width: 80%;
  }
  .share-icons a {
    margin-right: 20px;
  }
  .share-icons a:last-child {
    margin-right: 0;
  }
}
#commentform #submit {
  background-color: #e5221b;
  color: #FFF;
  border: none;
  border-radius: 0;
  max-width: 206px;
  margin: 0 auto;
  height: 58px;
  padding: 0;
  font-size: 15px;
  letter-spacing: 3.21px;
}
#commentform #submit:hover {
  background-color: #382f2d;
}
#commentform input {
  width: 100%;
}
@media (min-width:981px) {
  .min-480 {
    min-width: 480px;
  }
}
.three-wide-mod {
  margin-right: 4%;
  width: 30.66667%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
}
.three-wide-mod:nth-child(3n) {
  margin-right: 0;
}
@media (max-width:990px) {
  .three-wide-mod {
    width: 48%;
  }
  .three-wide-mod:nth-child(3n) {
    margin-right: 4%
  }
  .three-wide-mod:nth-child(2n) {
    margin-right: 0;
  }
  .ex-large.our-work {
    /* position: absolute;*/
    text-align: left;
    left: 0;
    font-size: 110px;
    top: 0;
  }
  .mt-30.no-top-990 {
    margin-top: 0;
  }
  .red-vertical-bar.reduce-top {
    margin-top: 0;
    margin-bottom: 70px;
  }
}
.show-650 {
  display: none;
}
.tan-dots.top-app.port {
  width: 80%;
  right: -32%;
  top: -30%;
}
@media (max-width:980px) {
  .mw-450.sbs {
    max-width: 100%;
  }
  .sbs .port-circle {
    display: inline-block;
    margin-right: 4%;
    width: 48%;
    vertical-align: middle;
  }
  .sbs .port-info {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
  }
  .sbs .port-circle.lifestyle, .sbs .port-info.lifestyle {
    padding-top: 150px;
  }
  .mt-135.stay {
    margin-top: 135px;
  }
  .ex-large.sticky {
    position: static;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 98px;
    line-height: 110px;
    margin-bottom: 40px;
  }
  .top-980-65 {
    margin-top: 65px;
  }
  .collab-photo {
    width: 50%;
  }
  .circle-over.coll {
    left: 75%;
    opacity: 0.6;
    max-width: 681px;
    bottom: auto;
    top: 15%;
    width: 60%;
  }
  img.mob-center {
    display: block;
    margin: 0 auto;
  }
 
  .tan-dots.bottom-map.services {
    bottom: -220px;
  }
  .copy-divider.grey {
    margin: 60px 0;
  }
  .collab-photo {
    position: static;
    width: 90%;
    margin: 0 auto;
    display: block;
  }
  .mob-no-btm {
    margin-bottom: 0 !important;
  }
}
@media (max-width:650px) {
  .three-wide-mod {
    width: 100%;
    margin: 0 auto !important;
    margin-bottom: 40px !important;
  }
  .show-650 {
    display: block;
  }
  .hide-650 {
    display: none;
  }
  .sbs .port-circle, .sbs .port-info {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
  }
  .sbs .port-info {
    margin-left: 0;
  }
  .mt-135.stay {
    margin-top: 65px;
  }
  .sbs .port-info.lifestyle {
    padding-top: 0;
  }
  .stretch-650, .columns.stretch-650, .column.stretch-650 {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .stretch-650.mw-250 {
    max-width: 100%;
    margin: 0 auto;
  }
}
a.black {
  color: #382f2d;
}
@media (max-width:750px) {
  .top-nav .hamburger {
    top: 20px;
  }
}
@media (max-width:650px) {
  .top-nav .hamburger {
    top: 24px;
  }
}
.mw-450.mr-0, .mw-532.mr-0 {
  margin-right: 0;
  margin-left: auto;
}
.footer-links {
  text-align: center;
}
.footer-links a {
  display: inline-block;
  margin-right: 80px;
  color: #e3c5a3;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}
.footer-links a:last-child {
  margin-right: 0;
}
.disc-text {
  font-size: 14px;
  color: #FFF;
  margin-bottom: 0;
}
.disc-text a {
  color: #FFF;
  text-decoration: none;
}
@media (max-width:1080px) {
  .fs-fb, .fs-li {
    position: static;
    display: inline-block;
    transform: none;
    margin-top: 30px;
  }
  .fs-fb {
    margin-right: 40px;
  }
  .footer-links a {
    margin-right: 20px;
  }
  .footer-links a:last-child {
    margin-right: 0;
  }
}
@media (max-width:850px) {
  .footer-links a {
    display: block;
    margin-right: auto;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
p.disc-text.fs-11 {
  font-size: 11px;
}
@media (min-width:880px) {
  p.disc-text:not(.own-line) {
    display: inline-block;
    margin-right: 5px;
  }
  p.disc-text::after {
    content: " | ";
  }
  p.disc-text.own-line {
    display: block;
  }
  p.disc-text.own-line::after, p.disc-text.no-bar::after {
    content: "";
    margin-right: 0;
  }
}
@media (max-width:879px) {
  p.mb-none.addy {
    max-width: 200px;
    margin: 0 auto !important;
  }
  p.mb-none.m-ex-btm {
    margin-bottom: 20px !important
  }
}
@media (max-width:980px) {
  /* body.no-scroll {
    overflow:hidden;
    height:100%;
  }*/
  .mobile-footer-dots img {
    display: block;
  }
  .foot-social {
    margin-bottom: 30px;
  }
}
.foot-social a {
  display: inline-block;
  margin-right: 40px;
}
.foot-social a:last-child {
  margin-right: 0;
}
.aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 980px) {
  .single-post ul {
    margin-left: 30px;
  }
}
.left-four, .right-four, .center-circle {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}
.center-circle {
  width: 30%;
}
.rotated {
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.center-circle img {
  transition: all 8s ease;
}
.blue-copy-box {
  width: 100%;
  background-color: rgba(0, 51, 96, 0.8);
  padding: 50px;
  box-sizing: border-box;
  position: relative;
  z-index: 405;
}
.blue-copy-box.brown {
  background-color: rgba(0, 0, 0, 0.8);
}
.blue-copy-box.green {
  background-color: rgba(125, 156, 76, 0.8);
}

.blog-link-off {
padding:20px;
}

.waterside-pull-up {
  position: relative;
  width: 100%;
  z-index: 400;
  background-image: url(/wp-content/uploads/2023/06/waterside-2023-facebook.jpg);
  background-attachment: fixed;
  height: 610px;
  background-size: cover;
  background-position: top center;
  margin-top: -280px;
}
.waterside-pull-up.wsp {
  background-image: url(/wp-content/uploads/2023/06/wsp-2023-facebook.jpg);
}
.waterside-pull-up.gcc {
  background-image: url(/wp-content/uploads/2023/06/lwrgcc-2023-facebook.jpg);
  margin-top: -260px;
}
.waterside-pull-up.market {
  background-image: url(/wp-content/uploads/2023/06/market-2023-facebook.jpg);
}
.waterside-pull-up.chatham {
  background-image: url(/wp-content/uploads/2022/06/cp-silentsellers-kitchen.jpg);
  margin-top: 0;
}
@media (max-width:980px) {
  .waterside-pull-up {
    margin-top: -200px;
  }
  .waterside-pull-up.gcc {
    margin-top: -180px;
  }

  h2 {
    font-size:33px;
  }
  
  .contact-bg {
    width: 100%;
  padding: 40px 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: 50% 50%;
  }

  .sec-nav li {
    margin-right: 5px;
  }

  .test-bg {
    padding:25px;
  }

  #launch-phase.bg-20 {
    background-position:20% 50%;
  }

  .share-bar .share-text, .share-bar .share-icons {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.share-bar .share-icons {
    margin-top:20px;
}

    .holder.white {
        padding:75px 0;
    }

    .container.stretch-full {
        width:100%;
    }

    .columns.fix-pad {
        width:90%;
        margin:0 auto;
    }

    .mob-no-top-pad {
    padding-top:0 !important;
  }

  .show-980 .hero-caption {
    position: static !important;
  transform: none !important;
  width: 100% !important;
  max-width: none;
  margin-bottom: 50px !important;
  opacity:1 !important;
  }

  .mob-no-anim {
    transform:none !important;
    opacity:1 !important;
  }

  .purple-bg-mob {
    width:100%;
    background-size:cover;
    padding-bottom:60%;
    background-position:50% 50%;
  }

  .no-mob-bg {
    background-image:none !important;
  }

  .purple-on-mob {
    background-color: rgba(60, 57, 70,1);
    padding:30px 5%;
    width:100%;
  }

    #launch-phase,
    #post-sale-phase {
        padding-bottom:0;
        padding-top:0;
    }

    .fifty-fifty.flip-them {
        flex-direction:column-reverse;
    }

    #launch-phase.extra-bottom-pad {
        padding-bottom: 115px;
    }

    #post-sale-services.services-pss {
        padding-top: 50px;
    }

    .services-pss .container {
        padding-top:50px;
    }

    .neg-top-164 {
        margin-top:-124px;
    }

    .single-post-hero {
        height:350px;
    }

    .dark-box-bg {
        padding:50px 20px;
    }

    .post-info-header {
        margin-top:-120px !important;
    }

    .top-nav .nav-items li a:hover {
        color: #cb583f;
    }

    .hamburger.is-active {
        border: 2px solid #FFF;
  border-radius: 50%;
  padding: 6px 5px 5px 5px;
    }

    .mobile-icon {
        height:32px;
    }

    .mobile-icon img {
        height:100%;
        width:auto;
    }

    .purp-title {
        position:absolute;
        width:90%;
        margin:0 auto;
         background-color: rgba(60, 57, 70,0.8);
         padding:30px;
        top: -20px;
    z-index: 50;
    left:50%;
    transform:translateX(-50%);
    }

    .test-holder.mob-version {
        width:100%;
        height:350px;
    }

    .mob-neg-top-150 {
        margin-top:-150px;
    }

    .mt-100.mob-top-100 {
        margin-top:100px;
    }

    .test-holder.mob-version div {
        position:absolute;
        left:20px;
        top:50%;
        transform:translateY(-50%);
    }

    .test-holder.mob-version div:last-child {
        left:auto;
        right:20px;
    }

    .two-lists.single-on-mob {
        flex-wrap:wrap;
    }

    .two-lists.single-on-mob ul {
        width:100%;
    }

    .two-lists.single-on-mob ul:first-child {
        margin-bottom:0;
    }

}
.mb-112 {
  margin-bottom: 112px;
}
#custom-pager {
  margin-top: 50px;
}
#custom-pager a {
  color: #977348;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background-color: #FFF;
  font-size: 17px;
  border-right: none;
}
#custom-pager a.cycle-pager-active {
  font-weight: bold;
}
#custom-pager a:last-child {
  border-right: 1px solid #ddd;
}
.pwa-modal {
  display: none;
}
@media (max-width:700px) {
  .pwa-modal {
    display: none;
    position: absolute;
    width: 90%;
    max-width: 500px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    z-index: 1000;
    padding: 30px;
    box-sizing: border-box;
  }
  .pwa-modal.show-it {
    display: block;
  }
  .mobile-share {
    display: inline-block;
    width: 20px;
    height: auto;
  }
  .bike-vid {
   /* display: none; */
  }

  /*****delete after testing*********/
}
.pwa-nav, .pwa-phone {
  display: none;
}
@media (display-mode: standalone) {
  .single-events .subhead {
    display: none !important;
  }
  .search-box {
    display: none !important;
  }
  .p-menu {
    position: relative;
    z-index: 100000;
  }
  #hello-mag {
    display: none !important;
  }
  .hamburger {
    display: none !important;
  }
  .pwa-phone {
    display: block;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 25px;
  }
  .pwa-nav {
    display: block;
  }
  .pwa-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #382f2d;
    z-index: 1000000000000;
  }
  .pwa-nav a {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-image: url(img/pwa_home_1.svg);
    background-size: auto 20px;
    background-repeat: no-repeat;
    background-position: 50% 15px;
    list-style-type: none;
    padding-top: 40px;
    padding-bottom: 19px;
    background-color: #382f2d;
  }
  .pwa-nav a.active {
    background-color: #000;
  }
  .pwa-nav a.p-portfolio {
    background-image: url(img/portfolio_icon_white.svg);
  }
  .pwa-nav a.p-services {
    background-image: url(img/handshake_icon.svg);
    background-size: auto 27px;
  }
  .pwa-nav a.p-contact {
    background-image: url(img/pwa_contact_icon.svg);
  }
  .pwa-nav a.p-menu {
    background-image: url(img/pwa_menu_1.svg);
  }
  .pwa-nav a li {
    display: block;
    margin-bottom: 0;
    padding-left: 0;
  }
  .pwa-phone {
    display: block;
    position: absolute;
    right: 30px;
    top: 25px;
    width: 25px;
  }
  .testimonial-wrap {
    display: none !important;
  }
}