:root {
  --primary: #0ab463;
  --primary-rgb: 10, 180, 99;
  --primary-tissue: 10 180 99 / 87%;
  --primary-opacity: 10 180 99;
  --secondary: #3fd58d;
  --secondary-rgb: 63, 213, 141;
  --secondary-tissue:  63 213 141 / 67%;
  --secondary-opacity:  63 213 141;
  --tertiary: #5f8299;
  --tertiary-rgb: 95, 130, 153;
  --tertiary-tissue: 95 130 153 / 72%;
  --tertiary-opacity: 95 130 153;
  --quaternary: #303b41;
  --quaternary-rgb: 48, 59, 66;
  --quaternary-tissue: 48 59 66 / 78%;
  --quaternary-opacity: 48 59 66;
  --gray: #F9F9FA;
  --dark: #231f20;
  --darker: #1d1a1b;
  --font-primary: 'Open Sans', sans-serif;
  --font-secondary: 'Rubik', serif;
}
@font-face {
  font-family: 'Calibri-Regular';
  src: url('/oak/themes/custom_energy/css/fonts/calibri/calibri-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html {
  overflow-x: hidden;
}
body {
  color: #343434;
  background-color: #ffffff;
  /* generally the color of the footer for shorter pages */
  overflow-x: hidden;
  font-family: var(--font-primary);
  font-weight: 300;
}
main {
  position: relative;
  z-index: 1;
  clear: both;
}
footer nav a:hover {
  opacity: 1;
  color: #ffffff;
}
footer nav ul.services {
  columns: 2;
}
@media (min-width: 992px) {
  footer nav ul.services {
    columns: 1;
  }
}
footer nav ul.footer-pages {
  columns: 2;
}
@media (min-width: 576px) {
  footer nav ul.footer-pages {
    columns: 1;
  }
}
footer nav li {
  list-style-type: none;
}
footer nav li a {
  font-size: 1.2rem;
  color: #f8f9fa;
}
footer section .container {
  max-width: 1600px !important;
}
footer .form-group .btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb));
}
/* a tags */
a {
  color: var(--primary);
}
a:hover {
  color: var(--secondary);
}
/* .text- */
.text-primary {
  color: var(--primary) !important;
}
.text-tertiary {
  color: var(--tertiary) !important;
}
.text-quaternary {
  color: var(--quaternary) !important;
}
.text-dark {
  color: #343434 !important;
}
.text-fade {
  color: #7e7e7e;
}
/* .badge- */
/* .bg- */
.bg-primary {
  background-color: var(--primary) !important;
}
.bg-quaternary {
  background-color: var(--quaternary) !important;
}
.bg-light {
  background-color: #f5f1ed !important;
}
.bg-gray {
  background-color: #f8f9fa !important;
}
h1, h2, h3, h4, h5, .display-1, .display-2, .display-3, .display-4, .display-5 {
  font-family: var(--font-secondary);
}
/* h*.sub */
h1 span.sub, h3 span.sub {
  display: block;
  font-size: 60%;
  /* opacity: .7; */
  margin-top: 0.5em;
}
/* .display-* */
/* ---------- */
.display-1, h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}
.display-2, h2 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
}
.display-3, h3 {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1;
}
.display-4, h4 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}
.display-5, h5 {
  font-size: 1.6rem;
  font-weight: 400;
}
/* (sm) Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .display-1, h1 {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
  }
  .display-2, h2 {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1;
  }
  .display-3, h3 {
    font-size: 2.4rem;
    font-weight: 400;
  }
  .display-4, h4 {
    font-size: 2rem;
    font-weight: 400;
  }
  .display-5, h5 {
    font-size: 1.6rem;
    font-weight: 400;
  }
}
/* (md) Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .display-1, h1 {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
  }
  .display-2, h2 {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1;
  }
  .display-3, h3 {
    font-size: 2.4rem;
    font-weight: 400;
  }
  .display-4, h4 {
    font-size: 2rem;
    font-weight: 400;
  }
  .display-5, h5 {
    font-size: 1.6rem;
    font-weight: 400;
  }
}
/* (lg) Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .display-1, h1 {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
  }
  .display-2, h2 {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1;
  }
  .display-3, h3 {
    font-size: 2.4rem;
    font-weight: 400;
  }
  .display-4, h4 {
    font-size: 2rem;
    font-weight: 400;
  }
  .display-5, h5 {
    font-size: 1.6rem;
    font-weight: 400;
  }
}
/* (xl) Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .display-1, h1 {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
  }
  .display-2, h2 {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1;
  }
  .display-3, h3 {
    font-size: 2.4rem;
    font-weight: 400;
  }
  .display-4, h4 {
    font-size: 2rem;
    font-weight: 400;
  }
  .display-5, h5 {
    font-size: 1.6rem;
    font-weight: 400;
  }
}
/* .font-block
    {
        font-family: "proxima-nova", sans-serif;
        font-weight: 900;
    } */
