@charset "UTF-8";
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline
}
body {
  line-height: 1;
  color: #000;
  background: #fff
}
:focus {
  outline: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
caption, td, th {
  text-align: left;
  font-weight: 400
}
fieldset, img {
  border: 0
}
address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: 400
}
ol, ul {
  list-style: none
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400
}
blockquote:after, blockquote:before, q:after, q:before {
  content: ""
}
blockquote, q {
  quotes: """"
}
abbr, acronym {
  border: 0
}
body, button, html, input, select, textarea {
  background: #edeff2;
  color: #434a59;
  font-size: 16px;
  font-weight: 400;
  font-family: Graphik, "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1;
  font-feature-settings: "ss01"1;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
body, html {
  height: 100%;
  width: 100%
}
::-moz-selection {
  background: #92d485;
  color: #fff;
  text-shadow: none
}
.p-t-1 {
  padding-top: 1rem
}
.p-t-2 {
  padding-top: 2rem
}
.p-t-3 {
  padding-top: 3rem
}
.p-t-4 {
  padding-top: 4rem
}
.p-t-5 {
  padding-top: 5rem
}
.p-t-6 {
  padding-top: 6rem
}
.p-t-7 {
  padding-top: 7rem
}
.p-b-1 {
  padding-bottom: 1rem
}
.p-b-2 {
  padding-bottom: 2rem
}
.p-b-3 {
  padding-bottom: 3rem
}
.p-b-4 {
  padding-bottom: 4rem
}
.p-b-5 {
  padding-bottom: 5rem
}
.p-b-6 {
  padding-bottom: 6rem
}
.p-b-7 {
  padding-bottom: 7rem
}
.p-r-1 {
  padding-right: 1rem
}
.p-r-2 {
  padding-right: 2rem
}
.p-r-3 {
  padding-right: 3rem
}
.p-r-4 {
  padding-right: 4rem
}
.p-r-5 {
  padding-right: 5rem
}
.p-r-6 {
  padding-right: 6rem
}
.p-r-7 {
  padding-right: 7rem
}
.p-l-1 {
  padding-left: 1rem
}
.p-l-2 {
  padding-left: 2rem
}
.p-l-3 {
  padding-left: 3rem
}
.p-l-4 {
  padding-left: 4rem
}
.p-l-5 {
  padding-left: 5rem
}
.p-l-6 {
  padding-left: 6rem
}
.p-l-7 {
  padding-left: 7rem
}
.m-t-1 {
  margin-top: 1rem
}
.m-t-2 {
  margin-top: 2rem
}
.m-t-3 {
  margin-top: 3rem
}
.m-t-4 {
  margin-top: 4rem
}
.m-t-5 {
  margin-top: 5rem
}
.m-t-6 {
  margin-top: 6rem
}
.m-t-7 {
  margin-top: 7rem
}
.m-b-1 {
  margin-bottom: 1rem
}
.m-b-2 {
  margin-bottom: 2rem
}
.m-b-3 {
  margin-bottom: 3rem
}
.m-b-4 {
  margin-bottom: 4rem
}
.m-b-5 {
  margin-bottom: 5rem
}
.m-b-6 {
  margin-bottom: 6rem
}
.m-b-7 {
  margin-bottom: 7rem
}
a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: all .25s
}
a:focus, a:hover {
  color: inherit;
  text-decoration: none
}
a.abut {
  box-shadow: none;
  border: none;
  background: #60bf70;
  color: #fff;
  border-radius: 4px;
  font-size: .938rem;
  line-height: 1;
  padding: .875rem 1.25rem;
  font-size: .813rem;
  font-weight: 500;
  margin-right: 1rem;
  min-width: 120px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  transition: all .25s
}
a.link-btn {
  color: #60bf70;
  font-weight: 700
}
a.link-btn span {
  text-decoration: underline
}
a.link-btn::after {
  content: "\00BB";
  padding-left: 2px;
  text-decoration: none
}
.CodeMirror.cm-s-mdn-like {
  min-height: 80vh
}
hr {
  margin: 0;
  border-top: 1px solid #e4e7ec
}
.no-padding {
  padding-left: 0;
  padding-right: 0
}
.preHeader {
  display: block;
  position: relative
}
.preHeader .alert {
  position: relative;
  width: 100%;
  z-index: 99999;
  min-height: 70px;
  background: #434a59;
  margin-bottom: 0;
  border-color: #434059;
  color: #fff;
  text-align: center;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row
}
.preHeader .alert h5 {
  color: #fff;
  padding: 0;
  margin: 0
}
.alert-dismissible .close, .preHeader .alert-dismissable .close {
  position: absolute;
  top: 50%;
  right: 20px;
  color: inherit;
  transform: translateY(-8px)
}
.preHeader .alert h5 button {
  padding: 8px 15px;
  color: #fff;
  background: 0 0;
  border: 1px solid #60bf70;
  border-radius: 4px;
  margin-left: 25px;
  transition: all .3s ease-in-out;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1em
}
.preHeader .alert h5 button:focus, .preHeader .alert h5 button:hover {
  color: #fff;
  background: #60bf70;
  border: 1px solid #60bf70;
  transition: all .3s ease-in-out
}
.site__container {
  position: relative
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, p.white {
  color: #fff
}
.compact {
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif
}
.condensed {
  font-family: "Graphik Condensed", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif
}
h1 {
  color: #434a59;
  font-size: 3rem;
  font-weight: 500
}
h2 {
  color: #434a59;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2
}
h2.section__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 auto 1rem;
  text-align: center;
  max-width: 75%
}
h2.section__title.inverted {
  color: #fff
}
h2.club-title {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: .5rem;
  text-align: center;
  position: absolute;
  z-index: 2750;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 75%;
  text-transform: uppercase;
  transform: translateX(-50%) translateY(-50%)
}
h2.club-title.green {
  color: #60bf70
}
h2.club-title::after {
  content: "";
  background: #92d485;
  height: 50vh;
  width: 1px;
  position: absolute;
  left: 50%;
  top: 8vh;
  transform: translateX(-50%)
}
h3 {
  color: #434a59;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: .5em
}
h3.common__body-title {
  font-size: 1.188rem;
  font-weight: 500
}
h4 {
  color: #434a59;
  font-size: 1.625rem;
  font-weight: 500
}
h5 {
  color: #434a59;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 1.25rem;
  text-transform: uppercase
}
h6 {
  font-size: 1rem;
  font-weight: 500
}
em {
  font-style: italic !important
}
p {
  color: #878c99;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7
}
p strong {
  font-weight: 600
}
p.xs {
  font-size: .75rem;
  line-height: 1.427
}
p.sm {
  font-size: .875rem;
  line-height: 1.6
}
p.lg {
  font-size: 1.125rem
}
p + p {
  margin-top: 1rem
}
p.pullquote {
  letter-spacing: -.015rem;
  position: relative;
  padding: 5rem 2.875rem 2.5rem;
  z-index: 25
}
p.pullquote.centered {
  text-align: center
}
p.pullquote.centered span {
  left: 50%;
  transform: translateX(-50%)
}
p.pullquote.white {
  padding: 0
}
p.pullquote.white span {
  color: #92d485;
  font-size: 2rem;
  top: -3rem;
  left: -1.25rem
}
p.pullquote.on-gray span {
  color: #edeff2
}
p.pullquote.sm {
  padding: 2rem 1rem 3rem
}
p.pullquote.sm span {
  font-size: 3.75rem
}
p.pullquote span {
  display: block;
  color: #f5f7f9;
  font-size: 8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
p.pullquote span.dark {
  color: #60bf70;
  font-size: 2.75rem;
  top: -2.5rem;
  left: -1.5rem
}
.content-container ul {
  margin: 0;
  padding: 0;
  list-style-type: disc;
  margin-left: 35px
}
.content-container ul li {
  color: #878c99;
  font-weight: 400;
  line-height: 1.7;
  margin: 10px 0
}
.content-container blockquote {
  display: block;
  background: #f2f2f2;
  padding: 30px;
  max-width: 640px;
  margin: 0 auto;
  border: 1px solid #f0f0f0;
  border-radius: 9px;
  line-height: 1.8em;
  font-family: Graphik;
  font-weight: 600
}
.content-container blockquote strong {
  font-weight: 600
}
header.global__nav {
  padding: 0;
  line-height: 1;
  margin: 0 auto;
  width: 100%;
  padding: 0 2rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999
}
header.global__nav .container {
  max-width: 100%;
  width: 100%
}
header.global__nav.inverted {
  position: relative
}
header.global__nav.inverted {
  background: rgba(255, 255, 255)
}
@media(min-width:992px) {
  header.global__nav.inverted {
    background: rgba(255, 255, 255)
  }
  header.global__nav.inverted .navbar-nav > li > a {
    color: #434a59;
    display: inline-block;
    font-size: .938rem;
    font-weight: 500;
    padding: 0 .75rem;
    margin: 0;
    line-height: 1;
    position: relative
  }
  header.global__nav.inverted .navbar-nav > li > a:active, header.global__nav.inverted .navbar-nav > li > a:focus, header.global__nav.inverted .navbar-nav > li > a:hover {
    background: 0 0;
    color: #444;
    opacity: 1
  }
  header.global__nav.inverted .nav__flex-column.nav-secondary > a {
    box-shadow: none;
    border: none;
    background: #60bf70;
    color: #fff
  }
  header.global__nav.inverted .nav__flex-column.nav-secondary > a:first-child {
    background: 0 0;
    color: #878c99
  }
  header.global__nav.inverted .nav__flex-column.nav-secondary > a:first-child:hover {
    background: 0 0;
    color: #434a59
  }
  header.global__nav.inverted .nav__flex-column.nav-secondary > a:active, header.global__nav.inverted .nav__flex-column.nav-secondary > a:focus, header.global__nav.inverted .nav__flex-column.nav-secondary > a:hover {
    background: #4ab65c
  }
}
.nav__flex-column {
  flex: 1 0 auto
}
.nav__flex-column.brand {
  flex: 1 0 auto
}
.nav__flex-column.nav-secondary {
  text-align: right;
  flex: 1 0 11.5rem
}
.nav__flex-column.nav {
  text-align: center
}
.brand__logo {
  align-self: flex-start;
  display: block;
  width: 184px;
  height: 30px;
  background: url(//d2nfzhdjx5k7v7.cloudfront.net/sites/corp/img/white-logo.svg) no-repeat 0 0
}
.inverted .brand__logo {
  background: url(//d2nfzhdjx5k7v7.cloudfront.net/sites/corp/img/primary-logo.svg) no-repeat 0 0
}
.brand__logo img, .brand__logo object {
  width: 11.5rem;
  height: auto
}
.nav__flex-wrap {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  padding: 2rem 0
}
.navbar-header {
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.navbar {
  border: none;
  border-radius: none;
  line-height: 1;
  margin: 0 auto;
  min-height: auto;
  padding: 0;
  width: 100%;
  z-index: 9999;
  transition: all .3s
}
.navbar-nav {
  float: none;
  width: 100%
}
.navbar-toggle {
  border: none;
  border-radius: 0;
  margin-right: 0;
  margin-top: 0;
  background: 0 0;
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 1.375rem;
  z-index: 9900
}
.navbar-toggle:focus {
  outline: 0
}
.navbar-header input {
  display: none
}
.navbar-header label {
  position: relative;
  width: 40px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-align: left
}
.navbar-header div, .navbar-header div:after, .navbar-header div:before {
  background: #fff;
  position: absolute;
  height: 3px;
  width: 40px;
  border-radius: 4px;
  -webkit-transition: all .5s;
  transition: all .5s
}
.inverted .navbar-header div, .inverted .navbar-header div:after, .inverted .navbar-header div:before {
  background: #000;
  position: absolute;
  height: 3px;
  width: 40px;
  border-radius: 4px;
  -webkit-transition: all .5s;
  transition: all .5s
}
.navbar-header label div:first-child {
  top: 0
}
.navbar-header label div:nth-child(2) {
  top: 8px
}
.navbar-header label div:nth-child(3) {
  top: 16px
}
#menu33 + label div {
  -webkit-transition: top .15s .3s, -webkit-transform .15s .12s;
  transition: top .15s .3s, -webkit-transform .15s .12s;
  transition: top .15s .3s, transform .15s .12s;
  transition: top .15s .3s, transform .15s .12s, -webkit-transform .15s .12s
}
#menu33 + label div:nth-child(3) {
  -webkit-transition: top .15s .3s, -webkit-transform .3s;
  transition: top .15s .3s, -webkit-transform .3s;
  transition: top .15s .3s, transform .3s;
  transition: top .15s .3s, transform .3s, -webkit-transform .3s
}
#menu33:checked + label div {
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top .15s, -webkit-transform .12s .15s;
  transition: top .15s, -webkit-transform .12s .15s;
  transition: top .15s, transform .12s .15s;
  transition: top .15s, transform .12s .15s, -webkit-transform .12s .15s
}
#menu33:checked + label div:nth-child(3) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: top .15s, -webkit-transform .3s .15s;
  transition: top .15s, -webkit-transform .3s .15s;
  transition: top .15s, transform .3s .15s;
  transition: top .15s, transform .3s .15s, -webkit-transform .3s .15s
}
.inverted .navbar-toggle .icon-bar {
  background-color: #434a59
}
.navbar-toggle .icon-bar {
  background-color: #edeff2;
  border-radius: 5px;
  display: block;
  height: 2px;
  margin: 5px 0;
  width: 22px
}
.navbar-nav > li {
  float: none;
  display: inline-block;
  text-align: center
}
.navbar-nav > li.dropdown > a > span {
  margin-left: .25rem;
  font-size: .75rem;
  font-weight: 500;
  position: relative
}
.navbar-nav > li > a {
  color: rgba(255, 255, 255, .88);
  display: inline-block;
  font-size: .938rem;
  font-weight: 500;
  padding: 0 .875rem;
  margin: 0;
  line-height: 1;
  position: relative
}
.navbar-nav > li > a:active, .navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
  background: 0 0;
  color: #fff;
  opacity: 1
}
.nav > li > a:active, .nav > li > a:focus, .nav > li > a:hover {
  background: 0 0
}
.nav__flex-column.nav-secondary a {
  color: rgba(255, 255, 255, .76);
  font-size: .813rem;
  font-weight: 500;
  margin-right: 1rem
}
.nav__flex-column.nav-secondary a:hover {
  color: #fff
}
.nav__flex-column.nav-secondary a:last-child {
  background: #fff;
  border-radius: 4px;
  color: #434a59;
  font-size: .938rem;
  line-height: 1;
  padding: .875rem 1.25rem;
  margin-right: 0
}
.nav__flex-column.nav-secondary a:last-child:hover {
  background: #fff;
  border-color: #fff;
  color: #434a59
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: 0 0;
  border: none
}
.dropdown-menu {
  box-shadow: 0 .375rem 3rem rgba(43, 45, 51, .13);
  border-radius: 4px !important;
  border: none;
  padding: .625rem 0;
  margin: 0;
  min-width: 8rem;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%)
}
.dropdown-menu::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  z-index: 204
}
.dropdown-menu li > a {
  color: #878c99;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  padding: .688rem 1.375rem
}
.dropdown-menu li > a:hover {
  background: #edeff2;
  color: #434a59
}
a.contactBtn {
  min-width: 120px;
  display: inline-block
}
a.membersBtn {
  display: inline-block;
  line-height: 43px
}
.dropdown-submenu {
  position: relative
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff
}
.dropdown-submenu.pull-left {
  float: none
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px
}
.banner {
  background: #475166;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 85vh;
  overflow: hidden;
  position: relative;
  margin: 0 auto 5px
}
.banner.inner {
  height: 75vh
}
.banner.inner.clear {
  background: 0 0
}
.banner.inner.clear::before {
  background: 0 0;
  opacity: 0
}
.banner.white {
  background: #fff;
  height: 50vh;
}
.banner.white.lower {
  margin-top: 0 !important;
  height: 55vh
}
.banner.white.contact {
  height: 40vh
}
.banner.white.short {
  height: 10vh
}
.banner.inner.mid {
  height: 50vh
}
.banner.white.website {
  background: #fff;
  height: auto;
  margin-top: initial;
  padding-bottom: 55%
}
.banner.white::before {
  background: 0 0
}
.banner::before {
  background: #000;
  opacity: .26;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 135
}
.banner-bg.img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  z-index: 125
}
.banner-bg.video video {
  height: auto;
  width: 100%;
  opacity: .33
}
.banner-bg.img .banner-bg__img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%
}
.banner-bg.img .banner-bg__img.map-marina {
  background-image: url(https://www.clubessential.com/assets/clube/Media/marina-map.png);
  opacity: .7
}
.banner-bg.img .banner-bg__img.mrm {
  background-image: url(https://www.clubessential.com/assets/clube/Media/mrm-banner.jpg);
  opacity: .6
}
.banner-bg.img .banner-bg__img.crm {
  background-image: url(https://www.clubessential.com/assets/clube/Media/crm-banner.jpg);
  opacity: .6
}
.banner-bg.img .banner-bg__img.careers {
  background-image: url(https://www.clubessential.com/assets/clube/Media/mel-careers.png);
  opacity: .62
}
.banner-bg.img .banner-bg__img.customers {
  background-image: url(https://www.clubessential.com/assets/clube/Media/customers-banner.png)
}
.banner-bg.img .banner-bg__img.mobile-app {
  background-image: url(https://www.clubessential.com/assets/clube/Media/mobile-app-banner.png);
  background-position: right center;
  background-size: 60vw
}
.hero-work-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  perspective: 3000px
}
.hero-work-wrap.mobile-app .hero-work-overlay {
  background: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, .05)), linear-gradient(63deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 78%)
}
.hero-work-wrap.crm .hero-work-overlay {
  background: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, .05)), linear-gradient(63deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 78%)
}
.hero-work-wrap.banquets .hero-work-overlay {
  background: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, .05)), linear-gradient(63deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 78%)
}
.hero-work-wrap .hero-work-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3400;
  background-image: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, .05)), linear-gradient(63deg, rgba(255, 255, 255, .15) 34%, #fff 78%);
  transform: translate3d(0, 0, 200px);
  transform-style: preserve-3d
}
.hero-work-wrap .hero-work-image {
  background-image: url(https://www.clubessential.com/assets/clube/Media/mobile-app-banner.png);
  background-repeat: no-repeat;
  background-size: 60vw;
  background-position: 90% 100%;
  position: relative;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%
}
.hero-work-wrap.mrm .hero-work-overlay {
  background: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, .05)), linear-gradient(63deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 78%)
}
.hero-work-wrap .hero-work-image.marina-map {
  background-image: url(https://www.clubessential.com/assets/clube/Media/marina-map.png);
  background-size: 40vw;
  background-position: 84% 60%
}
.hero-work-wrap .hero-work-image.mrm {
  background-image: url(https://www.clubessential.com/assets/clube/Media/mrm-banner.png);
  background-size: 50vw;
  background-position: 84% 60%
}
.hero-work-wrap .hero-work-image.accounting {
  background-image: url(https://www.clubessential.com/assets/clube/Media/pos-banner.png);
  background-size: 44vw;
  background-position: 87.5% 60%;
  z-index: 5500
}
.hero-work-wrap .hero-work-image.mobilepos {
  background-image: url(https://www.clubessential.com/assets/clube/Media/CE_Mobile_POS_Screen.png);
  background-size: 44vw;
  background-position: 87.5% 60%;
  z-index: 5500
}
.hero-work-wrap .hero-work-image.mobile-app {
  background-image: url(https://www.clubessential.com/assets/clube/Media/mobile-app-banner.png)
}
.hero-work-wrap .hero-work-image.crm {
  background-image: url(https://www.clubessential.com/assets/clube/Media/crm-banner.png);
  background-size: 50vw;
  background-position: 84% 60%
}
.hero-work-wrap .hero-work-image.reservations {
  background-image: url(https://www.clubessential.com/assets/clube/Media/reservations-banner.png);
  background-size: 70vw;
  background-position: 100% 70%
}
.hero-work-wrap .hero-work-image.payments {
  background-image: url(https://www.clubessential.com/assets/clube/Media/mobile-payments.png);
  background-size: 25vw;
  background-position: 78% 60%;
  z-index: 5000
}
.hero-work-wrap .hero-work-image.banquets {
  background-image: url(https://www.clubessential.com/assets/clube/Media/banquets-banner.png);
  background-size: 44vw;
  background-position: 90% 70%
}
.hero-work-wrap .hero-work-image.webinar {
  background-image: url(https://www.clubessential.com/assets/clube/Media/webinar_banner.jpg);
  background-size: cover;
  background-position: 100% center;
  opacity: .33
}
.hero-work-wrap .hero-work-track {
  -webkit-animation: website-banner 10s linear infinite;
  -moz-animation: website-banner 10s linear infinite;
  -ms-animation: website-banner 10s linear infinite;
  -o-animation: website-banner 10s linear infinite;
  animation: website-banner 10s linear infinite;
  position: relative;
  transform-style: preserve-3d;
  transform-origin: 0, 0
}
.hero-work-wrap .hero-work-track .hero-work-tilt {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 25vw;
  transform: translate3d(0, 0, -200px) scale(1.2) translate(-50%, -30%) rotateX(30deg) rotateY(-30deg) rotateZ(30deg);
  transform-style: preserve-3d;
  transform-origin: 0, 0
}
.hero-work-wrap .hero-work-track .hero-work-tilt img {
  width: 500px;
  margin-bottom: 2rem;
  box-shadow: -1px 1px 0 0 rgba(0, 0, 0, .25), -71px 71px 200px -10px rgba(0, 0, 0, .15);
  transition: all .5s ease
}
@keyframes website-banner {
  0% {
    top: 0;
    right: 0
  }
  100% {
    top: -50%;
    right: -8%
  }
}
@media (max-width:767px) {
  .hero-work-wrap .hero-work-image.crm, .hero-work-wrap .hero-work-image.payments {
    background-position: 90% 90%
  }
  .banner.inner.white.website {
    min-height: 75vh;
    padding-top: 0 !important;
    margin-top: 0;
    padding-bottom: 55%
  }
  .hero-work-wrap .hero-work-track .hero-work-tilt {
    transform: translate3d(0, 40px, 400px) scale(2) translate(0, 0) rotateX(30deg) rotateY(-30deg) rotateZ(30deg) !important;
    transform-style: preserve-3d;
    transform-origin: 0, 0;
    opacity: .3
  }
  .hero-work-wrap .hero-work-track .hero-work-tilt img {
    margin-bottom: 1rem
  }
  .content-panel {
    padding: 0 15px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hero-work-wrap .hero-work-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3400;
    background-image: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, .05)), linear-gradient(63deg, rgba(255, 255, 255, .15) 34%, #fff 78%);
    transform: translate3d(0, 00px, 800px);
    transform-style: preserve-3d
  }
  .hero-work-wrap .hero-work-track .hero-work-tilt {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 25vw;
    transform: translate3d(0, 0, 0) scale(1.4) translate(10%, -19%) rotateX(30deg) rotateY(-30deg) rotateZ(30deg);
    transform-style: preserve-3d;
    transform-origin: 0, 0  }
}
@media (max-width:991px) {
  .hero-work-wrap .hero-work-track .hero-work-tilt img {
    width: 500px;
    margin-bottom: 1rem;
    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, .25), -71px 71px 200px -10px rgba(0, 0, 0, .15);
    transition: all .5s ease
  }
}
@media(min-width:768px) and (max-width:991px) {
  .banner.white.website {
    background: #fff;
    height: auto;
    margin-top: initial;
    padding-bottom: 75%
  }
}
.banner-content {
  margin: 0 auto;
  text-align: center;
  max-width: 1170px;
  z-index: 500;
  position: absolute;
  top: 34%
}
.banner-content .button-group a {
  display: inline-block;
  margin: 0 1rem
}
.banner-content.inner h1 {
  text-transform: none
}
.banner-content.white.center p {
  margin: 0 auto
}
.banner-content.white h1 {
  color: #434a59;
  text-transform: none
}
.banner-content.white h2 {
  color: #878c99
}
.banner-content.white p {
  color: #878c99;
  margin: 0
}
.banner-content.white a {
  display: block;
  margin-top: 2rem;
  max-width: 14rem
}
.banner-content h1 {
  color: #fff;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.15;
  margin: 0 auto 2rem;
  position: relative
}
.banner-content h1.home {
  letter-spacing: .1rem;
  max-width: 45rem;
  text-transform: uppercase
}
.banner-content h1.max--width-50 {
  max-width: 50rem
}
.banner-content h1.max--width-55 {
  max-width: 55rem
}
.banner-content h1.max--width-60 {
  max-width: 60rem
}
.banner-content h1.max--width-65 {
  max-width: 65rem
}
.banner-content h2 {
  color: #fff;
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .813rem;
  font-weight: 600;
  letter-spacing: .25rem;
  line-height: 1;
  margin: 0 auto 1.5rem;
  max-width: 40rem;
  opacity: .7;
  text-transform: uppercase
}
.banner-content h2.home {
  color: #60bf70;
  font-size: .938rem;
  margin-bottom: 2rem;
  opacity: 1
}
.banner-content h2.divider::after {
  content: "";
  background: #60bf70;
  display: block;
  width: 4rem;
  height: 2px;
  margin: 1.75rem auto
}
.banner-content p {
  color: rgba(255, 255, 255, .88);
  font-size: 1.125rem;
  font-weight: 400;
  max-width: 44rem;
  margin: 0 auto
}
.banner-content .button-group {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 60vw
}
.banner-content .button-group .video-cta > span {
  margin-right: .25rem
}
.banner-input-group {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.25rem;
  width: 100%
}
.banner-input-group input {
  background: #fff;
  border-radius: 5px;
  border: none;
  font-size: .875rem;
  height: 100%;
  width: 18rem;
  padding: 0 1.5rem;
  margin-right: .625rem
}
.banner-input-group button {
  background: #60bf70;
  border-radius: 5px;
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
  height: 100%;
  padding: .5rem 2rem;
  transition: all .3s
}
.banner-input-group button:hover {
  background: #4ab65c;
  color: #fff
}
a.banner-anchor {
  display: block;
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5000;
  opacity: .5
}
a.banner-anchor span {
  color: #fff;
  font-size: 1.875rem;
  line-height: 1
}
a.banner-anchor:hover {
  opacity: 1
}
#intro {
  margin-top: -4rem;
  padding-top: 4rem;
  position: relative
}
.employee-feed {
  background: #f5f7f9;
  width: 100%;
  padding: 5rem 0 8rem
}
.employee-feed .carousel-inner {
  height: 50vh
}
.employee-feed .carousel-content {
  padding: 10vw
}
.employee-feed .carousel-fade .carousel-inner .item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 50vh;
  opacity: 0;
  transition-property: opacity
}
.employee-feed .carousel-fade .carousel-inner .active {
  opacity: 1
}
.employee-feed .carousel-fade .carousel-inner .active.left, .employee-feed .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1
}
.employee-feed .carousel-fade .carousel-inner .next.left, .employee-feed .carousel-fade .carousel-inner .prev.right {
  opacity: 1
}
.employee-feed .carousel-control.left span {
  position: relative;
  left: -2px
}
.employee-feed .carousel-control.right span {
  position: relative;
  right: -2px
}
.employee-feed .carousel-control.left, .employee-feed .carousel-control.right {
  background: #fff;
  border-radius: 50rem;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  color: #878c99;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  font-size: 1.75rem;
  font-weight: 700;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem
}
.employee-feed .carousel-control.left:hover, .employee-feed .carousel-control.right:hover {
  color: #434a59
}
.employee-feed .carousel-fade .carousel-control {
  z-index: 2
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .employee-feed .carousel-fade .carousel-inner > .item.active.right, .employee-feed .carousel-fade .carousel-inner > .item.next {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  .employee-feed .carousel-fade .carousel-inner > .item.active.left, .employee-feed .carousel-fade .carousel-inner > .item.prev {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  .employee-feed .carousel-fade .carousel-inner > .item.active, .employee-feed .carousel-fade .carousel-inner > .item.next.left, .employee-feed .carousel-fade .carousel-inner > .item.prev.right {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.job-listing {
  display: block;
  margin-bottom: 5rem;
  padding: 2rem 0 5rem;
  position: relative;
  z-index: 2750
}
.job-listing .newton-feed {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .1);
  padding: 5rem
}
.job-listing .newton-feed .feed-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 3rem
}
.job-listing .newton-feed .feed-row:last-child {
  margin-bottom: 0
}
.job-listing .newton-feed .feed-row .feed-category {
  color: #878c99;
  flex: 1 0 100%;
  font-size: .813rem;
  font-weight: 400;
  letter-spacing: .15rem;
  margin-bottom: 1.25rem;
  text-transform: uppercase
}
.job-listing .newton-feed .feed-row .feed-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem
}
.job-listing .newton-feed .feed-row .feed-content:last-child {
  margin-bottom: 0
}
.job-listing .newton-feed .feed-row .feed-content div:first-child {
  font-weight: 500
}
.job-listing .newton-feed .feed-row .feed-content div:first-child a {
  width: 100%
}
.job-listing .newton-feed .feed-row .feed-content div:first-child a:hover {
  color: #60bf70
}
.job-listing .newton-feed .feed-row .feed-content div:last-child {
  color: #878c99;
  font-size: .875rem;
  text-align: right
}
.job-listing .newton-feed .feed-row .feed-content div:last-child span {
  color: #c2c6cc;
  margin-left: .125rem
}
.post-header {
  background: #f5f7f9;
  display: flex;
  align-items: center;
  height: 42vh;
  margin-top: 6rem;
  text-align: center
}
.post-header h1 {
  color: #434a59;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 auto 2rem;
  position: relative
}
.post-header h2 {
  color: #878c99;
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .25rem;
  line-height: 1;
  margin: 0 auto 1.25rem;
  max-width: 40rem;
  opacity: .7;
  text-transform: uppercase
}
.contact__wrapper {
  padding-bottom: 8rem
}
.contact__wrapper a.contact-col {
  background: #fff;
  box-shadow: 0 1rem 1.5rem rgba(67, 74, 89, .1);
  border-radius: 5px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  padding: 5rem;
  position: relative;
  overflow: hidden;
  min-height: 34rem;
  transition: all .3s;
  text-align: center;
  z-index: 2750
}
.contact__wrapper a.contact-col:hover h4 {
  color: #60bf70
}
.contact__wrapper a.contact-col h4 {
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 23rem;
  transition: all .3s
}
.contact__wrapper a.contact-col span.nc-icon-outline {
  color: #60bf70;
  font-size: 5rem;
  min-height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.contact__wrapper a.contact-col h5 {
  font-size: 1rem;
  text-transform: none;
  margin: 0 auto 1rem
}
.contact__wrapper a.contact-col p {
  margin: 0 auto 2rem;
  max-width: 20rem
}
.sales-contact-wrapper {
  background: #fff;
  box-shadow: 0 1rem 1.5rem rgba(67, 74, 89, .1);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  min-height: 44rem;
  padding: 0 4rem 2rem;
  position: relative;
  overflow: hidden;
  transition: all .3s;
  z-index: 2750
}
.sales-contact-wrapper h4 {
  color: #60bf70;
  margin-bottom: 1rem
}
.sales-contact-wrapper p {
  margin-bottom: 3rem
}
.sales-contact-wrapper .form-group label {
  font-size: .875rem;
  font-weight: 500;
  line-height: 2.5rem;
  min-height: 2.5rem
}
.sales-contact-wrapper .form-group .form-control {
  box-shadow: none;
  background: #f5f7f9;
  border: 1px solid #dce1e8;
  margin-bottom: .5rem;
  min-height: 2.875rem;
  padding-left: 1rem;
  transition: all .3s
}
.sales-contact-wrapper .form-group .form-control:active, .sales-contact-wrapper .form-group .form-control:focus {
  background: #fff;
  border: 1px solid #60bf70
}
.sales-contact-wrapper .form-group select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}
.support-contact-wrapper {
  background: #fff;
  box-shadow: 0 1rem 1.5rem rgba(67, 74, 89, .1);
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: 44rem;
  padding: 4rem 3rem;
  position: relative;
  overflow: hidden;
  transition: all .3s;
  z-index: 2750
}
.support-contact-wrapper h2 {
  color: #fff;
  font-size: 1.625rem;
  margin-bottom: 2.25rem;
  position: relative
}
.support-contact-wrapper .support-contact-col {
  color: #fff;
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 2.375rem
}
.support-contact-wrapper .support-contact-col:last-child {
  margin-bottom: 0
}
.support-contact-wrapper .support-contact-col img {
  max-width: 2.25rem;
  margin-top: -.375rem;
  margin-right: 1rem
}
.support-contact-wrapper .support-contact-col span.nc-icon-outline {
  color: #fff;
  font-size: 1.25rem;
  margin-right: 1rem
}
.support-contact-wrapper .support-contact-col .col-content h3 {
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
  margin-bottom: .5rem
}
.support-contact-wrapper .support-contact-col .col-content p {
  color: rgba(255, 255, 255, .88);
  font-size: .875rem;
  line-height: 1.4
}
.support-contact-wrapper .support-contact-col .col-content p a {
  font-weight: 500;
  color: inherit
}
.support-contact-wrapper .section__stripes {
  width: 50rem;
  height: 55rem;
  transform-origin: 0;
  background: linear-gradient(to top, #92d485 0, #60bf70 50%, rgba(0, 77, 64, .85) 100%);
  position: absolute;
  top: -15%;
  left: -20%;
  transform: skewY(6deg) rotate(6deg);
  opacity: .88
}
.support-contact-wrapper .section__stripes span {
  display: block;
  position: absolute;
  height: 60vh;
  width: 33vw
}
.support-contact-wrapper .section__stripes span:nth-child(1) {
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to left, #60bf70, #92d485);
  opacity: .7
}
.support-contact-wrapper .section__stripes span:nth-child(2) {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #004d40, rgba(96, 191, 112, .2));
  opacity: .4
}
.support-contact-wrapper .section__stripes span:nth-child(3) {
  top: 0;
  right: 0;
  width: 50vw;
  background: linear-gradient(to right, rgba(146, 212, 133, .25), rgba(96, 191, 112, .5));
  opacity: .75
}
nav.subnav {
  background: #fff;
  border-bottom: 1px solid #dce1e8;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto 3rem;
  padding: 1.5rem 0
}
nav.subnav ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center
}
nav.subnav ul li {
  display: inline-block;
  margin: 0 1.25rem
}
nav.subnav ul li.active > a {
  color: #60bf70
}
nav.subnav ul li.active > a:hover {
  color: #60bf70;
  cursor: default
}
nav.subnav ul li a {
  border-radius: 50rem;
  color: #878c99;
  display: block;
  font-size: .813rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .1rem;
  padding: 1rem;
  position: relative;
  text-transform: uppercase
}
nav.subnav ul li a:hover {
  color: #434a59
}
.button {
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: .02rem;
  line-height: 1;
  padding: 1.35em 2em;
  text-align: center;
  text-transform: uppercase;
  transition: all .3s
}
.button.rounded {
  border-radius: 50rem
}
.button.button-short {
  padding-top: .75em;
  padding-bottom: .75em
}
.button.button-lg {
  font-size: 1.125em
}
.button.button-sm {
  font-size: .813em
}
.button.button-xs {
  font-size: .75em
}
.button.button-xxs {
  font-size: .688em
}
.button.button-wide {
  padding-left: 4em;
  padding-right: 4em
}
.button.button-xwide {
  padding-left: 4.5em;
  padding-right: 4.5em
}
.button:hover > span.fas.fa-arrow-right {
  transform: translateX(.25rem)
}
.button-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start
}
.button-group a {
  margin: 0 1.5rem 0 0
}
.button-group.center {
  justify-content: center
}
.button-group.center a {
  margin: 0 1rem
}
.button span.fas.fa-arrow-right {
  transition: all .3s;
  margin-left: .25rem
}
.button-noborder {
  border: none
}
.button-width--50 {
  width: 50%
}
.button-width--75 {
  width: 75%
}
.button-width--100 {
  width: 100%
}
.button-tall {
  line-height: 1;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}
.button.inline {
  display: inline-block
}
.button.block {
  display: block;
  margin: 0 auto
}
.button-transparent {
  background: 0 0;
  color: #2b2d33
}
.button-transparent:hover {
  background: 0 0;
  color: #878c99
}
.button-light-green {
  background: #92d485;
  color: #2b2d33
}
.button-light-green:active, .button-light-green:focus, .button-light-green:hover {
  background: #addfa3;
  color: #2b2d33
}
.button-green {
  background: #60bf70;
  color: #fff
}
.button-green:active, .button-green:focus, .button-green:hover {
  background: #4ab65c;
  color: #fff
}
.button-gray {
  background: #878c99;
  color: #878c99
}
.button-gray:active, .button-gray:focus, .button-gray:hover {
  background: #abaeb7;
  color: #878c99
}
.button-light-gray {
  background: #edeff2;
  color: #434a59
}
.button-light-gray:active, .button-light-gray:focus, .button-light-gray:hover {
  background: #e4e7ec;
  color: #434a59
}
.button-dark-gray {
  background: #434a59;
  color: #fff
}
.button-dark-gray:active, .button-dark-gray:focus, .button-dark-gray:hover {
  background: #525b6d;
  color: #fff
}
.button-black {
  background: #2b2d33;
  color: #fff
}
.button-black:active, .button-black:focus, .button-black:hover {
  background: #494d57;
  color: #fff
}
.button-white {
  background: #fff;
  color: #434a59
}
.button-white:active, .button-white:focus, .button-white:hover {
  background: rgba(255, 255, 255, .9);
  color: #2b2d33
}
.button-clear-white {
  background: 0 0;
  color: rgba(255, 255, 255, .88)
}
.button-clear-white:active, .button-clear-white:focus, .button-clear-white:hover {
  background: 0 0;
  color: #fff
}
.button-white-alt {
  background: #fff;
  color: #4eb860
}
.button-white-alt:active, .button-white-alt:focus, .button-white-alt:hover {
  background: #fff;
  color: #41a151
}
.button-green-text {
  padding: 0;
  color: #60bf70;
  font-weight: inherit
}
.button-green-text:active, .button-green-text:focus, .button-green-text:hover {
  color: #4ab65c
}
.button-green-text:hover.arrow::after {
  left: 5px
}
.button-bordered-gray {
  border: 1px solid #878c99;
  color: #878c99
}
.button-bordered-gray:active, .button-bordered-gray:focus, .button-bordered-gray:hover {
  border: 1px solid #434a59;
  color: #434a59
}
.button-bordered-gray-alt {
  border: 1px solid #d0d4db;
  color: #878c99
}
.button-bordered-gray-alt:active, .button-bordered-gray-alt:focus, .button-bordered-gray-alt:hover {
  border: 1px solid #434a59;
  color: #434a59
}
.button-bordered-dark-gray {
  border: 1px solid #434a59;
  color: #434a59
}
.button-bordered-dark-gray:active, .button-bordered-dark-gray:focus, .button-bordered-dark-gray:hover {
  border: 1px solid #596276;
  color: #434a59
}
.button-bordered-blue {
  border-color: #4555e6;
  color: #4555e6
}
.button-bordered-blue:active, .button-bordered-blue:focus, .button-bordered-blue:hover {
  border-color: #5b6ae9;
  background: 0 0;
  color: #5b6ae9
}
.button-bordered-green {
  border-color: #60bf70;
  color: #60bf70
}
.button-bordered-green:active, .button-bordered-green:focus, .button-bordered-green:hover {
  border-color: #60bf70;
  background: #60bf70;
  color: #fff
}
.button-bordered-black {
  border-color: #2b2d33;
  color: #2b2d33
}
.button-bordered-black:active, .button-bordered-black:focus, .button-bordered-black:hover {
  border-color: #2b2d33;
  background: #2b2d33;
  color: #fff
}
.button-bordered-white {
  background: 0 0;
  border-color: rgba(255, 255, 255, .75);
  color: rgba(255, 255, 255, .9)
}
.button-bordered-white:active, .button-bordered-white:focus, .button-bordered-white:hover {
  border-color: #fff;
  color: #fff
}
.button-underline {
  border-bottom: 1px solid #2b2d33;
  color: #2b2d33
}
.button-underline:active, .button-underline:focus, .button-underline:hover {
  border-bottom: 1px solid #878c99;
  color: #878c99
}
.button.shadowed {
  box-shadow: #c9d1de 0 5px 25px
}
.button.shadowed:hover {
  box-shadow: #d6dce6 0 3px 15px
}
.button.shadow {
  box-shadow: 0 4px 16px #dce1e8
}
.button.shadow:hover {
  box-shadow: 0 12px 28px #d0d4db
}
.text-link-arrowed {
  background: 0 0;
  border: none;
  color: #60bf70;
  display: inline-block;
  font-size: .813rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  transition: all .3s
}
.text-link-arrowed.lg {
  font-size: 1rem
}
.text-link-arrowed::after {
  content: "\f061";
  color: inherit;
  display: inline-block;
  vertical-align: middle;
  font-family: "Font Awesome 5 Solid";
  font-size: .688rem;
  font-weight: 700;
  position: relative;
  top: -2px;
  left: .5rem;
  padding-right: .5rem;
  transition: all .3s
}
.text-link-arrowed::after:hover::after {
  left: .75rem
}
.text-link-arrowed:hover {
  color: #004d40
}
.button.arrowed::after {
  content: "\ead0";
  color: inherit;
  display: inline-block;
  vertical-align: middle;
  font-family: "Nucleo Outline";
  font-size: .875rem;
  position: relative;
  top: -2px;
  left: .625rem;
  padding-right: .5rem;
  transition: all .3s
}
.button.arrowed::after:hover::after {
  left: .75rem
}
p > a {
  font-weight: 400
}
p > a:hover {
  color: #2b2d33
}
p > a.arrowed {
  position: relative
}
p > a a.green.arrowed {
  color: #60bf70
}
p > a a.green.arrowed:hover {
  color: #4ab65c
}
p > a.arrowed::after {
  content: "\ee28";
  color: inherit;
  display: inline-block;
  vertical-align: middle;
  font-family: "Nucleo Outline";
  font-size: 1.25rem;
  right: auto;
  position: relative;
  left: -2px;
  top: -2px;
  transition: all .3s
}
p > a.arrowed:hover::after {
  padding-left: .25rem
}
.button-raised-green {
  background: #60bf70;
  box-shadow: 0 .375rem 1rem rgba(43, 45, 51, .1);
  color: #fff
}
.button-raised-green:hover {
  background: #fff;
  box-shadow: 0 .75rem 2rem rgba(43, 45, 51, .15);
  color: #60bf70
}
.button-raised-green-alt {
  background: #60bf70;
  box-shadow: 0 .25rem .5rem rgba(43, 45, 51, .1);
  color: #fff
}
.button-raised-green-alt:hover {
  background: #4ab65c;
  box-shadow: 0 .625rem 1.5rem rgba(43, 45, 51, .16);
  color: #fff
}
.button-raised-white {
  background: #fff;
  box-shadow: 0 .375rem .5rem rgba(43, 45, 51, .1);
  color: #60bf70
}
.button-raised-white:hover {
  background: #fff;
  box-shadow: 0 .625rem 1.5rem rgba(43, 45, 51, .15);
  color: #4ab65c
}
.button-raised-light-gray {
  background: #f2f4f7;
  color: #434a59
}
.button-raised-light-gray:hover {
  background: #fff;
  box-shadow: 0 .75rem 2rem #dce1e8;
  color: #434a59
}
.button-curtain-dark-gray {
  background: 0 0;
  border: 2px solid #434a59;
  color: #434a59;
  overflow: hidden;
  position: relative;
  z-index: 5
}
.button-curtain-dark-gray:hover {
  color: #fff
}
.button-curtain-dark-gray:after {
  content: "";
  background: #434a59;
  height: 0;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  transition: all .3s
}
.button-curtain-dark-gray:hover:after {
  height: 100%
}
.button-curtain-green {
  background: 0 0;
  border: 2px solid #60bf70;
  color: #60bf70;
  overflow: hidden;
  position: relative;
  z-index: 5
}
.button-curtain-green:hover {
  color: #fff
}
.button-curtain-green:after {
  content: "";
  background: #60bf70;
  height: 0;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  transition: all .3s
}
.button-curtain-green:hover:after {
  height: 100%
}
.customer__quotes div.container div.row div div.bg--white {
  min-height: 600px
}
.leadership-team {
  background: #fff;
  border-top: 1px solid #edeff2;
  border-bottom: 1px solid #edeff2;
  position: relative;
  padding: 5rem 0
}
.info-card {
  border-bottom: .25rem solid #edeff2;
  margin: 0 auto;
  max-width: 80%;
  padding-bottom: 2rem;
  position: relative;
  z-index: 2750
}
.info-card .icon {
  display: flex;
  justify-content: center;
  color: #c2c6cc;
  font-size: 2.5rem;
  padding: 1rem 0;
  margin-bottom: 2rem
}
.info-card .metric {
  display: flex;
  justify-content: center;
  align-items: flex-start
}
.info-card .metric span {
  color: #60bf70;
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 1;
  margin-right: 1rem
}
.info-card .metric p {
  color: #434a59;
  font-size: .875rem;
  line-height: 1.25;
  margin-top: .5rem
}
.leader-card {
  background: #004d40;
  border-radius: 5px;
  display: flex;
  margin: 0 auto 2rem;
  padding: 2rem;
  position: relative;
  height: 22rem;
  text-align: center;
  overflow: hidden;
  width: 100%;
  max-width: 18rem;
  position: relative;
  z-index: 2750
}
.leader-card .headshot {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.leader-card .headshot.randy {
  background-image: url(/assets/clube/Media/randy-headshot.jpg)
}
.leader-card .headshot.jason {
  background-image: url(/assets/clube/Media/jason-headshot.jpg)
}
.leader-card .headshot.brian {
  background-image: url(/assets/clube/Media/brian-headshot.jpg)
}
.leader-card .headshot.lynn {
  background-image: url(/assets/clube/Media/lynn-headshot.jpg)
}
.leader-card .headshot.darol {
  background-image: url(/assets/clube/Media/darol-headshot.jpg)
}
.leader-card .headshot.rusty {
  background-image: url(/assets/clube/Media/rusty-headshot.jpg)
}
.leader-card .headshot.reba {
  background-image: url(/assets/clube/Media/reba-headshot.jpg)
}
.leader-card .headshot.wendy {
  background-image: url(/assets/clube/Media/WendyCox_headshot.png)
}
.leader-card .headshot.donna {
  background-image: url(/assets/clube/Media/donna.jpg)
}
.leader-card .headshot.marylin {
  background-image: url(/assets/clube/Media/marilyn.jpg)
}
.leader-card:hover {
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .15);
  transform: translateY(-.875rem)
}
.leader-card:hover > .leader-info {
  background: linear-gradient(to right, rgba(146, 212, 133, .9) 0, rgba(96, 191, 112, .8) 100%);
  height: 120%;
  padding-top: 2rem
}
.leader-card:hover > .leader-info > p {
  opacity: 1;
  transform: translateY(0) skew(0, -9deg)
}
.leader-card .leader-info {
  background: linear-gradient(to right, #92d485 0, rgba(96, 191, 112, .9) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: skew(0, 9deg);
  transform-origin: 0;
  height: 7rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
  transition: all .3s
}
.leader-card .leader-info h4 {
  color: #fff;
  align-self: flex-end;
  font-size: 1.125rem;
  line-height: 1.15;
  margin: 0 auto .5rem;
  transform: skew(0, -9deg)
}
.leader-card .leader-info p {
  color: #fff;
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .025rem;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0;
  transition: all .3s;
  transition-delay: .1s;
  transform: translateY(.75rem) skew(0, -9deg)
}
.locations {
  position: relative;
  z-index: 2750;
  margin-top: 2rem;
  padding: 5rem 0 0;
  margin-bottom: 1rem
}
.footer__cta {
  border-bottom: 1px solid #dce1e8;
  padding: 2rem 0;
  position: relative;
  z-index: 250
}
.cta__primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 4rem 0;
  position: relative
}
.cta__primary .text h3 {
  color: #60bf70;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0
}
.cta__primary .text h3 span {
  color: #434a59;
  display: block
}
.cta__primary .buttons a {
  margin-right: 1.5rem
}
.cta__primary .buttons a:last-child {
  margin-right: 0
}
.testimonial__cta {
  display: flex;
  align-items: center;
  justify-content: stretch;
  height: 48vh;
  width: 100%
}
.testimonial__cta .left, .testimonial__cta .right {
  display: flex;
  align-items: center;
  flex: 1 0 50%;
  height: 100%
}
.testimonial__cta .left {
  background-color: #434a59;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden
}
.testimonial__cta .left.mel {
  background-image: url(/assets/clube/Media/mel-careers-alt.jpg)
}
.testimonial__cta .right {
  background: #f2f4f7;
  padding: 6vw;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center
}
.customer__quotes .title-box {
  display: block;
  min-height: 6rem
}
.light-gray-bg {
  background: #f9f9f9
}
.mask-panel {
  background: #434a59;
  height: 30vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem
}
.mask-panel:hover > .panel-content > p {
  opacity: 1
}
.mask-panel:hover > .panel-content {
  top: 5%
}
.mask-panel:hover > ::before {
  opacity: .4
}
.mask-panel::before {
  content: "";
  background: linear-gradient(90deg, #60bf70, #338065);
  width: 100%;
  height: 100%;
  opacity: .75;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 150
}
.mask-panel .panel-image {
  background-image: url(/assets/clube/Media/blog-img-1.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 50
}
.mask-panel .panel-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 4rem;
  position: relative;
  top: 20%;
  transition: all .3s;
  z-index: 370
}
.mask-panel .panel-content h4 {
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 1.5rem
}
.mask-panel .panel-content p {
  color: #fff;
  line-height: 1.4;
  text-align: center;
  opacity: 0;
  transition: opacity .3s
}
.customer-quote-cta {
  display: block;
  margin: 5rem 0;
  width: 100%;
  padding-bottom: 4rem;
  position: relative;
  z-index: 2750
}
.customer-quote-cta .quote-cta-container {
  background-image: url(/assets/clube/Media/green-pattern-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  display: flex;
  align-items: center;
  height: 42vh;
  position: relative;
  padding: 0 3rem
}
.customer-quote-cta .quote-cta-container img.website {
  width: 46rem;
  position: absolute;
  right: 2rem
}
.customer-quote-cta .quote-cta-container .quote-content {
  padding: 0 3rem;
  max-width: 35rem;
  position: relative;
  z-index: 2750
}
.customer-quote-cta .quote-cta-container .quote-content.full-width {
  max-width: 100%
}
.customer-quote-cta .quote-cta-container .quote-content.full-width p {
  font-size: 1.5rem
}
.customer-quote-cta .quote-cta-container .quote-content p {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  position: relative
}
.customer-quote-cta .quote-cta-container .quote-content p::before {
  content: open-quote;
  font-size: 2.5rem;
  color: #fff;
  position: absolute;
  top: -2rem;
  left: -1.5rem
}
.quote-card {
  background-color: #60bf70;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  display: flex;
  align-items: flex-end;
  padding: 2.5rem 4rem;
  width: 100%;
  min-height: 38rem;
  overflow: hidden;
  position: relative
}
.quote-card .card-content {
  position: relative;
  z-index: 2750
}
.quote-card .card-content p {
  color: #fff;
  margin-bottom: 1.5rem;
  position: relative
}
.quote-card .card-content p::before {
  content: open-quote;
  font-size: 2.5rem;
  color: #fff;
  position: absolute;
  top: -2rem;
  left: -1.5rem
}
.quote-card .section__stripes {
  width: 70rem;
  height: 35rem;
  transform-origin: 0;
  background: linear-gradient(to left, #92d485 0, #60bf70 50%, rgba(51, 128, 101, .85) 100%);
  position: absolute;
  bottom: -18vh;
  left: -20vh;
  transform: skewY(6deg) rotate(6deg);
  opacity: .88
}
.quote-card .section__stripes span {
  display: block;
  position: absolute;
  height: 18vh;
  width: 33vw
}
.quote-card .section__stripes span:nth-child(1) {
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to left, #60bf70, #92d485);
  opacity: .88
}
.quote-card .section__stripes span:nth-child(2) {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #338065, #60bf70);
  display: none
}
.quote-card .section__stripes span:nth-child(3) {
  top: 0;
  right: 0;
  width: 50vw;
  background: linear-gradient(to right, rgba(146, 212, 133, .25), rgba(96, 191, 112, .5));
  opacity: .75
}
.cta__form {
  margin: 5rem 0
}
.cta__form .text h3 {
  color: #434a59;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1rem
}
.cta__form .text p {
  font-size: 1.25rem;
  margin-bottom: 2rem
}
.cta-white-fw {
  background: #fff;
  border-radius: 5px;
  margin: 2rem 0 3rem;
  min-height: 270px;
  padding: 5rem;
  position: relative;
  top: -3rem;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .08)
}
.cta-white-fw h3 {
  font-size: 2.75rem;
  font-weight: 500;
  margin-bottom: 1.125rem
}
.cta-white-fw p {
  margin-bottom: 1.5rem
}
.customer-feature {
  background: #2b2d33;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  width: 100%;
  height: 40vh;
  position: relative
}
.customer-feature::before {
  content: "";
  background: rgba(0, 0, 0, .28);
  border-radius: 8px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden
}
.customer-feature.golf-club {
  background-image: url(/assets/clube/Media/lacosta-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}
.customer-feature.management {
  background-image: url(/assets/clube/Media/trump-aberdeen.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}
.customer-feature.athletic-club {
  background-image: url(/assets/clube/Media/yale-club.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%
}
.customer-feature.country-club {
  background-image: url(/assets/clube/Media/lacosta-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}
.customer-feature.country-club {
  background-image: url(/assets/clube/Media/cc-of-orlando.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}
.customer-feature.yacht-club {
  background-image: url(/assets/clube/Media/yacht.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center
}
.customer-quote {
  padding: 6rem 0 8rem
}
.customer-quote h2 {
  color: #60bf70;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: .15rem;
  margin: 0 auto 1.25rem;
  text-transform: uppercase
}
.customer-quote.style-1 {
  background: 0 0;
  position: relative;
  z-index: 1
}
.customer-quote.style-1 h3 {
  font-size: 1.375rem;
  line-height: 1.5;
  margin-bottom: 2rem
}
.customer-quote.style-1 .quote-card {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  display: flex;
  align-items: flex-end;
  padding: 2.5rem 4rem;
  width: 100%;
  min-height: 38rem;
  overflow: hidden;
  position: relative
}
.customer-quote.style-1 .quote-card.dataw {
  background-image: url(/assets/clube/Media/dataw-cta.jpg);
  background-position: right center
}
.customer-quote.style-1 .quote-card.country-club {
  background-image: url(/assets/clube/Media/congressional.jpg)
}
.customer-quote.style-1 .quote-card.cc-of-orlando {
  background-image: url(/assets/clube/Media/cc-of-orlando.jpg);
  background-position: bottom center;
  background-size: 90rem
}
.customer-quote.style-1 .quote-card.golf-club {
  background-image: url(/assets/clube/Media/pinehurst.jpg)
}
.customer-quote.style-1 .quote-card .card-content {
  position: relative;
  z-index: 2750
}
.customer-quote.style-1 .quote-card .card-content p {
  color: #fff;
  margin-bottom: 1.5rem;
  position: relative
}
.customer-quote.style-1 .quote-card .card-content p::before {
  content: open-quote;
  font-size: 2.5rem;
  color: #fff;
  position: absolute;
  top: -2rem;
  left: -1.5rem
}
.customer-quote.style-1 .quote-card .section__stripes {
  width: 70rem;
  height: 33rem;
  transform-origin: 0;
  background: linear-gradient(to left, #92d485 0, #60bf70 50%, rgba(51, 128, 101, .85) 100%);
  position: absolute;
  bottom: -18vh;
  left: -20vh;
  transform: skewY(6deg) rotate(6deg);
  opacity: .9
}
.customer-quote.style-1 .quote-card .section__stripes span {
  display: block;
  position: absolute;
  height: 25vh;
  width: 33vw
}
.customer-quote.style-1 .quote-card .section__stripes span:nth-child(1) {
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(96, 191, 112, 0), #92d485);
  opacity: .7
}
.customer-quote.style-1 .quote-card .section__stripes span:nth-child(2) {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #338065, #60bf70);
  display: none
}
.customer-quote.style-2 {
  background: #f5f7f9
}
.customer-quote.style-2.bottom-cta {
  background: 0 0;
  margin: 4rem auto 7rem;
  padding: 0;
  position: relative;
  z-index: 2750
}
.customer-quote.style-2 .customer-feature {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  width: 100%;
  height: 40vh;
  position: relative;
  overflow: hidden
}
.customer-quote.style-2 .customer-feature.yacht-club {
  background-image: url(/assets/clube/Media/yacht.jpg)
}
.customer-quote.style-2 .customer-feature.management {
  background-image: url(/assets/clube/Media/trump-aberdeen.jpg);
  background-position: center center
}
.customer-quote.style-2 .customer-feature::before {
  background: 0 0
}
.customer-quote.style-2 .customer-feature .feature-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 2.5rem 4rem 0;
  max-width: 44%;
  height: 100%;
  z-index: 2750;
  position: relative
}
.customer-quote.style-2 .customer-feature .feature-content p {
  color: #fff;
  font-weight: 400;
  margin-bottom: 1.5rem;
  position: relative
}
.customer-quote.style-2 .customer-feature .feature-content p::before {
  content: close-quote;
  font-size: 2.5rem;
  color: #fff;
  position: absolute;
  top: -2rem;
  left: -1.5rem
}
.customer-quote.style-2 .customer-feature .section__stripes {
  width: 70rem;
  height: 40rem;
  transform-origin: 0;
  background: linear-gradient(to left, #92d485 0, #60bf70 50%, rgba(51, 128, 101, .85) 100%);
  position: absolute;
  top: -50vh;
  left: -14vh;
  transform: skewY(9deg) rotate(45deg);
  opacity: .9
}
.customer-quote.style-2 .customer-feature .section__stripes span {
  display: block;
  position: absolute;
  height: 25vh;
  width: 33vw
}
.customer-quote.style-2 .customer-feature .section__stripes span:nth-child(1) {
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to left, #60bf70, #92d485)
}
.customer-quote.style-2 .customer-feature .section__stripes span:nth-child(2) {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #338065, #60bf70);
  display: none
}
.customer-quote.style-2 .customer-feature .section__stripes span:nth-child(3) {
  top: 0;
  right: 0;
  width: 50vw;
  background: linear-gradient(to right, rgba(146, 212, 133, .25), rgba(96, 191, 112, .5))
}
.customer-logos {
  display: flex;
  align-items: center;
  padding-top: 6rem;
  min-height: 40vh;
  position: relative;
  width: 100%
}
.customer-logos .logos-container {
  padding: 0 4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 90%;
  margin: -16vh auto 0
}
.customer-logos .logos-container .logos-col {
  flex: 1 0 auto;
  margin-right: 2rem;
  padding: 0;
  position: relative
}
.customer-logos .logos-container .logos-col:nth-child(1) {
  top: -4rem
}
.customer-logos .logos-container .logos-col:nth-child(2) {
  top: 0
}
.customer-logos .logos-container .logos-col:nth-child(3) {
  top: 2rem
}
.customer-logos .logos-container .logos-col:nth-child(4) {
  top: -2.5rem
}
.customer-logos .logos-container .logos-col:nth-child(5) {
  top: -4.75rem
}
.customer-logos .logos-container .logos-col:nth-child(6) {
  top: -6rem
}
.customer-logos .logos-container .logos-col .logo-card {
  background: #fff;
  box-shadow: 0 1rem 2.5rem rgba(67, 74, 89, .2);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7rem;
  width: 100%;
  max-width: 12rem;
  margin: 0 auto 2.5rem;
  overflow: hidden
}
.form-inline {
  width: 100%
}
.form-inline .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.form-inline .form-group * {
  flex: 1 0 calc(100% / 5 - 1rem);
  margin-right: 1rem
}
.form-inline .form-group :last-child {
  margin-right: 0
}
.form-inline .form-group input {
  border: 0;
  background: #eff1f5;
  border-radius: 5px;
  flex: 1 0 calc(100% / 5 - 1rem);
  padding: 1.125rem;
  transition: all .3s;
  max-width: calc(100% / 5 - 1rem)
}
.form-inline .form-group input:active, .form-inline .form-group input:focus {
  background: #fff;
  box-shadow: 0 .25rem .25rem rgba(67, 74, 89, .08)
}
.site__container {
  display: block;
  background: 0 0;
  margin: 0 auto;
  width: 100%
}
.site__container .body__container {
  background: #fff;
  display: block;
  margin: 0 auto;
  overflow-x: hidden;
  padding: 0;
  width: 100%;
  max-width: 100%
}
.site__container .body__container .values {
  margin-top: -15vh;
  z-index: 2500;
  position: relative
}
.site__container .body__container .perks {
  position: relative;
  z-index: 5000
}
.container {
  z-index: 0 !important
}
.m4l-quote {
  padding: 0;
  margin: 0 auto 6rem
}
.m4l-quote h2 {
  color: #60bf70;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: .15rem;
  margin: 0 auto 1.25rem;
  text-transform: uppercase
}
.m4l-quote.style-1 h3 {
  font-size: 1.375rem;
  line-height: 1.5;
  margin-bottom: 2rem
}
.m4l-quote.style-1 .quote-card {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  display: flex;
  align-items: flex-end;
  padding: 2.5rem 4rem;
  width: 100%;
  min-height: 38rem;
  overflow: hidden;
  position: relative
}
.m4l-quote.style-1 .quote-card.pinehurst {
  background-image: url(/assets/clube/Media/pinehurst.jpg)
}
.m4l-quote.style-1 .quote-card.park-meadows {
  background-image: url(/assets/clube/Media/park-meadows-2.jpg);
  background-position: bottom center;
  background-size: 700px
}
.m4l-quote.style-1 .quote-card .card-content {
  position: relative;
  z-index: 2750
}
.m4l-quote.style-1 .quote-card .card-content p {
  color: #fff;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  position: relative
}
.m4l-quote.style-1 .quote-card .card-content p::before {
  content: ""
}
.m4l-quote.style-1 .quote-card .section__stripes {
  width: 70rem;
  height: 35rem;
  transform-origin: 0;
  background: linear-gradient(to left, #92d485 0, #60bf70 50%, rgba(51, 128, 101, .85) 100%);
  position: absolute;
  bottom: -18vh;
  left: -20vh;
  transform: skewY(6deg) rotate(6deg);
  opacity: .88
}
.m4l-quote.style-1 .quote-card .section__stripes span {
  display: block;
  position: absolute;
  height: 18vh;
  width: 33vw
}
.m4l-quote.style-1 .quote-card .section__stripes span:nth-child(1) {
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to left, #60bf70, #92d485);
  opacity: .88
}
.m4l-quote.style-1 .quote-card .section__stripes span:nth-child(2) {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #338065, #60bf70);
  display: none
}
.m4l-quote.style-1 .quote-card .section__stripes span:nth-child(3) {
  top: 0;
  right: 0;
  width: 50vw;
  background: linear-gradient(to right, rgba(146, 212, 133, .25), rgba(96, 191, 112, .5));
  opacity: .75
}
.m4l-quote.style-2 .customer-feature {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .12);
  width: 100%;
  min-height: 45vh;
  position: relative;
  overflow: hidden
}
.m4l-quote.style-2 .customer-feature.san-luis {
  background-image: url(/assets/clube/Media/san-luis-1.jpg);
  background-position: 10% 60%
}
.m4l-quote.style-2 .customer-feature::before {
  background: 0 0
}
.m4l-quote.style-2 .customer-feature .feature-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 2rem 0 0 5rem;
  max-width: 42%;
  height: 100%;
  z-index: 2750;
  position: relative
}
.m4l-quote.style-2 .customer-feature .feature-content p {
  color: #fff;
  font-weight: 400;
  margin-bottom: 1.5rem;
  position: relative
}
.m4l-quote.style-2 .customer-feature .feature-content p::before {
  content: close-quote;
  font-size: 2.5rem;
  color: #fff;
  position: absolute;
  top: -2rem;
  left: -1.5rem
}
.m4l-quote.style-2 .customer-feature .section__stripes {
  width: 80rem;
  height: 70rem;
  transform-origin: 0;
  background: linear-gradient(to left, #92d485 0, #60bf70 50%, rgba(51, 128, 101, .85) 100%);
  position: absolute;
  top: -55vh;
  left: -20vh;
  transform: skewY(0) rotate(50deg);
  opacity: .9
}
.m4l-quote.style-2 .customer-feature .section__stripes span {
  display: block;
  position: absolute;
  height: 25vh;
  width: 33vw
}
.m4l-quote.style-2 .customer-feature .section__stripes span:nth-child(1) {
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(96, 191, 112, 0), #92d485)
}
.m4l-quote.style-2 .customer-feature .section__stripes span:nth-child(2) {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #338065, #60bf70);
  display: none
}
.m4l-quote.style-2 .customer-feature .section__stripes span:nth-child(3) {
  top: 0;
  right: 0;
  width: 50vw;
  background: linear-gradient(to right, rgba(146, 212, 133, .25), rgba(96, 191, 112, .5))
}
.value-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8rem;
  margin: 0 auto;
  text-align: center
}
.value-icon.service img {
  max-width: 3.125rem
}
.value-icon.innovate img {
  max-width: 3rem
}
.value-icon img {
  max-width: 3.5rem;
  margin: 0 auto
}
.core-values {
  background: #fff;
  padding: 5rem 0
}
.perks {
  position: relative;
  padding-top: 5rem;
  z-index: 2750
}
.overlay-number {
  color: #60bf70;
  letter-spacing: -.25rem;
  font-size: 8rem;
  font-weight: 400;
  line-height: 1;
  margin-right: 1rem;
  min-width: 12rem;
  position: relative;
  top: 3px
}
.divider {
  position: relative;
  text-align: center
}
.divider::after {
  content: "";
  background: #60bf70;
  display: block;
  width: 4rem;
  height: 2px;
  margin: 1.25rem auto 1.375rem
}
.perk-category {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1.5rem 2rem rgba(67, 74, 89, .1);
  text-align: center;
  padding: 3rem;
  min-height: 18rem
}
.leader-card {
  background: #004d40;
  border-radius: 5px;
  display: flex;
  margin: 0 auto 2rem;
  padding: 2rem;
  position: relative;
  height: 22rem;
  text-align: center;
  overflow: hidden;
  width: 100%;
  max-width: 18rem;
  position: relative;
  z-index: 2750
}
.leader-card .headshot {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.leader-card:hover {
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .15);
  transform: translateY(-.875rem)
}
.leader-card:hover > .leader-info {
  background: linear-gradient(to right, rgba(146, 212, 133, .9) 0, rgba(96, 191, 112, .8) 100%);
  height: 120%;
  padding-top: 2rem
}
.leader-card:hover > .leader-info > p {
  opacity: 1;
  transform: translateY(0) skew(0, -9deg)
}
.leader-card .leader-info {
  background: linear-gradient(to right, #92d485 0, rgba(96, 191, 112, .9) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: skew(0, 9deg);
  transform-origin: 0;
  height: 7rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
  transition: all .3s
}
.leader-card .leader-info h4 {
  color: #fff;
  align-self: flex-end;
  font-size: 1.125rem;
  line-height: 1.15;
  margin: 0 auto .5rem;
  transform: skew(0, -9deg)
}
.leader-card .leader-info p {
  color: #fff;
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .025rem;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0;
  transition: all .3s;
  transition-delay: .1s;
  transform: translateY(.75rem) skew(0, -9deg)
}
.banner-logos {
  background: rgba(0, 0, 0, .08);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2.5rem 0;
  z-index: 140
}
.banner-logos ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 2.5rem
}
.banner-logos ul li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center
}
.banner-logos ul li.ritz-carlton img {
  max-width: 6.5rem
}
.banner-logos ul li.ulcc img {
  max-width: 12rem
}
.banner-logos ul li.shinnecock img {
  max-width: 3.5rem
}
.banner-logos ul li.four-seasons img {
  max-width: 6.25rem
}
.banner-logos ul li.waldorf-astoria img {
  max-width: 3.25rem
}
.banner-logos ul li.usga img {
  max-width: 5rem
}
.banner-logos ul li.pga img {
  max-width: 5.25rem
}
.banner-logos ul li.valhalla img {
  max-width: 7rem
}
.banner-logos ul li.marriott img {
  max-width: 6rem
}
.banner-logos ul li.pinehurst img {
  max-width: 3.25rem
}
.banner-logos ul li.bethesda img {
  max-width: 4rem
}
.banner-logos ul li.olympic img {
  max-width: 7rem
}
.banner-logos ul li.pennclub img {
  max-width: 4rem
}
.client__logos {
  width: 100%;
  margin: 10rem 0 3rem;
  position: relative;
  z-index: 2750
}
.logos__list ul {
  margin: 2rem 0 0;
  padding: 0;
  list-style: none
}
.logos__list ul li {
  display: block;
  margin: 0;
  padding: 0;
  height: 8rem;
  line-height: 8rem;
  text-align: center
}
.logos__list ul li.chicago-yacht img {
  max-width: 10rem
}
.logos__list ul li.trump-golf img {
  max-width: 5rem
}
.logos__list ul li.toll-brothers img {
  max-width: 6.5rem
}
.logos__list ul li.cc-of-va img {
  max-width: 9rem
}
.logos__list ul li.sfyc img {
  max-width: 9rem
}
.logos__list ul li.cal-yacht img {
  max-width: 6rem
}
.logos__list ul li.discovery-land-co img {
  max-width: 9rem
}
.logos__list ul li.three-creek img {
  max-width: 8rem
}
.logos__list ul li.maidstone img {
  max-width: 3.5rem
}
.logos__list ul li.pinehurst img {
  max-width: 3.875rem
}
.logos__list ul li.dmc img {
  max-width: 5rem
}
.logos__list ul li.pennclub img {
  max-width: 4.5rem
}
.product__list {
  background: #fff;
  position: relative;
  padding: 0 0 11vh;
  margin: 5rem auto 0
}
.product__list ul.product__cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 4rem 0 0;
  padding: 0;
  list-style-type: none;
  width: 100%
}
.product__list ul.product__cards li {
  flex: 1 0 calc(100% / 3);
  margin: 0 0 1rem;
  max-width: 30%;
  min-height: 13rem;
  transition: all .3s
}
.product__list ul.product__cards li:nth-child(4) .product-card .product-image img {
  max-width: 1.75rem
}
.product__list ul.product__cards li a.product-card {
  display: flex;
  align-items: flex-start;
  width: 100%;
  transition: all .3s
}
.product__list ul.product__cards li a.product-card:hover button {
  color: #004d40
}
.product__list ul.product__cards li a.product-card:hover h4 {
  color: #60bf70
}
.product__list ul.product__cards li a.product-card .product-image {
  margin: -.25rem 1.375rem 2rem 0;
  height: 3rem;
  width: 3rem
}
.product__list ul.product__cards li a.product-card .product-image img {
  margin: 0 auto;
  max-width: 2.5rem
}
.product__list ul.product__cards li a.product-card h4 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: .813rem;
  transition: all .3s
}
.product__list ul.product__cards li a.product-card p {
  font-size: .875rem;
  margin-bottom: .813rem
}
.customer__quotes {
  padding: 0;
  margin: 5vh auto;
  width: 100%;
  position: relative
}
.customer__quotes .section__stripes {
  width: 100%;
  height: 76vh;
  overflow: hidden;
  transform-origin: 0;
  background: linear-gradient(to right, #92d485 0, #60bf70 50%, #92d485 100%);
  position: absolute;
  top: -10vh
}
.customer__quotes .section__stripes span {
  display: block;
  position: absolute;
  height: 25vh;
  width: 33vw
}
.customer__quotes .section__stripes span:nth-child(1) {
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(96, 191, 112, 0), #60bf70)
}
.customer__quotes .section__stripes span:nth-child(2) {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #60bf70, #60bf70)
}
.customer__quotes .section__stripes span:nth-child(3) {
  top: 0;
  right: 0;
  width: 50vw;
  background: linear-gradient(to right, rgba(146, 212, 133, 0), #92d485)
}
.post-header {
  background: #f5f7f9;
  display: flex;
  align-items: center;
  height: 42vh;
  margin-top: 6rem;
  text-align: center
}
.post-header h1 {
  color: #434a59;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 auto 2rem;
  position: relative
}
.post-header h2 {
  color: #878c99;
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .25rem;
  line-height: 1;
  margin: 0 auto 1.25rem;
  max-width: 40rem;
  opacity: .7;
  text-transform: uppercase
}
.features-list {
  display: flex;
  flex-direction: column;
  padding: 4rem 0;
  width: 100%;
  min-height: 35vh
}
.features-list .feature-row {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
  height: 100%
}
.features-list .feature-row:nth-child(odd) .feature-content {
  padding-left: 5vw
}
.features-list .feature-row:nth-child(even) {
  flex-direction: row-reverse
}
.features-list .feature-row:nth-child(even) .feature-content {
  padding-right: 5vw
}
.features-list .feature-row:last-child {
  margin-bottom: 0
}
.features-list .feature-row.testimonial {
  margin: 3rem auto 6rem
}
.features-list .feature-row.testimonial .feature-content {
  padding-left: 0
}
.features-list .feature-row.testimonial .feature-content figure blockquote {
  border: none;
  background: #f2f4f7;
  border-radius: 5px;
  position: relative;
  padding: 5rem;
  margin: 0 auto
}
.features-list .feature-row.testimonial .feature-content figure blockquote p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5
}
.features-list .feature-row.testimonial .feature-content figure blockquote p::before {
  content: open-quote;
  color: #d0d4db;
  display: block;
  font-size: 2.25rem;
  line-height: 1
}
.features-list .feature-row.testimonial .feature-content figure blockquote::after, .features-list .feature-row.testimonial .feature-content figure blockquote::before {
  content: " ";
  border: solid transparent;
  height: 0;
  width: 0;
  top: 100%;
  left: 7rem;
  position: absolute;
  pointer-events: none
}
.features-list .feature-row.testimonial .feature-content figure blockquote::after {
  border-top-color: #f2f4f7;
  border-width: 2rem 2rem 0 0;
  margin-left: -2rem
}
.features-list .feature-row.testimonial .feature-content figure figcaption {
  display: flex;
  align-items: center;
  font-size: .938rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  left: 3.5rem;
  margin-top: 2rem;
  height: 6rem;
  width: 100%
}
.features-list .feature-row.testimonial .feature-content figure figcaption div {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  margin-left: 1.25rem
}
.features-list .feature-row.testimonial .feature-content figure figcaption div span {
  color: #878c99;
  display: block;
  font-weight: 400
}
.features-list .feature-row .feature-image {
  flex: 1 0 50%
}
.features-list .feature-row .feature-content {
  display: flex;
  align-items: center;
  flex: 1 0 50%;
  height: 100%
}
.features-list .feature-row .feature-content h4 {
  font-size: 1.125rem;
  margin-bottom: 1rem
}
.features-list .feature-row .feature-content p {
  font-size: .875rem;
  line-height: 1.8
}
.content-panel {
  position: relative;
  z-index: 3000
}
ul.checklist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none
}
ul.checklist li {
  display: flex;
  flex: 1 0 calc(100% / 3);
  margin: 0 0 3rem;
  max-width: calc(100% / 3 - 2rem);
  align-items: flex-start
}
ul.checklist li span.nc-icon-outline {
  font-size: 1.75rem;
  color: #60bf70;
  margin-right: 1.5rem;
  width: 2rem
}
ul.checklist li::before {
  font-family: "Nucleo Glyph";
  font-size: 1.25rem;
  background: linear-gradient(30deg, #60bf70, #92d485);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .25rem;
  margin-right: 1.125rem
}
ul.checklist li p strong {
  color: #434a59;
  font-weight: 500
}
.tabs-left > .nav-tabs {
  border-bottom: 0;
  max-width: 20rem
}
.pill-content > .pill-pane, .tab-content > .tab-pane {
  display: none
}
.pill-content > .active, .tab-content > .active {
  display: block
}
.tabs-left > .nav-tabs > li {
  float: none
}
.tabs-left > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}
.tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
  border-color: #eee #ddd #eee #eee
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd
}
.border--radius-circle {
  border-radius: 50%
}
.border--radius-sm {
  border-radius: 2px
}
.border--radius-md {
  border-radius: 5px
}
.border--radius-lg {
  border-radius: 10px
}
.border--radius-xl {
  border-radius: 10px
}
.border--radius-t-sm {
  border-radius: 2px 5px 0 0
}
.border--radius-t-md {
  border-radius: 4px 4px 0 0
}
.border--radius-t-lg {
  border-radius: 6px 6px 0 0
}
.border--radius-t-xl {
  border-radius: 10px 10px 0 0
}
.border--radius-tlr-sm {
  border-radius: 2px 2px 0 0
}
.border--radius-tlr-lg {
  border-radius: 6px 6px 0 0
}
.border--radius-tlr-xl {
  border-radius: 10px 10px 0 0
}
.border--radius-tl-sm {
  border-radius: 2px 0 0 0
}
.border--radius-tl-lg {
  border-radius: 6px 0 0 0
}
.border--radius-tl-xl {
  border-radius: 10px 0 0 0
}
.border--radius-tr-sm {
  border-radius: 0 2px 0 0
}
.border--radius-tr-lg {
  border-radius: 0 6px 0 0
}
.border--radius-tr-xl {
  border-radius: 0 10px 0 0
}
.border--radius-b-sm {
  border-radius: 0 0 2px 2px
}
.border--radius-b-md {
  border-radius: 0 0 4px 4px
}
.border--radius-b-lg {
  border-radius: 0 0 6px 6px
}
.border--radius-b-xl {
  border-radius: 0 0 10px 10px
}
.border--radius-bl-sm {
  border-radius: 0 0 2px 0
}
.border--radius-bl-lg {
  border-radius: 0 0 6px 0
}
.border--radius-bl-xl {
  border-radius: 0 0 10px 0
}
.border--radius-br-sm {
  border-radius: 0 0 0 2px
}
.border--radius-br-lg {
  border-radius: 0 0 0 6px
}
.border--radius-br-xl {
  border-radius: 0 0 0 10px
}
.border--width-0 {
  border-width: 0
}
.border--width-1 {
  border-width: 1px
}
.border--width-2 {
  border-width: 2px
}
.border--width-3 {
  border-width: 3px
}
.border--width-4 {
  border-width: 4px
}
.border--width-5 {
  border-width: 5px
}
.border--t-width-0 {
  border-top-width: 0
}
.border--t-width-1 {
  border-top-width: 1px
}
.border--t-width-2 {
  border-top-width: 2px
}
.border--t-width-3 {
  border-top-width: 3px
}
.border--t-width-4 {
  border-top-width: 4px
}
.border--t-width-5 {
  border-top-width: 5px
}
.border--b-width-0 {
  border-bottom-width: 0
}
.border--b-width-1 {
  border-bottom-width: 1px
}
.border--b-width-2 {
  border-bottom-width: 2px
}
.border--b-width-3 {
  border-bottom-width: 3px
}
.border--b-width-4 {
  border-bottom-width: 4px
}
.border--b-width-5 {
  border-bottom-width: 5px
}
.border--r-width-0 {
  border-right-width: 0
}
.border--r-width-1 {
  border-right-width: 1px
}
.border--r-width-2 {
  border-right-width: 2px
}
.border--r-width-3 {
  border-right-width: 3px
}
.border--r-width-4 {
  border-right-width: 4px
}
.border--r-width-5 {
  border-right-width: 5px
}
.border--l-width-0 {
  border-left-width: 0
}
.border--l-width-1 {
  border-left-width: 1px
}
.border--l-width-2 {
  border-left-width: 2px
}
.border--l-width-3 {
  border-left-width: 3px
}
.border--l-width-4 {
  border-left-width: 4px
}
.border--l-width-5 {
  border-left-width: 5px
}
.border--style-solid {
  border-style: solid
}
.border--style-dotted {
  border-style: dotted
}
.border--style-dashed {
  border-style: dashed
}
.border--color-green {
  border-color: #60bf70
}
.border--color-black {
  border-color: #2b2d33
}
.border--color-snow {
  border-color: #f2f4f7
}
.border--color-dark-snow {
  border-color: #edeff2
}
.border--color-darker-snow {
  border-color: #dce1e8
}
.border--color-gray {
  border-color: #878c99
}
.border--color-light-gray {
  border-color: #acb2bf
}
.border--color-dark-gray {
  border-color: #434a59
}
.border--color-smoke {
  border-color: #d0d4db
}
.border--color-dark-smoke {
  border-color: #c2c6cc
}
.border--color-darker-smoke {
  border-color: #b2b6bf
}
.box--shadow-xs {
  box-shadow: 0 1px 3px rgba(67, 74, 89, .2)
}
.box--shadow-gray-md {
  box-shadow: 0 1.5rem 1.5rem rgba(67, 74, 89, .08)
}
.box--shadow-gray-lg {
  box-shadow: 0 2rem 2.5rem rgba(43, 45, 51, .14)
}
.gradient-green {
  background: -webkit-linear-gradient(right, #92d485, #338065);
  background: linear-gradient(to left, #92d485, #338065);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.bg--red {
  background-color: #ff4949
}
.bg--white {
  background-color: #fff
}
.bg--green {
  background-color: #60bf70
}
.bg--lighter-green {
  background-color: #caf2c2
}
.bg--light-green {
  background-color: #92d485
}
.bg--dark-green {
  background-color: #338065
}
.bg--darker-green {
  background-color: #004d40
}
.bg--light-gray {
  background-color: #acb2bf
}
.bg--gray {
  background-color: #878c99
}
.bg--dark-gray {
  background-color: #434a59
}
.bg--black {
  background-color: #2b2d33
}
.bg--smoke {
  background-color: #d0d4db
}
.bg--dark-smoke {
  background-color: #c2c6cc
}
.bg--darker-smoke {
  background-color: #b2b6bf
}
.bg--snow {
  background-color: #f2f4f7
}
.bg--snow-tint {
  background-color: #e9ecf1
}
.bg--dark-snow {
  background-color: #edeff2
}
.bg--darker-snow {
  background-color: #dce1e8
}
.bg--dark {
  background-color: #2b2d33
}
.bg--green {
  background-color: #60bf70
}
.bg--blue {
  background-color: #4555e6
}
.bg--light-blue {
  background-color: #85b6f2
}
.bg--dark-blue {
  background-color: #0d3d80
}
.o-40 {
  opacity: .4
}
.o-50 {
  opacity: .5
}
.o-60 {
  opacity: .6
}
.o-70 {
  opacity: .7
}
.o-75 {
  opacity: .75
}
.o-80 {
  opacity: .8
}
.c-green {
  color: #60bf70
}
.c-red {
  color: #ff4949
}
.c-smoke {
  color: #d0d4db
}
.c-dark-smoke {
  color: #c2c6cc
}
.c-darker-smoke {
  color: #b2b6bf
}
.c-snow {
  color: #f2f4f7
}
.c-dark-snow {
  color: #edeff2
}
.c-darker-snow {
  color: #dce1e8
}
.c-light-gray {
  color: #acb2bf
}
.c-gray {
  color: #878c99
}
.c-dark-gray {
  color: #434a59
}
.c-black {
  color: #2b2d33
}
.c-white {
  color: #fff
}
.c-white-25 {
  color: rgba(255, 255, 255, .25)
}
.c-white-50 {
  color: rgba(255, 255, 255, .5)
}
.c-white-75 {
  color: rgba(255, 255, 255, .75)
}
.c-white-100 {
  color: #fff
}
.c-green {
  color: #60bf70
}
.c-dark-green {
  color: #338065
}
.c-light-blue {
  color: #85b6f2
}
.c-blue {
  color: #4555e6
}
.c-dark-blue {
  color: #0d3d80
}
.max--width-100 {
  width: 100%
}
.max--width-90 {
  width: 90%
}
.max--width-80 {
  width: 80%
}
.max--width-75 {
  width: 75%
}
.max--width-60 {
  width: 60%
}
.max--width-50 {
  width: 50%
}
.max--width-40 {
  width: 40%
}
.max--width-25 {
  width: 25%
}
.width--auto {
  width: auto
}
.width--1 {
  width: 1rem
}
.width--2 {
  width: 2rem
}
.width--3 {
  width: 3rem
}
.width--4 {
  width: 4rem
}
.width--5 {
  width: 5rem
}
.width--6 {
  width: 6rem
}
.width--7 {
  width: 7rem
}
.width--8 {
  width: 8rem
}
.width--9 {
  width: 9rem
}
.width--10 {
  width: 10%
}
.width--20 {
  width: 20%
}
.width--25 {
  width: 25%
}
.width--30 {
  width: 30%
}
.width--33 {
  width: calc(100% / 3)
}
.width--40 {
  width: 40%
}
.width--50 {
  width: 50%
}
.width--60 {
  width: 60%
}
.width--70 {
  width: 70%
}
.width--75 {
  width: 75%
}
.width--80 {
  width: 80%
}
.width--100 {
  width: 100%
}
.height--100 {
  height: 100%
}
.height--1 {
  height: 1rem
}
.height--2 {
  height: 2rem
}
.height--3 {
  height: 3rem
}
.height--4 {
  height: 4rem
}
.height--5 {
  height: 5rem
}
.height--6 {
  height: 6rem
}
.height--7 {
  height: 7rem
}
.height--8 {
  height: 8rem
}
.height--9 {
  height: 9rem
}
.height--10 {
  height: 10rem
}
.height--11 {
  height: 11rem
}
.height--12 {
  height: 12rem
}
.min-height--1 {
  height: 1rem
}
.min-height--2 {
  height: 2rem
}
.min-height--3 {
  height: 3rem
}
.min-height--4 {
  height: 4rem
}
.min-height--5 {
  height: 5rem
}
.min-height--6 {
  height: 6rem
}
.min-height--7 {
  height: 1rem
}
.min-height--8 {
  height: 8rem
}
.min-height--9 {
  height: 9rem
}
.min-height--10 {
  height: 10rem
}
.min-height--15 {
  height: 15rem
}
.min-height--20 {
  height: 20rem
}
.min-height--22 {
  height: 22rem
}
.min-height--25 {
  height: 25rem
}
.min-height--30 {
  height: 30rem
}
.min-height--40 {
  height: 40rem
}
.min-height--50 {
  height: 50rem
}
.display--inline {
  display: inline
}
.display--inline-block {
  display: inline-block
}
.display--block {
  display: block
}
.display--table {
  display: table
}
.display--table-cell {
  display: table-cell
}
.display--flex {
  display: flex
}
.display--flex.y-center {
  align-items: center
}
.display--flex.x-center {
  justify-content: center
}
.display--flex.y-end {
  justify-content: flex-end
}
.display--flex-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.display--flex-split {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}
.display--flex-end {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end
}
.display--flex-start {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}
.flex--dir-col {
  flex-direction: column
}
.flex--jc-center {
  justify-content: center
}
.flexbox--container-center {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center
}
.vAlign-middle {
  vertical-align: middle
}
.vAlign-top {
  vertical-align: top
}
.position-relative {
  position: relative
}
.position-absolute {
  position: absolute
}
.icon {
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 1
}
.icon .icon--large {
  font-size: 2rem;
  width: 3rem;
  height: 3rem
}
.font--size-xxxs {
  font-size: .563rem
}
.font--size-xxs {
  font-size: .625rem
}
.font--size-xs {
  font-size: .75rem
}
.font--size-sm {
  font-size: .875rem
}
.font--size-md {
  font-size: 1rem
}
.font--size-lg {
  font-size: 1.25rem
}
.font--size-xl {
  font-size: 1.5rem
}
.font--size-xxl {
  font-size: 2rem
}
.font--size-xxxl {
  font-size: 2.5rem
}
.font--size-xxxxl {
  font-size: 2.75rem
}
.font--weight-1 {
  font-weight: 100
}
.font--weight-2 {
  font-weight: 200
}
.font--weight-3 {
  font-weight: 300
}
.font--weight-4 {
  font-weight: 400
}
.font--weight-5 {
  font-weight: 500
}
.font--weight-6 {
  font-weight: 600
}
.font--weight-7 {
  font-weight: 700
}
.font--weight-8 {
  font-weight: 800
}
.font--weight-9 {
  font-weight: 900
}
.lineheight-1 {
  line-height: 1
}
.lineheight-2 {
  line-height: 1.3
}
.lineheight-3 {
  line-height: 1.4
}
.lineheight-4 {
  line-height: 1.5
}
.lineheight-5 {
  line-height: 2
}
.lineheight-6 {
  line-height: 3
}
.letterspacing-1 {
  letter-spacing: .05em
}
.letterspacing-2 {
  letter-spacing: .1em
}
.letterspacing-3 {
  letter-spacing: .2em
}
.letterspacing-4 {
  letter-spacing: .2em
}
ul.dot-dividers li::after {
  content: "\2022";
  color: inherit;
  display: inline-block;
  font-size: .75rem;
  margin: 0 4px 0 6px
}
ul.dot-dividers li:last-child::after {
  content: "";
  display: none
}
ol {
  margin: 0 0 2rem;
  padding: 0 1rem;
  list-style: alpha outside none
}
ul.list {
  list-style-type: none;
  margin: 0;
  padding: 0
}
ul.list--unordered li {
  display: inline-block
}
ul.list li a {
  display: block
}
ul.inline > li {
  display: inline-block
}
ul.horizontal-bullets {
  float: left;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%
}
ul.horizontal-bullets > li {
  display: inline-block;
  margin-right: .75rem
}
ul.horizontal-bullets > li > a {
  border-radius: 4px;
  color: #878c99;
  display: block;
  font-size: .75em;
  font-weight: 400;
  letter-spacing: .1rem;
  position: relative;
  padding: .625rem 1.25rem
}
ul.standard {
  margin: 0 0 0 1rem;
  padding: 0
}
ul.standard li {
  color: #878c99;
  line-height: 1.7
}
ul.feature-list {
  margin: 0;
  padding: 0;
  list-style: none
}
ul.feature-list li {
  color: #878c99;
  display: flex;
  align-items: center;
  margin-bottom: .875rem
}
ul.feature-list li::before {
  content: "\ed40";
  font-family: "Nucleo Glyph";
  font-size: 1rem;
  background: linear-gradient(30deg, #60bf70, #92d485);
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.375rem;
  width: 1.375rem;
  margin-right: .875rem
}
.m-a-0 {
  margin: 0 auto
}
.m-a-1 {
  margin: 1rem
}
.m-a-2 {
  margin: 2rem
}
.m-a-3 {
  margin: 3rem
}
.m-a-4 {
  margin: 4rem
}
.m-a-5 {
  margin: 5rem
}
.m-a-6 {
  margin: 6rem
}
.m-t-1half {
  margin-top: 1.5rem
}
.m-t-1 {
  margin-top: 1rem
}
.m-t-2 {
  margin-top: 2rem
}
.m-t-3 {
  margin-top: 3rem
}
.m-t-4 {
  margin-top: 4rem
}
.m-t-5 {
  margin-top: 5rem
}
.m-t-6 {
  margin-top: 6rem
}
.m-b-1half {
  margin-bottom: 1.5rem
}
.m-b-1 {
  margin-bottom: 1rem
}
.m-b-2 {
  margin-bottom: 2rem
}
.m-b-3 {
  margin-bottom: 3rem
}
.m-b-4 {
  margin-bottom: 4rem
}
.m-b-5 {
  margin-bottom: 5rem
}
.m-b-6 {
  margin-bottom: 6rem
}
.m-l-1 {
  margin-left: 1rem
}
.m-l-2 {
  margin-left: 2rem
}
.m-l-3 {
  margin-left: 3rem
}
.m-l-4 {
  margin-left: 4rem
}
.m-l-5 {
  margin-left: 5rem
}
.m-l-6 {
  margin-left: 6rem
}
.m-r-1 {
  margin-right: 1rem
}
.m-r-2 {
  margin-right: 2rem
}
.m-r-3 {
  margin-right: 3rem
}
.m-r-4 {
  margin-right: 4rem
}
.m-r-5 {
  margin-right: 5rem
}
.m-r-6 {
  margin-right: 6rem
}
.m-y-1 {
  margin-top: 1rem;
  margin-bottom: 1rem
}
.m-y-2 {
  margin-top: 2rem;
  margin-bottom: 2rem
}
.m-y-3 {
  margin-top: 3rem;
  margin-bottom: 3rem
}
.m-y-4 {
  margin-top: 4rem;
  margin-bottom: 4rem
}
.m-y-5 {
  margin-top: 5rem;
  margin-bottom: 5rem
}
.m-y-6 {
  margin-top: 6rem;
  margin-bottom: 6rem
}
.m-x-1 {
  margin-left: 1rem;
  margin-right: 1rem
}
.m-x-2 {
  margin-left: 2rem;
  margin-right: 2rem
}
.m-x-3 {
  margin-left: 3rem;
  margin-right: 3rem
}
.m-x-4 {
  margin-left: 4rem;
  margin-right: 4rem
}
.m-x-5 {
  margin-left: 5rem;
  margin-right: 5rem
}
.m-x-6 {
  margin-left: 6rem;
  margin-right: 6rem
}
.p-a-btn {
  padding: .5em 1.375em
}
.p-a-0 {
  padding: 0
}
.p-a-1 {
  padding: 1rem
}
.p-a-1half {
  padding: 1.5rem
}
.p-a-2 {
  padding: 2rem
}
.p-a-3 {
  padding: 3rem
}
.p-a-4 {
  padding: 4rem
}
.p-a-5 {
  padding: 5rem
}
.p-a-6 {
  padding: 6rem
}
.p-t-1 {
  padding-top: 1rem
}
.p-t-1half {
  padding-top: 1.5rem
}
.p-t-2 {
  padding-top: 2rem
}
.p-t-3 {
  padding-top: 3rem
}
.p-t-4 {
  padding-top: 4rem
}
.p-t-5 {
  padding-top: 5rem
}
.p-t-6 {
  padding-top: 6rem
}
.p-b-headline {
  padding-bottom: .5em
}
.p-b-1 {
  padding-bottom: 1rem
}
.p-b-1half {
  padding-bottom: 1.5rem
}
.p-b-2 {
  padding-bottom: 2rem
}
.p-b-3 {
  padding-bottom: 3rem
}
.p-b-4 {
  padding-bottom: 4rem
}
.p-b-5 {
  padding-bottom: 5rem
}
.p-b-6 {
  padding-bottom: 6rem
}
.p-l-1 {
  padding-left: 1rem
}
.p-l-1half {
  padding-left: 1.5rem
}
.p-l-2half {
  padding-left: 2rem
}
.p-l-2 {
  padding-left: 2.5rem
}
.p-l-3 {
  padding-left: 3rem
}
.p-l-4 {
  padding-left: 4rem
}
.p-l-5 {
  padding-left: 5rem
}
.p-l-6 {
  padding-left: 6rem
}
.p-r-5px {
  padding-right: 5px
}
.p-r-1 {
  padding-right: 1rem
}
.p-r-2 {
  padding-right: 2rem
}
.p-r-3 {
  padding-right: 3rem
}
.p-r-4 {
  padding-right: 4rem
}
.p-r-5 {
  padding-right: 5rem
}
.p-r-6 {
  padding-right: 6rem
}
.p-y-1 {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.p-y-1half {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}
.p-y-2 {
  padding-top: 2rem;
  padding-bottom: 2rem
}
.p-y-3 {
  padding-top: 3rem;
  padding-bottom: 3rem
}
.p-y-4 {
  padding-top: 4rem;
  padding-bottom: 4rem
}
.p-y-5 {
  padding-top: 5rem;
  padding-bottom: 5rem
}
.p-y-6 {
  padding-top: 6rem;
  padding-bottom: 6rem
}
.p-x-1 {
  padding-left: 1rem;
  padding-right: 1rem
}
.p-x-1half {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.p-x-2 {
  padding-left: 2rem;
  padding-right: 2rem
}
.p-x-3 {
  padding-left: 3rem;
  padding-right: 3rem
}
.p-x-4 {
  padding-left: 4rem;
  padding-right: 4rem
}
.p-x-5 {
  padding-left: 5rem;
  padding-right: 5rem
}
.p-x-6 {
  padding-left: 6rem;
  padding-right: 6rem
}
footer.footer__wrap {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 10000;
  background: #f5f7f9
}
footer.footer__wrap.no-overlay {
  margin-top: -34rem
}
footer.footer__wrap .footer__info {
  padding: 4rem 0;
  position: relative
}
.footer__flex-wrap {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  position: relative;
  z-index: 250
}
.footer__flex-wrap .flex-col {
  flex: 1
}
.footer__flex-wrap .flex-col ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.footer__flex-wrap .flex-col ul li {
  margin-bottom: .875rem
}
.footer__flex-wrap .flex-col ul li a {
  color: #878c99;
  display: block;
  font-size: .813rem
}
.footer__flex-wrap .flex-col ul li a:hover {
  color: #434a59
}
.footer__flex-wrap .flex-col .footer-social {
  display: flex;
  align-items: center;
  justify-content: flex-end
}
.footer__flex-wrap .flex-col .footer-social a {
  color: #878c99;
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 1rem
}
.footer__flex-wrap .flex-col .footer-social a:hover {
  color: #434a59
}
.footer__flex-wrap .flex-col .footer-social a:last-child {
  margin-right: 0
}
.footer__flex-wrap .flex-col h4 {
  color: #878c99;
  font-size: .813rem;
  font-weight: 600;
  margin: 0 0 .875rem
}
.footer__flex-wrap .flex-col.lead {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.footer__flex-wrap .flex-col.lead img, .footer__flex-wrap .flex-col.lead object {
  max-width: 13rem
}
.footer__flex-wrap .flex-col.lead span {
  line-height: 1.5
}
.footer__flex-wrap .flex-col.products {
  margin-right: 4%
}
.footer__flex-wrap .flex-col.resources {
  margin-right: 3%
}
.footer__copyright {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 3rem auto 0;
  position: relative;
  z-index: 500
}
.footer__copyright ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.footer__copyright ul li {
  color: #878c99;
  display: inline-block;
  font-size: .813rem;
  line-height: 1;
  margin-right: 1.25rem
}
@media only screen and (max-width:767px) {
  .footer__flex-wrap {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap
  }
  .footer__flex-wrap .flex-col {
    flex: 1 0 100%;
    text-align: center
  }
  .footer__flex-wrap .flex-col.lead img {
    margin: 0 auto 2rem
  }
  .footer__flex-wrap .flex-col ul {
    margin-bottom: 3rem
  }
  .footer__flex-wrap .flex-col .footer-social {
    margin: 2rem auto;
    justify-content: center
  }
}
.blog-post-paging {
  clear: both;
  float: none;
  display: block;
  width: 100%
}
.post-footer {
  display: none
}
.blog-posts.clearfix {
  position: relative;
  z-index: 1;
  max-width: 1170px;
  margin: 1rem auto 5rem;
  min-height: 70vh
}
.blog-post.clearfix {
  margin-bottom: 40px;
  padding-bottom: 30px
}
.blog-sidebar {
  top: 3rem
}
.blog-sidebar h3 {
  font-family: "Graphik Compact", "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .1rem;
  margin: 0 0 .75rem
}
.blog-sidebar .search-group {
  margin-bottom: 3rem;
  max-width: 13rem;
  position: relative
}
.blog__sidebar .search-group .blog-search {
  background: 0 0;
  border: none;
  border-bottom: 1px solid #dce1e8;
  color: #434a59;
  font-size: .75rem;
  letter-spacing: .1rem;
  padding: .875rem 0 .875rem 2rem;
  position: relative;
  text-transform: uppercase;
  transition: all .3s
}
.blog__sidebar .search-group .blog-search:active, .blog__sidebar .search-group .blog-search:focus {
  border-bottom: 2px solid #60bf70
}
.blog__sidebar .search-group .nc-icon-outline {
  font-size: 1rem;
  color: #60bf70;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}
.blog-sidebar ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none
}
.blog-sidebar ul li {
  display: block
}
.blog-sidebar ul li.active a {
  color: #60bf70;
  font-weight: 500
}
.blog-sidebar ul li a {
  display: block;
  color: #878c99;
  font-size: .875rem;
  padding: .5rem 0
}
.blog-sidebar ul li a:hover {
  color: #434a59
}
.post-content ul li {
  line-height: 1.7em;
  color: #555;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400
}
.blog__feed {
  padding: 3rem 0 5rem;
  position: relative;
  z-index: 2750
}
ul.blog__feed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%
}
ul.blog__feed.thirds li {
  flex: 1 0 calc(100% / 3);
  margin: 0 0 3rem;
  max-width: 31%;
  text-align: left;
  transition: all .3s
}
ul.blog__feed li {
  flex: 1 0 calc(100% / 2);
  margin: 0 0 3rem;
  max-width: 47.5%;
  text-align: left;
  transition: all .3s
}
@media (max-width:768px) {
  ul.blog__feed.thirds li {
    flex: 1 0 calc(100%);
    margin: 0 0 3rem;
    max-width: 97.5%;
    text-align: left;
    transition: all .3s
  }
}
ul.blog__feed li a {
  background: #fff;
  box-shadow: 0 1rem 1.5rem rgba(67, 74, 89, .1);
  border-radius: 5px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 30rem;
  max-height: 30rem
}
ul.blog__feed li a:hover {
  box-shadow: 0 1.5rem 2rem rgba(67, 74, 89, .19);
  transform: translateY(-1rem)
}
ul.blog__feed li a:hover .card-footer .card-footer-wrapper .card-cta {
  opacity: 1;
  transform: translateY(0)
}
ul.blog__feed li a:hover .card-footer .card-footer-wrapper div {
  opacity: 0;
  transform: translateY(-1rem)
}
ul.blog__feed li a:hover .card-body h3 {
  color: #60bf70 !important
}
ul.blog__feed li a:hover .full-height .card-image {
  opacity: .33 !important
}
ul.blog__feed li a .card-hero {
  overflow: hidden;
  width: 100%;
  padding: 2rem
}
ul.blog__feed li a .card-hero.full-width {
  padding: 0
}
ul.blog__feed li a .card-hero.full-height {
  background: #2b2d33;
  padding: 0;
  height: 30rem
}
ul.blog__feed li a .card-hero.full-height .card-image {
  height: 30rem;
  opacity: .75;
  transition: all .3s
}
ul.blog__feed li a .card-hero.full-height .card-body {
  position: absolute;
  bottom: 4rem;
  left: 0;
  z-index: 25
}
ul.blog__feed li a .card-hero.full-height .card-body h3, ul.blog__feed li a .card-hero.full-height .card-body p {
  color: #fff
}
ul.blog__feed li a .card-hero .card-image {
  width: 100%;
  height: 14rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
ul.blog__feed li a .card-body {
  padding: 2rem
}
ul.blog__feed li a .card-body img.avatar {
  border-radius: 50rem;
  max-width: 2.5rem;
  margin-bottom: 1.5rem
}
ul.blog__feed li a .card-body h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  transition: color .3s
}
ul.blog__feed li a .card-body p {
  color: #878c99;
  font-size: .875rem;
  line-height: 1.6;
  margin-bottom: 2rem
}
ul.blog__feed li a .card-footer {
  line-height: 1;
  letter-spacing: .05rem;
  font-size: .688rem;
  padding: 0 0
}
ul.blog__feed li a .card-footer .card-footer-wrapper {
  border-top: 1px solid #edeff2;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  padding: 1.5rem 2rem;
  position: relative;
  text-transform: uppercase
}
ul.blog__feed li a .card-footer .card-footer-wrapper .card-cta {
  background: #fff;
  border: none;
  color: #434a59;
  position: absolute;
  top: 0;
  left: 2rem;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: .688rem;
  text-align: left;
  opacity: 0;
  text-transform: uppercase;
  transition: all .4s;
  transform: translateY(1.5rem)
}
ul.blog__feed li a .card-footer .card-footer-wrapper .card-category {
  color: #6d7280;
  margin-right: 1.5rem;
  transition: all .3s
}
ul.blog__feed li a .card-footer .card-footer-wrapper .card-sub {
  color: #acb2bf;
  transition: all .3s
}
.blog-posts-container {
  padding: 0 15px 0
}
.blog-posts .button {
  box-shadow: none;
  border: none;
  background: #60bf70;
  color: #fff;
  border-radius: 4px;
  font-size: .938rem;
  line-height: 1;
  padding: .875rem 1.25rem;
  margin-right: 0
}
.blog-posts-container .blog-post-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 34vh
}
.blog-posts-container h1 {
  font-size: 3.75rem;
  font-weight: 500;
  max-width: 70vw
}
.blog-post h4 {
  font-size: 14px;
  padding: 10px 0;
  margin: 0
}
.blog-post .publish-date {
  font-size: 12px;
  margin: 0;
  padding: 0
}
.blog-post h1 {
  font-family: Graphik, "Helvetica Neue", Helvetica, sans-serif;
  font-size: .813rem;
  font-weight: 500;
  letter-spacing: .15rem;
  margin-bottom: .25rem;
  text-transform: uppercase
}
.blog-posts-container .article-wrap {
  position: relative;
  padding: 3rem 0 4rem;
  z-index: 15;
  max-width: 52rem;
  margin: -10% auto 6rem;
  z-index: 25
}
.blog-posts-container .article-wrap::before {
  content: "";
  background: #fff;
  width: 90vw;
  height: 22rem;
  transform: skew(0, 6deg) translateX(-50%);
  position: absolute;
  top: 2rem;
  left: 50%;
  z-index: -1
}
.blog-post-container .article-wrap .article-author {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 3rem;
  text-align: center
}
.blog-post-container .article-wrap .article-author img {
  margin: 0 auto 1.125rem;
  max-width: 3rem;
  border-radius: 50rem
}
.blog-post-content .article-wrap .article-author p {
  color: #60bf70;
  font-weight: 600;
  font-size: .75rem;
  letter-spacing: .025rem;
  text-transform: uppercase
}
.blog-post-container .article-wrap .article-inner {
  margin: 0 auto
}
.blog-post-content .article-wrap .article-inner hr {
  background: #60bf70;
  height: 2px;
  width: 10rem;
  margin: 4rem auto
}
.blog-post-container .article-wrap .article-inner h2 {
  font-size: 1.625rem;
  font-weight: 500;
  text-align: left;
  margin: 0 0 1.5rem
}
.blog-post-container .article-wrap .article-inner p {
  font-size: 1.125rem;
  text-align: left;
  margin-bottom: 2rem
}
.blog-post-container .article-wrap .article-inner p a {
  color: #60bf70;
  font-weight: 500
}
.blog-post-container .article-wrap .article-inner p a:hover {
  color: #92d485
}
.blog-post-container .article-wrap .article-inner p.opening {
  color: #434a59;
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 2rem
}
.blog-post-container .article-wrap .article-inner ol {
  margin: 0 0 2rem;
  padding: 0 1rem;
  list-style: alpha outside none
}
.blog-post-content .article-wrap .article-inner ol li {
  color: #878c99;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0 0 1.25rem;
  padding: 0
}
.blog-post-container .article-wrap .article-inner figure {
  margin: 5rem auto
}
.blog-post-container .article-wrap .article-inner figure img {
  margin: 0 auto 2rem
}
.blog-post-container .article-wrap .article-inner figure figcaption {
  color: #878c99;
  font-size: .813rem;
  line-height: 1.4;
  text-align: center
}
.blog-footer {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2rem 2rem rgba(67, 74, 89, .1);
  display: flex;
  align-items: center;
  padding: 4rem;
  position: relative;
  z-index: 2750;
  top: -8rem
}
.blog-footer img {
  border-radius: 100rem;
  margin-right: 4rem;
  width: 8rem;
  height: 8rem
}
.blog-footer .blog-author-desc h5 {
  color: #878c99;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1rem
}
.blog-footer .blog-author-desc h5 span {
  color: #434a59
}
progress {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5500;
  width: 100%;
  height: .313rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  color: #60bf70
}
progress::-webkit-progress-bar {
  background-color: transparent
}
.flat::-webkit-progress-value {
  background-color: #60bf70
}
.flat::-moz-progress-bar {
  background-color: #60bf70
}
.single::-webkit-progress-value {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, transparent, #60bf70)
}
.single::-moz-progress-bar {
  background-color: transparent;
  background-image: -moz-linear-gradient(left, transparent, #60bf70)
}
.multiple::-webkit-progress-value {
  background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(left, green, #60bf70)
}
.multiple::-moz-progress-bar {
  background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -moz-linear-gradient(left, green, #60bf70)
}
.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: .25em;
  display: block
}
.progress-bar {
  background-color: #60bf70;
  width: 50%;
  display: block;
  height: inherit
}
@media only screen and (max-width:992px) {
  header.global__nav {
    padding: 0;
    margin: 0 auto;
    width: 100%
  }
  header.global__nav .container {
    max-width: 100%;
    width: 100%;
    padding: 0
  }
  .navbar-header {
    align-self: flex-start
  }
  .navbar-right {
    float: none;
    margin: 0 auto;
    align-self: center;
    justify-self: center
  }
  .nav__flex-wrap {
    display: flex;
    flex-direction: column;
    padding: 0
  }
  .nav__flex-column {
    -webkit-flex: 1;
    flex: 1
  }
  .nav__flex-column.nav {
    width: 100%
  }
  .nav__flex-column.brand {
    align-self: flex-start;
    width: 100%;
    padding: 1.25rem
  }
  .nav__flex-column.brand, .nav__flex-column.nav-secondary {
    flex-basis: auto !important
  }
  .nav__flex-column.nav-secondary {
    display: none
  }
  .navbar-toggle {
    display: block
  }
  .navbar-collapse {
    border: none;
    box-shadow: none;
    padding: 0
  }
  .navbar-nav {
    width: 100%;
    margin: 0 auto
  }
  .navbar-nav > li {
    display: block;
    text-align: left;
    margin: 0;
    width: 100%
  }
  .navbar-nav > li > a {
    background: #f2f4f7;
    border-bottom: 1px solid #dce1e8;
    color: #434a59;
    display: block;
    font-size: 1rem;
    padding: 1.5em
  }
  .navbar-nav > li.dropdown > a::after {
    right: 1.5rem;
    font-size: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
  }
  .navbar-nav .open .dropdown-menu {
    background: #fff
  }
  .navbar-nav .open .dropdown-menu li > a {
    font-size: 1rem;
    padding: .75rem 1.5rem;
    line-height: 1;
    font-weight: 400
  }
  .dropdown-menu {
    box-shadow: 0;
    border-radius: 0 !important;
    border: none;
    padding: 1.5rem;
    margin: 0;
    min-width: auto;
    width: 100%;
    left: 0;
    top: 0;
    transform: translateX(0)
  }
  .dropdown-menu::after {
    display: none
  }
  .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #f2f4f7;
    color: #434a59
  }
}
@media (min-width:768px) {
  .banner.home {
    height: initial;
    padding-top: 75vh
  }
  .banner.company {
    height: initial;
    padding-top: 45%
  }
  .banner.inner .banner-content {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 55%;
    min-width: 320px
  }
  .banner.home .banner-content {
    left: 50%;
    transform: translateX(-50%);
    min-width: 320px
  }
  a.banner-anchor {
    display: block;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5000;
    opacity: .5
  }
  .videoFrame {
    margin: 0 auto 6rem;
    text-align: center
  }
  .videoFrame iframe {
    margin: 0 auto;
    max-width: 100%
  }
}
@media (max-width:600px) {
  .m4l-quote.style-2 .customer-feature .feature-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 3rem 0 0 2rem;
    max-width: 90%;
    height: 100%;
    z-index: 2750;
    position: relative
  }
}
@media (min-width:601px) and (max-width:767px) {
  .m4l-quote.style-2 .customer-feature .feature-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 2rem 0 0 5rem;
    max-width: 62%;
    height: 100%;
    z-index: 2750;
    position: relative
  }
}
@media (min-width:768px) and (max-width:1024px) {
  .m4l-quote.style-2 .customer-feature .feature-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 2rem 0 0 5rem;
    max-width: 62%;
    height: 100%;
    z-index: 2750;
    position: relative
  }
}
@media (max-width:767px) {
  .banner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 100%
  }
  .banner-content {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    min-width: 320px
  }
  .banner.website .banner-content.website {
    width: 75%
  }
  a.banner-anchor {
    display: none
  }
  .banner-content h2.home {
    color: #60bf70;
    font-size: .938rem;
    margin-bottom: 2rem;
    opacity: 1
  }
  .banner-content h1 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.15;
    margin: 0 auto 2rem;
    position: relative
  }
  .banner-content p {
    font-size: 1rem
  }
  .banner .videoFallback img {
    width: auto;
    height: 100%
  }
  .hero-work-wrap .hero-work-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3400;
    background-image: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, .05)), linear-gradient(63deg, rgba(255, 255, 255, .15) 45%, #fff 78%);
    transform: translate3d(0, 0, 500px);
    transform-style: preserve-3d
  }
  .videoFrame {
    margin: 0 auto 6rem;
    text-align: center
  }
  .videoFrame iframe {
    margin: 0 auto;
    max-width: 100%
  }
  ul.checklist li {
    display: flex;
    flex: 1 0 calc(100%);
    margin: 0 0 3rem;
    max-width: calc(100%);
    align-items: flex-start
  }
  .cta-white-fw {
    padding: 2rem
  }
  footer.footer__wrap {
    padding-top: 4rem
  }
  .customer-logos .logos-container {
    margin-top: 0
  }
  .banner.inner.white {
    min-height: 10vh;
    padding-top: 20vh;
    height: auto
  }
  .banner.inner.white.lower {
    height: 85vh
  }
  .features-list .feature-row {
    display: block
  }
  .features-list .feature-row .feature-image {
    display: block;
    width: 100%
  }
  .features-list .feature-row .feature-content {
    display: block;
    width: 100%
  }
  .customer-quote.style-1 {
    padding-top: 1rem
  }
  .customer-quote a.button {
    margin: 10px auto 40px
  }
  .customer-logos .logos-container .logos-col {
    margin-right: 0;
    top: 0 !important
  }
  .customer-logos {
    display: flex;
    align-items: center;
    padding-top: 2rem;
    min-height: 40vh;
    position: relative;
    width: 100%
  }
  .customer-logos .logos-container .logos-col:nth-child(3) {
    top: 0
  }
  .customer-logos .logos-container .logos-col:nth-child(4) {
    top: 0
  }
  .customer-logos .logos-container .logos-col:nth-child(5) {
    top: 0
  }
  .customer-logos .logos-container .logos-col:nth-child(6) {
    top: 0
  }
  .footer__flex-wrap .flex-col.lead {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -50px;
    text-align: center;
    align-content: center;
    align-items: center
  }
  .footer__copyright {
    display: block
  }
  .footer__copyright ul {
    display: block;
    text-align: center
  }
  .footer__copyright ul li {
    margin: 10px 0
  }
  .p-l-4 {
    padding-left: initial
  }
  .m-b-2 {
    margin-bottom: 2rem
  }
  .box--shadow-gray-md {
    box-shadow: 0 0 0 rgba(67, 74, 89, .08)
  }
}
@media (max-width:991px) {
  .leadership-team .display--flex.x-center {
    justify-content: initial;
    display: block
  }
  .leadership-team .display--flex.x-center > div {
    justify-content: initial;
    display: block;
    width: 100%;
    clear: both
  }
  .hero-work-wrap .hero-work-image.reservations {
    background-image: url(/assets/clube/Media/reservations-banner.png);
    background-size: 70vw;
    background-position: 100% 100%
  }
  .hero-work-wrap .hero-work-image.payments {
    background-image: url(/assets/clube/Media/mobile-payments.png);
    background-size: 25vw;
    background-position: 88% 89%;
    z-index: 5000
  }
  .m4l-quote.style-1.content-panel .container .row .col-lg-6 {
    margin-bottom: 3rem
  }
  .footer__cta .cta__primary .buttons {
    padding-left: 10px
  }
  .footer__cta .cta__primary .buttons a {
    display: block;
    margin-bottom: 20px;
    width: 100%
  }
}
@media screen and (max-width:992px) {
  .navbar-nav > li {
    display: block;
    text-align: left;
    margin: 0;
    width: 100%;
    background: #f2f4f7;
    color: #434a59
  }
  .navbar-nav > li > a:hover {
    background: #f2f4f7;
    color: #222
  }
  .navbar-nav .open .dropdown-menu {
    background: #fbfbfb;
    text-align: left
  }
  li.dropdown > a.dropdown-toggle:first-of-type {
    display: none
  }
}
@media (min-width:768px) and (max-width:991px) {
  .navbar-collapse.collapse {
    display: none !important
  }
  .navbar-collapse.collapse.in {
    display: block !important
  }
  .navbar-header .collapse, .navbar-toggle {
    display: block !important
  }
  .navbar-header {
    float: none
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.dropdown .caret {
  display: none
}
form.hs-form .hs-form-field {
  float: left;
  width: 100%
}
form.hs-form .hs-form-field input {
  width: 100%
}
form.hs-form .hs-form-field label {
  display: none
}
form.hs-form .hs-form-field .input {
  font-size: .875rem;
  font-weight: 500
}
form.hs-form .hs-form-field .input .hs-input {
  display: block;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form.hs-form .hs-form-field .input .hs-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  background: #f5f7f9 !important;
  border: 0 solid #dce1e8;
  margin-bottom: .5rem;
  min-height: 3.5rem;
  padding-left: 1rem;
  transition: all .3s
}
ul.hs-error-msgs.inputs-list {
  margin: 0 !important;
  padding: 0 0 0 5px;
  list-style-type: none
}
.hs-error-msgs label {
  display: inline !important;
  font-size: 10px;
  font-weight: 200;
  color: red
}
input.hs-button.primary.large {
  font-size: .813em;
  background: #60bf70;
  box-shadow: 0 0 0 rgba(43, 45, 51, .1);
  color: #fff;
  border: 1px solid transparent;
  border-radius: 3px;
  font-weight: 600;
  letter-spacing: .02rem;
  line-height: 1.4;
  padding: 1.35em 2em;
  text-align: center;
  text-transform: uppercase;
  transition: all .3s
}
input.hs-button.primary.large:hover {
  background: #4d9a5a;
  transition: all .3s
}
@media (min-width:768px) {
  form.hs-form .hs-form-field {
    float: left;
    width: 33%
  }
  form.hs-form .hs-form-field input {
    width: auto
  }
  form.hs-form ul.hs-error-msgs.inputs-list {
    position: relative;
    display: block;
    clear: both
  }
  form.hs-form ul.hs-error-msgs.inputs-list li {
    position: relative;
    display: block;
    clear: both
  }
  form.hs-form ul.hs-error-msgs.inputs-list li label {
    position: relative;
    display: block !important;
    clear: both;
    width: 100% !important;
    float: none !important;
    font-size: 10px !important;
    color: red !important;
    text-align: right;
    line-height: 1 !important;
    font-weight: 400 !important
  }
}
@media (min-width:1200px) {
  form.hs-form .hs-form-field {
    float: left;
    width: 20%
  }
  form.hs-form .hs-form-field input {
    width: auto
  }
}
.sales-contact-wrapper .info h2 {
  color: #60bf70;
  margin-bottom: 1rem;
  font-size: 1.625rem;
  font-weight: 500
}
.sales-contact-wrapper .info p {
  color: #878c99;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  font-family: Graphik, "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", "Helvetica Neue", Helvetica, sans-serif;
  font-feature-settings: "ss01"1;
  -webkit-font-smoothing: antialiased
}
.sales-contact-wrapper form.hs-form .hs-form-field {
  float: none;
  width: 100%
}
.sales-contact-wrapper form.hs-form .hs-form-field input {
  width: auto
}
.sales-contact-wrapper form.hs-form .hs-form-field label {
  display: inline-block;
  width: 30%;
  float: left
}
.sales-contact-wrapper form.hs-form .hs-form-field .input {
  margin-left: 30%
}
.sales-contact-wrapper form.hs-form .hs-form-field .input .hs-input {
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  min-height: 2rem
}
.sales-contact-wrapper form.hs-form .hs-form-field label {
  font-size: .875rem;
  font-weight: 500;
  line-height: 2.5rem;
  min-height: 2.5rem;
  color: #444
}
.sales-contact-wrapper form.hs-form .hs-form-field .input {
  margin-bottom: 10px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  background: #f5f7f9 !important;
  border: 1px solid #dce1e8;
  min-height: 2.5rem;
  padding-left: 1rem;
  transition: all .3s
}
.sales-contact-wrapper form.hs-form .actions {
  float: right;
  margin-top: 10px
}
@media (max-width:767px) {
  .sales-contact-wrapper {
    padding: 0 20px 50px
  }
  .sales-contact-wrapper form.hs-form .hs-form-field label {
    display: block;
    float: none;
    width: 100%
  }
  .sales-contact-wrapper form.hs-form .hs-form-field .input {
    display: block;
    width: 100%;
    margin: 10px 0
  }
}
.blog-blog-index-body .blog-posts-container {
  float: none !important;
  width: auto !important
}
.blog-blog-index-body .blog-post .post-publish-info, .blog-blog-index-body .blog-post h4, .blog-blog-index-body .blog-sidebar {
  display: none !important
}
.blog-blog-index-body .blog-post h1, .blog-blog-index-body .blog-post h2 {
  font-size: 24px !important;
  letter-spacing: -.25px !important;
  text-transform: none !important;
  font-weight: 500 !important;
  line-height: 1.3;
  padding: 10px 0
}
.blog-posts .page-center {
  text-align: center;
  margin-bottom: 80px
}
.blog-sidebar .sidebar-widget h3 {
  text-align: left !important
}
.blog-posts .page-center h2 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 3rem auto 1rem;
  text-align: center;
  max-width: 75%
}
.blog-blog-index-body .blog-img {
  float: none;
  display: block;
  width: 100%
}
.blog-blog-index-body .blog-img img.post-image {
  float: none;
  width: 100%;
  max-width: none;
  padding: 0;
  border-radius: 4px
}
@media (max-width:991px) {
  .blog-blog-index-body .blog-post.clearfix {
    padding: 0 8px 3rem;
    width: 100%;
    height: 100%;
    clear: none;
    border-bottom: 0 none
  }
}
@media (min-width:992px) {
  .blog-blog-index-body .blog-post.clearfix {
    padding: 0 8px 3rem;
    width: 32.5%;
    height: 100%;
    clear: none;
    border-bottom: 0 none
  }
}
.blog-blog-index-body .blog-posts-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between
}
.blog-blog-index-body .post-content.clearfix p:first-child {
  margin: 0 0 2em 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}
.blog-blog-index-body .blog-post p a.button.button-small {
  box-shadow: none;
  border: none;
  background: 0 0;
  color: #60bf70;
  border-radius: 0;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0;
  margin-right: 0;
  text-transform: none;
  letter-spacing: -.25px;
  font-weight: 500
}
.blog-post h3 {
  font-size: 1.5rem
}
.blog-post.clearfix.featured {
  width: 100%;
  float: none;
  margin: 0;
  margin-bottom: 40px;
  position: relative
}
.modal-dialog {
  z-index: 99999;
  position: relative
}
div#modal-blogpostwidget-quickedit {
  z-index: 99999
}
.footer__wrap .flex-col.lead object {
  max-width: 165px !important
}
.flex-col.lead object {
  max-width: 165px !important
}
footer.footer__wrap .alert {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  min-height: 70px;
  background: #60bf70;
  margin-bottom: 0;
  border-color: #60bf70;
  color: #222;
  text-align: center
}
footer.footer__wrap .alert button {
  color: #fff;
  position: relative;
  top: 12px;
  opacity: .8
}
footer.footer__wrap .alert a {
  color: #e5e5e5
}
footer.footer__wrap h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  padding-bottom: 0;
  margin-bottom: 0
}
@media(max-width:768px) {
  footer.footer__wrap .alert {
    position: absolute
  }
}
.videoFrame {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 50.5%;
  max-width: 768px
}
.videoFrame iframe {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
@media(max-width:768px) {
  .videoFrame {
    min-width: 320px;
    width: 100%;
    margin: 0 auto
  }
}
.iframeDiv {
  min-width: 768px;
  width: 100%;
  margin: 0 auto
}
@media(max-width:768px) {
  .iframeDiv {
    min-width: 320px;
    width: 100%;
    margin: 0 auto
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}
@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}
section.banner.content-banner {
  margin-top: 0 !important
}


@media(min-width:992px) and (max-width:1024px){
li.dropdown.dropdown>a.dropdown-toggle:first-of-type {
    display: none;
}
a.brand__logo {
    max-width: 125px;
    display: block;
    height: 20px;
    background-position: center;
}
.preHeader h5 {
    line-height: 1em;
    font-size: .75em;
}
}