:root {
  --button: 50px;
}
@media (max-width: 1199px) {
  :root {
    --button: 40px;
  }
}
.small-caps {
  text-transform: uppercase;
}
.small-caps .C {
  font-size: 1.1em;
}
html {
  font-size: 14px;
}
body {
  font-family: "Montserrat", sans-serif;
  min-height: 100vh;
  font-size: 14px;
  font-variation-settings: "wdth" 90;
  padding-top: 80px;
}
img {
  max-width: 100%;
  height: auto;
}
.btn {
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: var(--button);
  padding: 0px 40px;
  margin-right: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}
.btn .C {
  font-size: 1.1em;
}
@media (max-width: 1199px) {
  .btn {
    padding: 0px 20px;
  }
}
.ccm-block-express-form .btn {
  line-height: calc(var(--button) * 0.8);
  padding: 0px 20px;
  margin-top: calc(20px / 2);
}
.btn-default {
  background: #fff;
  color: #007c82;
  border: 1px solid rgba(0, 124, 130, 0.1);
}
.btn-default:hover {
  background: #007c82;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.btn-primary {
  background: #007c82;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.btn-primary:hover {
  background: #003036;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.btn-secondary {
  background: #572a50;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.btn-secondary:hover {
  background: #572a50;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
main .buttons .col-md-6,
main .buttons .col-md-5 {
  margin-top: 0;
  margin-bottom: 0;
}
main .buttons .btn {
  width: 100%;
}
main .buttons .col-md-12 {
  margin-bottom: 0px;
}
#cdf-790-prov {
  background: rgba(255, 255, 255, 0.6);
}
.ccm-toolbar-visible header {
  top: 48px;
}
.ccm-edit-mode header {
  position: relative;
  z-index: auto;
}
header {
  border-bottom: 1px solid #c79a27;
  position: fixed;
  z-index: 999;
  top: 0px;
  width: 100%;
  background: #fff;
}
header > div.container > div {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}
header > div.container > div > div.logo,
header > div.container > div > div.cta,
header > div.container > div > nav {
  display: contents;
}
header > div.container > div .btn {
  margin: 0px;
}
header > div.container > div img {
  height: var(--button) !important;
  width: auto;
}
header nav {
  display: contents;
}
header nav ul {
  display: contents;
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-variation-settings: "wdth" 90;
}
@media (max-width: 1199px) {
  header nav ul {
    font-variation-settings: "wdth" 80;
  }
}
header nav ul li {
  display: contents;
}
header nav ul li a {
  text-transform: uppercase;
  display: inline-block;
  line-height: var(--button);
  color: #003036;
  text-decoration: none;
  padding: 0px 20px;
  border-radius: 5px;
}
header nav ul li a .C {
  font-size: 1.1em;
}
header nav ul li a:hover {
  background: #e6e6e1;
  color: #003036;
}
header div.mobile {
  display: none;
  line-height: var(--button);
  font-size: 1.5rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  header nav,
  header .cta {
    display: none !important;
  }
  header div.mobile {
    display: block;
  }
  header.open div.mobile {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  header.open .cta {
    display: block !important;
    margin-top: 20px;
  }
  header.open nav {
    display: block !important;
  }
  header.open nav ul li a {
    display: block;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: var(--button);
    padding: 0px 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    background: #572a50;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 20px;
  }
  header.open nav ul li a .C {
    font-size: 1.1em;
  }
  header.open nav ul li a:hover {
    background: #572a50;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.8);
  }
  header.open > div.container > div {
    display: block;
  }
}
@media (max-width: 991px) and (max-width: 1199px) {
  header.open nav ul li a {
    padding: 0px 20px;
  }
}
@media (max-width: 575px) {
  header {
    padding: 20px 20px/2;
  }
}
.hero {
  position: relative;
  overflow: hidden;
  background-size: 130vmax !important;
}
.hero > div.container {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(100vh - 90px);
  text-transform: uppercase;
  font-weight: 900;
}
.hero > div.container > div {
  width: 100%;
}
@media (max-width: 991px) {
  .hero > div.container {
    height: 60vh;
  }
}
.hero > div.container .C {
  font-size: 1.1em;
}
.hero > div.container strong {
  color: #003036;
}
.hero > div.container p {
  font-size: 70px;
  font-variation-settings: "wdth" 100;
  line-height: 1em;
  color: #fff;
}
@media (max-width: 1199px) {
  .hero > div.container p {
    font-size: 5vw;
  }
}
@media (max-width: 991px) {
  .hero > div.container p {
    font-size: 4vw;
  }
}
.hero > div.container img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 75vh;
  width: auto;
}
@media (max-width: 575px) {
  .hero > div.container img {
    right: 0.75rem;
  }
}
@media (max-width: 991px) {
  .hero > div.container img {
    max-height: 45vh;
  }
}
.hero.half > div.container {
  height: 60vh;
}
.hero.left > div.container p {
  text-align: right;
}
.hero.left > div.container img {
  right: auto;
  left: 0px;
}
h2 {
  font-size: 6vmin;
  font-variation-settings: "wdth" 70;
  color: #007c82;
  line-height: 1em;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
h2 .C {
  font-size: 1.1em;
}
h2 strong {
  color: #003036;
  font-weight: 700;
}
h3 {
  font-size: 2.75vmin;
  font-variation-settings: "wdth" 70;
  color: #e6e6e1;
  line-height: 1em;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
h3 .C {
  font-size: 1.1em;
}
h3 strong {
  color: #003036;
  font-weight: 700;
}
p {
  font-size: 1.5rem;
  color: #003036;
}
a {
  color: #572a50;
  text-decoration: none;
}
a:hover {
  opacity: 0.9;
  color: #572a50;
}
img.flip,
.flip img {
  transform: scaleX(-1);
}
img.rotate,
.rotate img {
  transform: rotate(90deg);
}
main .col-md-1,
main .col-md-2,
main .col-md-3,
main .col-md-4,
main .col-md-5,
main .col-md-6,
main .col-md-7,
main .col-md-8,
main .col-md-9,
main .col-md-10,
main .col-md-11,
main .col-md-12 {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  main .col-md-1,
  main .col-md-2,
  main .col-md-3,
  main .col-md-4,
  main .col-md-5,
  main .col-md-6,
  main .col-md-7,
  main .col-md-8,
  main .col-md-9,
  main .col-md-10,
  main .col-md-11,
  main .col-md-12 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  main .reverse .row,
  main .reverse.row {
    flex-direction: column-reverse;
  }
}
main .row .row {
  width: 100%;
}
main div.teal {
  background: #007c82;
  color: #e6e6e1;
}
main div.teal h2 {
  color: #fff;
}
main div.teal h2 strong {
  color: #003036;
}
main div.teal h3 {
  color: #e6e6e1;
}
main div.teal h3 strong {
  color: #fff;
}
main div.teal p {
  color: #fff;
}
main div.pale {
  background: #bfdee0;
  color: #1a1a15;
}
main div.pale h2 {
  color: #1a1a15;
}
main div.pale h2 strong {
  color: #007c82;
}
main div.pale h3 {
  color: #1a1a15;
}
main div.pale h3 strong {
  color: #000;
}
main div.pale p {
  color: #1a1a15;
}
main div.sky {
  background: #003036;
  color: #fff;
}
main div.sky h2 {
  color: #fff;
}
main div.sky h2 strong {
  color: #c79a27;
}
main div.sky h3 {
  color: #e6e6e1;
}
main div.sky h3 strong {
  color: #fff;
}
main div.sky p {
  color: #fff;
}
main div.rock {
  background: #e6e6e1;
  color: #1a1a15;
}
main div.rock h2 {
  color: #1a1a15;
}
main div.rock h2 strong {
  color: #c79a27;
}
main div.rock h3 {
  color: #1a1a15;
}
main div.rock h3 strong {
  color: #000;
}
main div.rock p {
  color: #1a1a15;
}
main p.teal,
main a.teal,
main h2.teal,
main h3.teal,
main span.teal,
main strong.teal {
  color: #007c82 !important;
}
main p.teal p,
main a.teal p,
main h2.teal p,
main h3.teal p,
main span.teal p,
main strong.teal p,
main p.teal a,
main a.teal a,
main h2.teal a,
main h3.teal a,
main span.teal a,
main strong.teal a,
main p.teal h2,
main a.teal h2,
main h2.teal h2,
main h3.teal h2,
main span.teal h2,
main strong.teal h2,
main p.teal h3,
main a.teal h3,
main h2.teal h3,
main h3.teal h3,
main span.teal h3,
main strong.teal h3,
main p.teal span,
main a.teal span,
main h2.teal span,
main h3.teal span,
main span.teal span,
main strong.teal span,
main p.teal strong,
main a.teal strong,
main h2.teal strong,
main h3.teal strong,
main span.teal strong,
main strong.teal strong {
  color: #007c82 !important;
}
main p.pale,
main a.pale,
main h2.pale,
main h3.pale,
main span.pale,
main strong.pale {
  color: #bfdee0 !important;
}
main p.pale p,
main a.pale p,
main h2.pale p,
main h3.pale p,
main span.pale p,
main strong.pale p,
main p.pale a,
main a.pale a,
main h2.pale a,
main h3.pale a,
main span.pale a,
main strong.pale a,
main p.pale h2,
main a.pale h2,
main h2.pale h2,
main h3.pale h2,
main span.pale h2,
main strong.pale h2,
main p.pale h3,
main a.pale h3,
main h2.pale h3,
main h3.pale h3,
main span.pale h3,
main strong.pale h3,
main p.pale span,
main a.pale span,
main h2.pale span,
main h3.pale span,
main span.pale span,
main strong.pale span,
main p.pale strong,
main a.pale strong,
main h2.pale strong,
main h3.pale strong,
main span.pale strong,
main strong.pale strong {
  color: #bfdee0 !important;
}
main p.sky,
main a.sky,
main h2.sky,
main h3.sky,
main span.sky,
main strong.sky {
  color: #003036 !important;
}
main p.sky p,
main a.sky p,
main h2.sky p,
main h3.sky p,
main span.sky p,
main strong.sky p,
main p.sky a,
main a.sky a,
main h2.sky a,
main h3.sky a,
main span.sky a,
main strong.sky a,
main p.sky h2,
main a.sky h2,
main h2.sky h2,
main h3.sky h2,
main span.sky h2,
main strong.sky h2,
main p.sky h3,
main a.sky h3,
main h2.sky h3,
main h3.sky h3,
main span.sky h3,
main strong.sky h3,
main p.sky span,
main a.sky span,
main h2.sky span,
main h3.sky span,
main span.sky span,
main strong.sky span,
main p.sky strong,
main a.sky strong,
main h2.sky strong,
main h3.sky strong,
main span.sky strong,
main strong.sky strong {
  color: #003036 !important;
}
main p.gold,
main a.gold,
main h2.gold,
main h3.gold,
main span.gold,
main strong.gold {
  color: #c79a27 !important;
}
main p.gold p,
main a.gold p,
main h2.gold p,
main h3.gold p,
main span.gold p,
main strong.gold p,
main p.gold a,
main a.gold a,
main h2.gold a,
main h3.gold a,
main span.gold a,
main strong.gold a,
main p.gold h2,
main a.gold h2,
main h2.gold h2,
main h3.gold h2,
main span.gold h2,
main strong.gold h2,
main p.gold h3,
main a.gold h3,
main h2.gold h3,
main h3.gold h3,
main span.gold h3,
main strong.gold h3,
main p.gold span,
main a.gold span,
main h2.gold span,
main h3.gold span,
main span.gold span,
main strong.gold span,
main p.gold strong,
main a.gold strong,
main h2.gold strong,
main h3.gold strong,
main span.gold strong,
main strong.gold strong {
  color: #c79a27 !important;
}
main p.rock,
main a.rock,
main h2.rock,
main h3.rock,
main span.rock,
main strong.rock {
  color: #e6e6e1 !important;
}
main p.rock p,
main a.rock p,
main h2.rock p,
main h3.rock p,
main span.rock p,
main strong.rock p,
main p.rock a,
main a.rock a,
main h2.rock a,
main h3.rock a,
main span.rock a,
main strong.rock a,
main p.rock h2,
main a.rock h2,
main h2.rock h2,
main h3.rock h2,
main span.rock h2,
main strong.rock h2,
main p.rock h3,
main a.rock h3,
main h2.rock h3,
main h3.rock h3,
main span.rock h3,
main strong.rock h3,
main p.rock span,
main a.rock span,
main h2.rock span,
main h3.rock span,
main span.rock span,
main strong.rock span,
main p.rock strong,
main a.rock strong,
main h2.rock strong,
main h3.rock strong,
main span.rock strong,
main strong.rock strong {
  color: #e6e6e1 !important;
}
main p.purple,
main a.purple,
main h2.purple,
main h3.purple,
main span.purple,
main strong.purple {
  color: #e6e6e1 !important;
}
main p.purple p,
main a.purple p,
main h2.purple p,
main h3.purple p,
main span.purple p,
main strong.purple p,
main p.purple a,
main a.purple a,
main h2.purple a,
main h3.purple a,
main span.purple a,
main strong.purple a,
main p.purple h2,
main a.purple h2,
main h2.purple h2,
main h3.purple h2,
main span.purple h2,
main strong.purple h2,
main p.purple h3,
main a.purple h3,
main h2.purple h3,
main h3.purple h3,
main span.purple h3,
main strong.purple h3,
main p.purple span,
main a.purple span,
main h2.purple span,
main h3.purple span,
main span.purple span,
main strong.purple span,
main p.purple strong,
main a.purple strong,
main h2.purple strong,
main h3.purple strong,
main span.purple strong,
main strong.purple strong {
  color: #572a50 !important;
}
main .faq-accordion {
  margin-top: 50px;
  --faq-rule: rgba(0, 0, 0, 0.01);
}
main .faq-accordion__item {
  margin-bottom: 20px;
}
main h3.faq-accordion__heading {
  background: #bfcbcd url('/application/themes/kyle/images/Hero-0.webp') 400px center no-repeat;
  background-size: cover;
  color: #003036;
  border-radius: 5px;
  border: 1px solid #007c82;
  border-left: 10px solid #007c82;
  font-weight: 700;
  text-transform: none;
  padding: 10px 30px;
}
main .faq-accordion__item:nth-child(2) h3.faq-accordion__heading {
  background: #f1e6c9 url('/application/themes/kyle/images/Hero-0.webp') 300px center no-repeat;
  background-size: cover;
  color: #c79a27;
  border: 1px solid #c79a27;
  border-left: 10px solid #c79a27;
}
main .faq-accordion__item:nth-child(3) h3.faq-accordion__heading {
  background: #c6d2cc url('/application/themes/kyle/images/Hero-0.webp') 200px center no-repeat;
  background-size: cover;
  color: #1c4933;
  border: 1px solid #1c4933;
  border-left: 10px solid #1c4933;
}
main .faq-accordion__item:nth-child(4) h3.faq-accordion__heading {
  background: #d5cad3 url('/application/themes/kyle/images/Hero-0.webp') 100px center no-repeat;
  background-size: cover;
  color: #572a50;
  border: 1px solid #572a50;
  border-left: 10px solid #572a50;
}
main .faq-accordion__item:nth-child(5) h3.faq-accordion__heading {
  background: #bfdee0 url('/application/themes/kyle/images/Hero-0.webp') 0px center no-repeat;
  background-size: cover;
  color: #007c82;
  border: 1px solid #007c82;
  border-left: 10px solid #007c82;
}
main .faq-accordion__answer {
  padding: 20px;
}
.video {
  position: relative;
  height: 39vw;
  overflow: hidden;
}
.video video {
  width: 100%;
  height: auto;
}
.video img {
  position: absolute;
  top: 30%;
  left: 35%;
  width: 30vw;
  padding: calc(20px / 2);
  background: #fff;
}
footer {
  border-top: 20px solid #c79a27;
  padding-top: 40px;
  background: #1a1a15;
  color: #fff;
  font-size: 1rem;
}
footer p {
  color: #fff;
  font-size: 1rem;
}
footer h3 {
  color: #e6e6e1;
}
footer h3 strong {
  color: #fff;
}
footer .col-md-6,
footer .col-md-5 {
  margin-top: 40px;
}
footer .ccm-block-social-links {
  margin-top: 20px;
  font-size: 3rem;
  color: #fff;
}
footer .ccm-block-social-links svg {
  width: 2.5rem;
  max-width: 2.5rem;
  max-height: 2.5rem;
  height: 2.5rem;
  margin-top: -0.5rem;
}
footer .ccm-block-social-links a {
  color: #fff;
}
footer #Credit {
  position: relative;
  margin-top: 50px;
  overflow: hidden;
  float: right;
  padding: 25px;
}
footer #Credit a {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  border: 0px;
  opacity: 0.6;
  vertical-align: bottom;
}
footer #Credit a:hover {
  text-decoration: none;
  border: 0px;
  opacity: 0.8;
}
footer #Credit a img {
  display: block;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.75));
  height: 30px !important;
  padding: 0px;
}
footer #Credit #Studio2 img {
  height: 40px !important;
}
footer #Credit #Admin img {
  position: relative;
  height: 60px !important;
  top: 30px;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
}
footer #Credit #Admin img:hover {
  top: 0px;
  clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}
footer .clear {
  clear: both;
}