p {
  margin-bottom: 1.5rem;
}
/* Ninthroot gradient text */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// BUTTONS ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .btn- */
.btn {
  border-radius: 0.2rem;
  white-space: normal;
  -webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);
  font-family: var(--font-primary);
  text-transform: uppercase;
}
/* /// .btn Addons before ///////////////////////////////////////////////////////////////////////////////////// */
/* .btn-icon */
.btn-icon {
  position: relative;
  overflow: hidden;
}
.btn-icon.icon-right {
  padding-right: 45px;
}
.btn-icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 35px;
  top: 0;
  background-color: rgba(0, 0, 0, 0.13);
}
.btn-icon.icon-right i {
  right: 0;
  border-left: 1px solid transparent;
}
/* .btn-count */
/* .btn-sub */
/* .btn-primary */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-opacity) / 50%);
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-opacity) / 50%);
}
.btn-primary:disabled {
  color: #fff;
  background-color: rgb(var(--primary-opacity) / 50%);
  border-color: rgb(var(--primary-opacity) / 50%);
}
/* .btn-outline-primary */
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-opacity) / 50%);
}
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-opacity) / 50%);
}
.btn-outline-primary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--primary-opacity) / 100%);
}
.btn-outline-primary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}
/* .btn-secondary */
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem rgb(var(--secondary-opacity) / 50%);
}
/* .btn-outline-secondary */
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem rgb(var(--secondary-opacity) / 50%);
}
/* .btn-tertiary */
.btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active {
  color: #ffffff !important;
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-opacity) / 50%);
}
/* .btn-outline-tertiary */
.btn-outline-tertiary:not(:disabled):not(.disabled).active, .btn-outline-tertiary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-opacity) / 50%);
}
/* .btn-quaternary */
.btn-quaternary:not(:disabled):not(.disabled).active, .btn-quaternary:not(:disabled):not(.disabled):active {
  color: var(--quaternary) !important;
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
/* .btn-outline-quaternary */
.btn-outline-quaternary:not(:disabled):not(.disabled).active, .btn-outline-quaternary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--quaternary);
  border-color: var(--quaternary);
  box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-opacity) / 50%);
}
/* .btn-light */
.btn-light {
  background-color: rgba(255, 255, 255, 0.95);
  border-color: #edf1f5;
  color: var(--primary);
}
.btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active {
  color: var(--primary);
  background-color: rgba(255, 255, 255, 0.95);
  border-color: #dee3e8;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2);
}
.btn-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2);
}
/* .btn-outline-light */
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
  color: var(--quaternary);
  background-color: rgba(255, 255, 255, 0.95);
  border-color: #edf1f5;
}
/* .btn-dark */
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
/* .btn-outline-dark */
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
/* .btn-link */
/* /// .btn Addons after ///////////////////////////////////////////////////////////////////////////////////// */
/* remove shadows, gradients, etc. */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// HEADER ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
header {
  position: fixed;
  z-index: 5;
  width: 100%;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
/* special container */
@media (max-width: 991px) {
  header div.header-container {
    max-width: 99%;
  }
}
header .logo {
  display: none;
}
/* mobile logo */
/* mobile icons */
/* dark */
/* opened */
/* mobile nav trigger */
header .mobile-nav-trigger {
  position: absolute;
  overflow: hidden;
  top: 1px;
  right: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 70px;
  /* mobile header height */
  font-size: 2.5rem;
  font-size: 25px;
  color: var(--primary);
  cursor: pointer;
}
header .mobile-nav-trigger .close-icon {
  position: relative;
  color: #ffffff;
  display: none;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
header .mobile-nav-trigger .open-icon {
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/* opened */
/* -------------- */
@media (min-width: 328px) {
  /* mobile logo */
}
/* (lg) Large devices (desktops, 992px and up) */
/* ------------------------------------------- */
@media (min-width: 992px) {
  /* container adjustments */
  /* search bar */
  /* logo */
  /* Custom "Icon Group" */
  /* Main Icon Group */
  header .mobile-nav-trigger {
    display: none;
  }
  header .logo {
    /* height: 96px; */
    height: 70px;
    /* margin-bottom: -135px; */
  }
  body.h-full-width header div.container {
    max-width: 99% !important;
  }
  header .logo {
    position: relative;
    /* margin-bottom: -50px; */
    display: flex;
    align-items: center;
    padding: 0;
    /* header height */
    float: left;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
}
/* end media query lg  */
@media (min-width: 1030px) {
  header .logo {
    /* height: 96px; */
    height: 105px;
    margin-top: -20px;
    /* margin-bottom: -135px; */
  }
}
@media (min-width: 1180px) {
  header .logo {
    /* height: 90px; */
    height: 105px;
    margin-top: -20px;
  }
}
/* HEADER TOP BAR */
/* -------------- */
/* (lg) Large devices (desktops, 992px and up) */
/* ------------------------------------------- */
@media (min-width: 992px) {
  /* dark */
  /* Sticky */
  /* ------ */
  /* Included if shared top bar exists */
  /* top bar icon group */
  /* text style */
  /* dark */
  /* top bar tert nav */
  /* dark */
}
/* end media query lg */
/* //// HEADER LIGHT (default) /////////////////////////////////////////////////////////////////////////////////////////////////// */
header {
  background: white;
  border-bottom: 1px solid #ffffff;
}
/* //// HEADER DARK /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// HEADER opaque ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* (lg) Large devices (desktops, 992px and up) */
/* ------------------------------------------- */
/* //// HEADER TRANSPARENT //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* (lg) Large devices (desktops, 992px and up) */
/* ------------------------------------------- */
/* //// HEADER OUTLINE ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* (lg) Large devices (desktops, 992px and up) */
/* ------------------------------------------- */
@media (min-width: 992px) {
  /* light.opaque */
}
/* dark */
/* (lg) Large devices (desktops, 992px and up) */
/* ------------------------------------------- */
@media (min-width: 992px) {
  /* transparent */
}
/* //// HEADER STICKY ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* (lg) Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* logo */
  /* header height */
  body.h-sticky header {
    position: fixed;
    width: 100%;
    z-index: 500;
  }
}
/* //// HEADER NAV ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* NAV Mobile */
/* ---------- */
header nav {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 0;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  overflow: hidden;
}
header nav ul, header nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/*//// Nav Content ///////////////////////////////////////////*/
/*//// LEVEL 1 ///////////////////////////////////////////*/
header nav ul.level-1 {
  margin: 73px auto;
  /* at least mobile header height */
  width: 80%;
}
header nav ul.level-1 > li {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
/* header nav ul.level-1 > li:last-child
			{
				border-bottom: 1px solid rgba(0, 0, 0, 0.2);
			} */
header nav ul.level-1 li a:not(.nav-content):not(.mega-h-a) {
  position: relative;
  display: block;
  padding: 20px;
  color: #fff;
  font-size: 2rem;
  font-size: 20px;
  line-height: 25px;
  text-decoration: none;
  border-left: 1px solid transparent;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
/* sub title */
header nav ul.level-1 li a:active:not(.nav-content):not(.mega-h-a) {
  background-color: rgba(var(--primary-rgb));
}
/* carrot */
/*//// LEVEL 2 ///////////////////////////////////////////*/
/* carrot */
/*//// LEVEL 3 ///////////////////////////////////////////*/
/* NAV Desktop */
/* ----------- */
/* (lg) Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /*//// LEVEL 1 ///////////////////////////////////////////*/
  /* level 1: global */
  /* sub title */
  /* Light vs Dark */
  /* ------------- */
  /* Sticky */
  /* ------ */
  /* LAST */
  /* ---- */
  /* carrot */
  /* Level 1: fly out */
  /*//// LEVEL 2 ///////////////////////////////////////////*/
  /* Level 2: global */
  /* dark */
  /* Level 2: flyout */
  /* flyout direction */
  /* dark */
  /* Level 2: mega */
  /* global */
  /* dark */
  /*//// LEVEL 3+ ///////////////////////////////////////////*/
  /* Level 3+: Flyout */
  /* dark */
  /* flyout direction */
  /* stack order */
  /* Level 3: Mega */
  /* global */
  /* level 3+ */
  /*//// Nav Content ///////////////////////////////////////////*/
  header nav {
    position: relative;
    height: auto;
    overflow: visible;
    right: 21px;
    font-weight: 400;
  }
  header nav > ul {
    display: block !important;
  }
  header nav ul.level-1 {
    margin: 0;
    width: auto;
    float: right;
  }
  header nav ul.level-1 > li {
    border-top: none;
    border-right: 1px solid #ffffff;
    float: left;
  }
  header nav ul.level-1 > li:first-child {
    border-left: 1px solid #ffffff;
  }
  header nav ul.level-1 li a:not(.nav-content):not(.mega-h-a) {
    height: 90px;
    /* generally the total height of the logo */
    font-size: 14px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    /* on light defaults */
    text-shadow: none;
    color: #5d5d5d;
  }
  header nav ul.level-1 li a:hover:not(.nav-content):not(.mega-h-a) {
    color: #ffffff;
    background-color: var(--primary);
  }
  header nav ul.level-1 > li:first-child {
    border-left: 0px solid #f1f1f1;
  }
}
/* end (lg) */
@media (min-width: 1120px) {
  header nav ul.level-1 li a:not(.nav-content):not(.mega-h-a) {
    /* font-size: 14px;
                padding: 0 10px; */
    font-size: 17px;
  }
}
@media (min-width: 1300px) {
  header nav ul.level-1 li a:not(.nav-content):not(.mega-h-a) {
    font-size: 17px;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTIONS //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
section {
  position: relative;
  margin: 0;
  padding: 75px 0;
  background-color: #fff;
  /* default */
}
section .container {
  max-width: 1200px !important;
}
/*section:not(.section-separator) { overflow-x: hidden; }*/
/* //// SECTION Gray ////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTION Dark ////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTION Dark 2 ////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTION SPLIT ///////////////////////////////////////////////////////////////////////////////////////////// */
/* both sides */
/* overrides */
/* //// SECTION LR Image ///////////////////////////////////////////////////////////////////////////////////////////// */
section.lr-image div[class*="col-"] {
  padding: 3rem;
}
section.lr-image h1 {
  margin-bottom: 2rem;
}
/* //// SECTION IMAGE  /////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTION IMAGE /////////////////////////////////////////////////////////////////////////////////////////////////// */
section.bg-image-tissue {
  background-position: 50%;
  background-size: cover;
  padding: 0 !important;
  background-color: transparent;
}
section.bg-image-tissue .container-fluid {
  padding: 0 !important;
}
section.bg-image-tissue .tissue-light {
  background-color: rgba(255, 255, 255, 0.9);
}
/* //// SECTION VIDEO /////////////////////////////////////////////////////////////////////////////////////////////////// */
section.bg-video {
  position: relative;
  color: #fff;
  background-color: transparent;
  overflow: hidden;
}
.yt-poster {
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  left: 0;
  z-index: 1;
}
section.bg-video .yt-poster {
  z-index: -99;
}
/* //// SECTION CONTACT ///////////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTION FULLSCREEN ////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTION PARTIAL SCREEN ///////////////////////////////////////////////////////////////////////////////////////// */
/* //// SECTION DIVIDERS /////////////////////////////////////////////////////////////////////////////////////////////// */
/* Diagonal */
/* -------- */
/* Mirror */
/* Add Shadow */
/* shadow colors */
/* //// SECTION SEPARATOR ////////////////////////////////////////////////////////////////////////////////////////////// */
/* svg paths */
/* coloring */
/* //// SECTION OVERLAY /////////////////////////////////////////////////////////////////////////////////////////////////// */
section.bg-overlay {
  min-height: auto;
  display: block;
  padding: 0;
}
section.bg-overlay div.overlay {
  display: flex;
  align-items: center;
  padding: 75px 0;
  /* re-apply default section padding */
  box-shadow: inset 0px 11px 8px -10px rgba(0, 0, 0, 0.2), inset 0px -11px 8px -10px rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 49%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 49%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 49%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6343a40', endColorstr='#c2343a40',GradientType=0);
}
section.bg-overlay.overlay-light div.overlay {
  background: webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.65) 49%, rgba(255, 255, 255, 0.4) 100%) !important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.65) 49%, rgba(255, 255, 255, 0.4) 100%) !important;
}
/* overlay view hieght fixes */
/* //// HEADER OVERLAP SECTION ADJUSTMENTS //////////////////////////////////////////////////////////////////////// */
/* sticky / opaque / transparent */
body.h-sticky main section:first-child {
  padding-top: 90px;
  /* header height + section padding */
}
/* overlay */
body.h-sticky main section.bg-overlay:first-child {
  padding: 0 !important;
}
/* reset instead of :not selectors */
body.h-sticky main section.bg-overlay:first-child div.overlay {
  padding-top: 90px;
  /* header height + section padding */
}
/* top bar */
body.h-sticky.h-show-top-bar main section.bg-overlay:first-child div.overlay {
  padding-top: 130px;
  /* header height + section padding + top bar height */
}
/* Convention Site */
@media (min-width: 992px) {
  /* sticky / opaque / transparent */
  /* top bar */
  /* overlay */
  /* reset instead of :not selectors */
  /* top bar */
  /* .half-pad */
  /* Convention Site */
  /* Convention Site + Top Bar */
  body.h-sticky main section:first-child {
    padding-top: 165px;
    /* header height + section padding */
  }
  body.h-sticky.h-show-top-bar main section:first-child {
    padding-top: 185px;
    /* header height + section padding + top bar height */
  }
  body.h-sticky main section.bg-overlay:first-child {
    padding: 0 !important;
  }
  body.h-sticky main section.bg-overlay:first-child div.overlay {
    padding-top: 165px;
    /* header height + section padding */
  }
  body.h-sticky.h-show-top-bar main section.bg-overlay:first-child div.overlay {
    padding-top: 185px;
    /* header height + section padding + top bar height */
  }
}
/* .full-screen */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// LISTS /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .icon-list */
/* default: chevron */
/* chevron circle */
/* checkmark */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// TABS //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .nav-tabs bootstrap overrides */
/* .has-tabs section specific tabs overrides */
/* .bg-dark */
/* .bg-image */
/* active overrides */
/* active-gray */
/* active-image */
/* active-dark */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// IMAGES ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .img-circle */
/* .img-polaroid */
/* .img-abstract */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// FORMS /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .form- */
.form-control {
  border-radius: 0.2rem;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgba(var(--primary-rgb));
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb));
}
/* hide form labels */
/* (sm) Small devices (landscape phones, 576px and up) */
/* (md) Medium devices (tablets, 768px and up) */
/* (lg) Large devices (desktops, 992px and up) */
/* (xl) Extra large devices (large desktops, 1200px and up) */
/* inlay form labels */
.inlay-form-labels form {
  margin-top: 15px;
}
.inlay-form-labels .form-group {
  position: relative;
  margin-top: -19px;
}
.inlay-form-labels .form-group input, .inlay-form-labels .form-group textarea {
  width: 100%;
  height: 50px;
  padding-top: 21px;
}
.inlay-form-labels .form-group label {
  position: relative;
  left: 12px;
  top: 25px;
  display: block;
  color: #b3b3b3;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.inlay-form-labels .form-group.inlay-button {
  margin-top: 0px;
}
.textarea-short textarea {
  min-height: 100px !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// TABLES ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// MISC. /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .scroll-window */
/* -------------- */
/* .bouncing */
/* --------- */
/* .show-more */
/* ---------- */
/* .well */
/* ----- */
.well {
  position: relative;
  /* border-radius: calc(.25rem - 1px); */
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f8f9fa;
  border: 1px solid #eee;
  border-radius: 0.4rem;
}
/* .text-gold */
/* ---------- */
.review-star {
  color: #ffcf00;
}
/* Flyout Sticky */
/* ------------- */
/* Social */
/* ------ */
a.hover-bg-facebook:hover {
  background-color: #3b5998 !important;
}
a.hover-bg-instagram:hover {
  background-color: #e4405f !important;
}
a.hover-bg-google:hover {
  background-color: #dd4b39 !important;
}
/* Bootstrap Breadcrumb */
/* -------------------- */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// MISC. BOOTSTRAP OVERRIDES /////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* code */
/* breadcrumb */
/* carousel */
/* navs */
/* pagination */
/* Borders */
@media (min-width: 992px) {
  .border-lg-left {
    border-left: 1px solid #e2e2e2 !important;
  }
}
/* XXL bootstrap */
/* (xxl) Extra large devices (large desktops, 1500px and up) */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// CUSTOM: NINE OVERRIDES / WIDGET ADDDITIONS ETC. ///////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*

var(--primary)
rgb(var(--secondary-rgb))
rgb(var(--tertiary-rgb))

*/
/* general accordion */
/* .wi-badges-simple */
/*  wi-subnav-image-2 */
/* ------------------ */
.wi-subnav-image-2 a.wi-wrapper {
  display: block;
  text-align: center;
  color: #5d5d5d;
}
.wi-subnav-image-2 a.wi-wrapper .wi-image {
  position: relative;
  display: block;
  width: 80%;
  padding-top: 80%;
  margin: auto;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.wi-subnav-image-2 a.wi-wrapper:hover {
  text-decoration: none;
}
.wi-subnav-image-2 a.wi-wrapper .wi-image div.wi-underlay {
  position: absolute;
  z-index: 1;
  left: -120%;
  top: -120%;
  border-radius: 50%;
  width: 120%;
  height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.wi-subnav-image-2 a.wi-wrapper:hover .wi-image div.wi-underlay {
  left: -10%;
  top: -10%;
}
.wi-subnav-image-2 .color-primary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: rgb(var(--primary-opacity) / 0.8);
}
.wi-subnav-image-2 a.wi-wrapper .wi-image div.wi-underlay {
  font-size: 100px;
}
.wi-subnav-image-2 a.wi-wrapper:hover .wi-image {
  border-color: #72AA17;
}
.wi-subnav-image-2 .color-primary a.wi-wrapper:hover .wi-image {
  border-color: var(--primary);
}
/* arrows */
/* ------ */
.arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #ffffff transparent transparent transparent;
}
/* arrow colors */
section.section-arrow.arrow-white .arrow {
  border-color: white transparent transparent transparent;
}
/* section arrows */
section.section-arrow {
  border-top: 3px solid #ffffff;
}
section.section-arrow.arrow-white {
  border-color: white;
}
section.section-arrow .arrow {
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
}
@media (min-width: 960px) {
  .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #ffffff transparent transparent transparent;
  }
  section.section-arrow .arrow {
    left: calc(50% - 25px);
  }
}
/* event */
/* .wi-testimonials-small */
/* ---------------------- */
/* -------------------- */
/* -------------------- */
/* -------------------- */
/* -------------------- */
/* div. */
/* div.in-content-video */
/* .graph-bg */
/* .cce */
/* .info-block */
/* ------------------- */
/* .wi-subnav-image-1 */
/* --- */
/* ------------ */
/* Social Large 1 */
/* -------------- */
/* Social Medium 1 */
/* -------------- */
div.wi-social-medium-1 {
  display: flex;
  width: auto;
  margin: auto;
}
div.wi-social-medium-1 a {
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  margin: 0 2px;
  font-size: 27px;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
div.wi-social-medium-1 a:hover {
  color: #fff;
  background-color: #23a9e1;
}
/* Social Medium 2 */
/* -------------- */
/* .wi-franchise-list */
/* ------------------ */
/* .wi-franchise-locations */
/* ---------------------- */
/* Service Badges */
/* Careers */
/* 9th Override */
/* job listing */
/* Full Calendar */
/* .wi-coupons-slider-1 */
/* slick overrides */
/* Client reviews 3 */
/* Checkmark LG */
/* //// Packages Well ////////////////////////////////////////////////////////////////////////////////////////////// */
@media (min-width: 992px) {
  /* Odd*/
  /* Even */
}
/* //// LH Table ////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Bump ////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Reviews Stack 1 ////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine Custom /////////////////////////////////////////////////////////////////////////////////////// */
.nine-fs {
  font-size: var(--nine-fs);
}
@media (min-width: 768px) {
  .nine-fs-md {
    font-size: var(--nine-fs-md);
  }
}
/* //// HR /////////////////////////////////////////////////////////////////////////////////////// */
hr.thick {
  border-top-width: 6px;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
hr.primary {
  border-top-color: var(--primary);
}
hr.tertiary {
  border-top-color: var(--tertiary);
}
/* //// Width /////////////////////////////////////////////////////////////////////////////////////// */
.width-20 {
  width: 20%;
}
/* //// Misc ////////////////////////////////////////////////////////////////////////////////////////////// */
@font-face {
  font-family: "ffs";
  src: url("/oak/themes/footprints21/css/fonts/ffs.eot?ncngst");
  src: url("/oak/themes/footprints21/css/fonts/ffs.eot?ncngst#iefix") format("embedded-opentype"), url("/oak/themes/footprints21/css/fonts/ffs.ttf?ncngst") format("truetype"), url("/oak/themes/footprints21/css/fonts/ffs.woff?ncngst") format("woff"), url("/oak/themes/footprints21/css/fonts/ffs.svg?ncngst#ffs") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ffs {
  display: inline-block;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ffs" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'ffc';
  src: url('fonts/ffc/ffc.eot?404ej1');
  src: url('fonts/ffc/ffc.eot?404ej1#iefix') format('embedded-opentype'), url('fonts/ffc/ffc.ttf?404ej1') format('truetype'), url('fonts/ffc/ffc.woff?404ej1') format('woff'), url('fonts/ffc/ffc.svg?404ej1#ffc') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}