div.ccm-page h1, div.ccm-page h2, div.ccm-page h3, div.ccm-page h4, div.ccm-page h5, div.ccm-page h6 {
  font-family: ProximaNova-Regular;
  font-weight: 300; }
div.ccm-page p {
  font-size: 18px;
  line-height: 24px;
  color: #686666; }
  div.ccm-page p.mousetype {
    font-size: 14px;
    line-height: 18px;
    color: #999; }
div.ccm-page img {
  max-width: 100%;
  height: auto; }
div.ccm-page div.clearfix:after {
  content: "";
  display: table;
  clear: both; }
div.ccm-page img.ccm-image-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }
div.ccm-page ul {
  text-align: justify; }
div.ccm-page div.googlemap {
  display: block;
  padding-bottom: 30px; }
  @media all and (min-width: 480px) and (max-width: 768px) {
    div.ccm-page div.googlemap {
      padding-bottom: 75px;
      text-align: justify; } }
  @media all and (min-width: 769px) {
    div.ccm-page div.googlemap {
      padding-bottom: 100px;
      text-align: justify; } }
div.ccm-page section.page-intro {
  text-align: center;
  margin-top: 100px; }
  @media all and (min-width: 0px) and (max-width: 480px) {
    div.ccm-page section.page-intro .page-intro-large {
      height: 480px; } }
  @media all and (min-width: 481px) {
    div.ccm-page section.page-intro .page-intro-large {
      height: 780px; } }
  div.ccm-page section.page-intro .page-intro-small {
    height: 420px; }
    @media all and (max-width: 480px) {
      div.ccm-page section.page-intro .page-intro-small {
        height: 320px; } }
    div.ccm-page section.page-intro .page-intro-small h1, div.ccm-page section.page-intro .page-intro-small h2, div.ccm-page section.page-intro .page-intro-small h3, div.ccm-page section.page-intro .page-intro-small h4, div.ccm-page section.page-intro .page-intro-small h5, div.ccm-page section.page-intro .page-intro-small h6 {
      padding-top: 280px;
      font-size: 48px; }
      @media all and (max-width: 480px) {
        div.ccm-page section.page-intro .page-intro-small h1, div.ccm-page section.page-intro .page-intro-small h2, div.ccm-page section.page-intro .page-intro-small h3, div.ccm-page section.page-intro .page-intro-small h4, div.ccm-page section.page-intro .page-intro-small h5, div.ccm-page section.page-intro .page-intro-small h6 {
          padding-top: 140px;
          font-size: 38px; } }
  div.ccm-page section.page-intro h1, div.ccm-page section.page-intro h2, div.ccm-page section.page-intro h3, div.ccm-page section.page-intro h4, div.ccm-page section.page-intro h5, div.ccm-page section.page-intro h6 {
    color: #ffffff;
    font-size: 36px;
    padding: 1.65em 0px;
    margin-top: 0px;
    margin-bottom: 0px; }
div.ccm-page div.main-padding {
  padding-top: 50px; }
div.ccm-page section.main {
  padding: 30px 0px 0px 0px;
  text-align: justify; }
  @media all and (min-width: 480px) and (max-width: 768px) {
    div.ccm-page section.main {
      padding: 75px 0px 0px 0px;
      text-align: justify; } }
  @media all and (min-width: 769px) {
    div.ccm-page section.main {
      padding: 100px 0px 0px 0px;
      text-align: justify; } }
  div.ccm-page section.main div.add-space-bottom {
    padding-bottom: 30px; }
    @media all and (min-width: 480px) and (max-width: 768px) {
      div.ccm-page section.main div.add-space-bottom {
        padding-bottom: 75px;
        text-align: justify; } }
    @media all and (min-width: 769px) {
      div.ccm-page section.main div.add-space-bottom {
        padding-bottom: 100px;
        text-align: justify; } }
  div.ccm-page section.main h1, div.ccm-page section.main h2, div.ccm-page section.main h3 {
    margin-top: 0px;
    font-size: 36px;
    text-align: center; }
  div.ccm-page section.main h4, div.ccm-page section.main h5, div.ccm-page section.main h6 {
    margin-top: 0px;
    font-size: 24px;
    text-align: center; }
  div.ccm-page section.main.blog-entry {
    text-align: justify;
    padding-top: 100px;
    padding-bottom: 0px; }
    @media all and (max-width: 767px) {
      div.ccm-page section.main.blog-entry .col-tp-60, div.ccm-page section.main.blog-entry .col-tp-30 {
        padding-left: 0px;
        padding-right: 0px; } }
    div.ccm-page section.main.blog-entry div.ccm-block-next-previous-wrapper {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #ededed;
      margin-bottom: 35px;
      padding-bottom: 35px;
      border-bottom: 1px solid #ededed;
      display: block; }
      div.ccm-page section.main.blog-entry div.ccm-block-next-previous-wrapper p.ccm-block-next-previous-previous-link {
        text-decoration: uppercase;
        float: left; }
      div.ccm-page section.main.blog-entry div.ccm-block-next-previous-wrapper p.ccm-block-next-previous-next-link {
        text-decoration: uppercase;
        float: right; }
    div.ccm-page section.main.blog-entry .sidebar h1, div.ccm-page section.main.blog-entry .sidebar h2, div.ccm-page section.main.blog-entry .sidebar h3, div.ccm-page section.main.blog-entry .sidebar h4, div.ccm-page section.main.blog-entry .sidebar h5, div.ccm-page section.main.blog-entry .sidebar h6 {
      font-size: 24px; }
    div.ccm-page section.main.blog-entry .sidebar div.ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates {
      list-style: none;
      padding-left: 0px;
      margin-left: 0px; }
      div.ccm-page section.main.blog-entry .sidebar div.ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates a, div.ccm-page section.main.blog-entry .sidebar div.ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates a:visited {
        color: #526c83;
        font-size: 18px; }
    div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper {
      font-size: .85em;
      text-align: left; }
      div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper h1, div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper h2, div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper h3, div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper h4, div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper h5, div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper h6 {
        text-align: left; }
      div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper a, div.ccm-page section.main.blog-entry .sidebar div.ccm-block-page-list-wrapper a:visited {
        color: #526c83;
        font-family: ProximaNova-Regular; }
div.ccm-page section.main.blank-page {
  padding: 100px 0px 0px 0px;
  text-align: justify; }
  div.ccm-page section.main.blank-page h1, div.ccm-page section.main.blank-page h2, div.ccm-page section.main.blank-page h3 {
    margin-top: 0px;
    font-size: 36px;
    text-align: center; }
  div.ccm-page section.main.blank-page h4, div.ccm-page section.main.blank-page h5, div.ccm-page section.main.blank-page h6 {
    margin-top: 0px;
    font-size: 24px;
    text-align: center; }
div.ccm-page section.ancillary {
  padding: 30px 0px;
  text-align: justify;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
  @media all and (min-width: 480px) and (max-width: 768px) {
    div.ccm-page section.ancillary {
      padding: 75px 0px;
      text-align: justify; } }
  @media all and (min-width: 769px) {
    div.ccm-page section.ancillary {
      padding: 100px 0px;
      text-align: justify; } }
  div.ccm-page section.ancillary h1, div.ccm-page section.ancillary h2, div.ccm-page section.ancillary h3, div.ccm-page section.ancillary h4, div.ccm-page section.ancillary h5, div.ccm-page section.ancillary h6 {
    margin-top: 0px;
    font-size: 36px;
    text-align: center; }
div.ccm-page section.page-next-prev {
  background-color: #be9b79;
  text-align: center;
  color: #ffffff;
  padding: 2.875em 0px; }
  @media all and (max-width: 480px) {
    div.ccm-page section.page-next-prev {
      padding: 1.875em 0px; } }
  div.ccm-page section.page-next-prev p {
    font-size: 36px;
    line-height: 42px;
    color: white;
    margin-bottom: .5em; }
    div.ccm-page section.page-next-prev p a, div.ccm-page section.page-next-prev p a:visited {
      font-size: 21px;
      border: 1px solid #ffffff;
      background-color: #be9b79;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      text-decoration: none;
      font-family: ProximaNova-Regular;
      color: #ffffff !important;
      text-transform: uppercase;
      padding: 1em 2em;
      -webkit-transition: all, 0.2s, ease;
      -moz-transition: all, 0.2s, ease;
      -ms-transition: all, 0.2s, ease;
      -o-transition: all, 0.2s, ease;
      transition: all, 0.2s, ease; }
      div.ccm-page section.page-next-prev p a:active, div.ccm-page section.page-next-prev p a:visited:active {
        background-color: #be9b79 !important; }
      div.ccm-page section.page-next-prev p a:hover, div.ccm-page section.page-next-prev p a:focus, div.ccm-page section.page-next-prev p a:visited:hover, div.ccm-page section.page-next-prev p a:visited:focus {
        color: #be9b79 !important;
        background-color: #ffffff !important;
        text-decoration: none; }
      @media all and (max-width: 767px) {
        div.ccm-page section.page-next-prev p a, div.ccm-page section.page-next-prev p a:visited {
          font-size: 16px;
          padding: 1em 1em; } }

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both; }

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(82, 108, 131, 0.9) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; }

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5; }

.no-touch .cd-top:hover {
  background-color: #3d5162;
  opacity: 1; }

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px; } }
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px; } }
div.ccm-page div.request-service form label {
  display: block;
  padding: 1em 0px .5em 0px; }
  div.ccm-page div.request-service form label .text-muted {
    opacity: .50; }
div.ccm-page div.request-service form div.form-group.field {
  float: left;
  width: 50%;
  padding-right: 40px; }
  @media all and (max-width: 768px) {
    div.ccm-page div.request-service form div.form-group.field {
      float: none;
      width: 100%;
      padding-right: 0px; } }
  div.ccm-page div.request-service form div.form-group.field:nth-of-type(2n) {
    padding-right: 0px; }
  div.ccm-page div.request-service form div.form-group.field:nth-of-type(7) {
    display: block;
    width: 100%;
    padding-right: 0px; }
div.ccm-page div.request-service form div.form-group.field.field-textarea {
  display: block;
  width: 100%;
  float: none;
  clear: both; }
div.ccm-page div.request-service-inspection form label {
  display: block;
  padding: 1em 0px .5em 0px; }
  div.ccm-page div.request-service-inspection form label .text-muted {
    opacity: .50; }
div.ccm-page div.request-service-inspection form div.form-group.field {
  float: left;
  width: 50%;
  padding-right: 40px; }
  @media all and (max-width: 768px) {
    div.ccm-page div.request-service-inspection form div.form-group.field {
      float: none;
      width: 100%;
      padding-right: 0px; } }
  div.ccm-page div.request-service-inspection form div.form-group.field:nth-of-type(11) {
    display: block;
    width: 100%;
    padding-right: 0px; }
div.ccm-page div.request-service-inspection form div.form-group.field.field-textarea {
  display: block;
  width: 100%;
  float: none;
  clear: both; }
div.ccm-page div.customer-profile-update form label {
  display: block;
  padding: 1em 0px .5em 0px; }
  div.ccm-page div.customer-profile-update form label .text-muted {
    opacity: .50; }
div.ccm-page div.customer-profile-update form div.form-group.field {
  float: left;
  width: 50%;
  padding-right: 40px; }
  @media all and (max-width: 768px) {
    div.ccm-page div.customer-profile-update form div.form-group.field {
      float: none;
      width: 100%;
      padding-right: 0px; } }
  div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(2n) {
    padding-right: 0px; }
  div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(3), div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(14), div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(15), div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(16) {
    display: block;
    width: 100%;
    padding-right: 0px; }
  div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(6) {
    padding-right: 40px; }
    @media all and (max-width: 768px) {
      div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(6) {
        padding-right: 0px; } }
  div.ccm-page div.customer-profile-update form div.form-group.field:nth-of-type(7) {
    padding-right: 0px; }
div.ccm-page div.customer-profile-update form div.form-group.field.field-textarea {
  display: block;
  width: 100%;
  float: none;
  clear: both;
  padding-right: 0px; }
div.ccm-page div.customer-profile-update form div.checkbox {
  float: left;
  padding-right: 40px; }
  @media all and (max-width: 768px) {
    div.ccm-page div.customer-profile-update form div.checkbox {
      float: none;
      padding-right: 0px; } }
  div.ccm-page div.customer-profile-update form div.checkbox label {
    padding: 0px 0px 0px 0px; }
div.ccm-page div.careers-at-betz-pools form label {
  display: block;
  padding: 1em 0px .5em 0px; }
  div.ccm-page div.careers-at-betz-pools form label .text-muted {
    opacity: .50; }
div.ccm-page div.careers-at-betz-pools form div.form-group.field.field-textarea {
  display: block;
  width: 100%;
  float: none;
  clear: both;
  padding-right: 0px; }
div.ccm-page div.careers-at-betz-pools form div.checkbox label {
  padding: 0px 0px 0px 0px;
  float: left;
  padding-right: 40px; }
  @media all and (max-width: 768px) {
    div.ccm-page div.careers-at-betz-pools form div.checkbox label {
      float: none;
      padding-right: 0px; } }
div.ccm-page div.contact-betz-pools form label {
  display: block;
  padding: 1em 0px .5em 0px; }
  div.ccm-page div.contact-betz-pools form label .text-muted {
    opacity: .50; }
div.ccm-page div.contact-betz-pools form div.form-group.field {
  float: left;
  width: 50%;
  padding-right: 40px; }
  @media all and (max-width: 768px) {
    div.ccm-page div.contact-betz-pools form div.form-group.field {
      float: none;
      width: 100%;
      padding-right: 0px; } }
  div.ccm-page div.contact-betz-pools form div.form-group.field:nth-of-type(2n) {
    padding-right: 0px; }
div.ccm-page div.contact-betz-pools form div.form-group.field.field-textarea {
  display: block;
  width: 100%;
  float: none;
  clear: both;
  padding-right: 0px; }
div.ccm-page div.get-a-quote {
  padding: 0px 2em; }
  div.ccm-page div.get-a-quote form label {
    display: block;
    padding: 1em 0px .5em 0px; }
    div.ccm-page div.get-a-quote form label .text-muted {
      opacity: .50; }
  div.ccm-page div.get-a-quote form div.form-group.field.field-checkboxlist {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    padding-right: 0px;
    padding-top: 1em; }
    div.ccm-page div.get-a-quote form div.form-group.field.field-checkboxlist label.control-label {
      display: none; }
    div.ccm-page div.get-a-quote form div.form-group.field.field-checkboxlist div.checkbox label {
      padding: 0px 0px 0px 0px; }
  div.ccm-page div.get-a-quote form div.form-group.field.field-textarea {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    padding-right: 0px; }
    div.ccm-page div.get-a-quote form div.form-group.field.field-textarea label.control-label:after {
      content: 'Optional';
      padding-left: .2em;
      opacity: .50; }
div.ccm-page div.design-to-go-form form fieldset {
  border: none;
  margin: 0px;
  padding: 0px; }
div.ccm-page div.design-to-go-form form label {
  display: inline-block;
  padding: 1em 0px .5em 0px; }
div.ccm-page div.design-to-go-form form .text-muted {
  opacity: .50; }
div.ccm-page div.design-to-go-form form div.form-group.field {
  float: left;
  width: 50%;
  padding-right: 40px; }
  @media all and (max-width: 768px) {
    div.ccm-page div.design-to-go-form form div.form-group.field {
      float: none;
      width: 100%;
      padding-right: 0px; } }
  div.ccm-page div.design-to-go-form form div.form-group.field:nth-of-type(2n) {
    padding-right: 0px; }
div.ccm-page div.design-to-go-form form div.form-group.field.field-textarea {
  display: block;
  width: 100%;
  float: none;
  clear: both;
  padding-right: 0px; }

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
div.ccm-page div#header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: #fafafa;
  opacity: 0.95;
  filter: alpha(opacity=95);
  -moz-box-shadow: 0 0 15px #dcdcdc;
  -webkit-box-shadow: 0 0 15px #dcdcdc;
  box-shadow: 0 0 15px #dcdcdc;
  -webkit-transition: height 0.7s;
  -moz-transition: height 0.7s;
  -ms-transition: height 0.7s;
  -o-transition: height 0.7s;
  transition: height 0.7s; }
  div.ccm-page div#header div.branding {
    padding-top: 10px; }
    div.ccm-page div#header div.branding p {
      width: 88px;
      height: 79px;
      background: url("../img/betz-logo.svg");
      background-size: cover;
      text-indent: -9999px;
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -ms-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s; }
      div.ccm-page div#header div.branding p:hover {
        cursor: hand; }
  div.ccm-page div#header.resized {
    height: 50px;
    -webkit-transition: height 0.7s;
    -moz-transition: height 0.7s;
    -ms-transition: height 0.7s;
    -o-transition: height 0.7s;
    transition: height 0.7s; }
    div.ccm-page div#header.resized div.branding {
      padding-top: 5px; }
      div.ccm-page div#header.resized div.branding p {
        width: 45px;
        height: 40px;
        background: url("../img/betz-logo.svg");
        background-size: cover; }

div.ccm-page section.hero .idx-random-img {
  height: 540px;
  background-color: #ededed;
  background-position: center center;
  background-size: cover; }
  @media all and (min-width: 480px) {
    div.ccm-page section.hero .idx-random-img {
      height: 750px; } }
div.ccm-page section.hero .idx-tagline {
  background-color: #526c83;
  padding: 21px 0px;
  text-align: center; }
  @media all and (min-width: 480px) {
    div.ccm-page section.hero .idx-tagline {
      padding: 32px 0px; } }
  div.ccm-page section.hero .idx-tagline h1, div.ccm-page section.hero .idx-tagline h2, div.ccm-page section.hero .idx-tagline h3, div.ccm-page section.hero .idx-tagline h4, div.ccm-page section.hero .idx-tagline h5, div.ccm-page section.hero .idx-tagline h6, div.ccm-page section.hero .idx-tagline p {
    font-size: 21px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px; }
    @media all and (min-width: 480px) {
      div.ccm-page section.hero .idx-tagline h1, div.ccm-page section.hero .idx-tagline h2, div.ccm-page section.hero .idx-tagline h3, div.ccm-page section.hero .idx-tagline h4, div.ccm-page section.hero .idx-tagline h5, div.ccm-page section.hero .idx-tagline h6, div.ccm-page section.hero .idx-tagline p {
        font-size: 26px; } }
  div.ccm-page section.hero .idx-tagline .light-accent {
    color: #bfdffb;
    padding-left: .5em; }
    @media all and (max-width: 769px) {
      div.ccm-page section.hero .idx-tagline .light-accent {
        display: block; } }
div.ccm-page section.idx-tile-1,
div.ccm-page section.idx-tile-3 {
  padding: 30px 0px; }
  @media all and (min-width: 480px) and (max-width: 768px) {
    div.ccm-page section.idx-tile-1,
    div.ccm-page section.idx-tile-3 {
      padding: 75px 0px; } }
  @media all and (min-width: 769px) {
    div.ccm-page section.idx-tile-1,
    div.ccm-page section.idx-tile-3 {
      padding: 100px 0px; } }
  div.ccm-page section.idx-tile-1 .kicker,
  div.ccm-page section.idx-tile-3 .kicker {
    text-transform: uppercase;
    color: #be9b79;
    font-size: 18px;
    margin-bottom: 0px; }
  div.ccm-page section.idx-tile-1 h1, div.ccm-page section.idx-tile-1 h2, div.ccm-page section.idx-tile-1 h3, div.ccm-page section.idx-tile-1 h4, div.ccm-page section.idx-tile-1 h5, div.ccm-page section.idx-tile-1 h6,
  div.ccm-page section.idx-tile-3 h1,
  div.ccm-page section.idx-tile-3 h2,
  div.ccm-page section.idx-tile-3 h3,
  div.ccm-page section.idx-tile-3 h4,
  div.ccm-page section.idx-tile-3 h5,
  div.ccm-page section.idx-tile-3 h6 {
    margin-top: 0px;
    color: #34495e;
    font-size: 36px; }
  @media all and (max-width: 767px) {
    div.ccm-page section.idx-tile-1 img,
    div.ccm-page section.idx-tile-3 img {
      display: block;
      margin-bottom: 1.5em; } }
div.ccm-page section.idx-tile-2 {
  position: relative; }
  div.ccm-page section.idx-tile-2 div.idx-tile-2-title {
    position: absolute;
    width: 100%;
    z-index: 99;
    background-image: url("../img/idx-tile-2-bg.png");
    padding: 1em 0px;
    text-align: center; }
    @media all and (max-width: 767px) {
      div.ccm-page section.idx-tile-2 div.idx-tile-2-title {
        position: relative;
        z-index: 0;
        background-image: none;
        background-color: #000000; } }
    div.ccm-page section.idx-tile-2 div.idx-tile-2-title p {
      color: #ffffff;
      text-transform: uppercase;
      margin-top: 0px;
      margin-bottom: 0px; }
  div.ccm-page section.idx-tile-2 ul.rslides li {
    margin-bottom: 0px; }
  div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
    position: relative;
    width: auto !important;
    text-align: right;
    top: -90px !important;
    margin-bottom: -90px; }
    @media all and (min-width: 200px) and (max-width: 767px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 20px;
        top: -50px !important;
        margin-bottom: -50px; } }
    @media all and (min-width: 768px) and (max-width: 900px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 8%; } }
    @media all and (min-width: 901px) and (max-width: 1100px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 12%; } }
    @media all and (min-width: 1101px) and (max-width: 1300px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 16%; } }
    @media all and (min-width: 1301px) and (max-width: 1600px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 20%; } }
    @media all and (min-width: 1601px) and (max-width: 1800px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 22.5%; } }
    @media all and (min-width: 1801px) and (max-width: 2000px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 25%; } }
    @media all and (min-width: 2001px) and (max-width: 2300px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 30%; } }
    @media all and (min-width: 2301px) {
      div.ccm-page section.idx-tile-2 .ccm-image-slider-text {
        padding-right: 32.5%; } }
    div.ccm-page section.idx-tile-2 .ccm-image-slider-text h2 {
      color: #ffffff;
      font-size: 42px;
      -moz-text-shadow: 0 0 10px #888;
      -webkit-text-shadow: 0 0 10px #888;
      text-shadow: 0 0 10px #888;
      margin-top: 0px;
      margin-bottom: 0px; }
      @media all and (min-width: 200px) and (max-width: 767px) {
        div.ccm-page section.idx-tile-2 .ccm-image-slider-text h2 {
          font-size: 28px; } }
div.ccm-page section.idx-tile-4 {
  background-color: #be9b79;
  height: 500px;
  text-align: center; }
  div.ccm-page section.idx-tile-4 p {
    color: #ffffff;
    font-size: 21px;
    line-height: 24px; }
    @media all and (min-width: 480px) and (max-width: 767px) {
      div.ccm-page section.idx-tile-4 p {
        font-size: 24px;
        line-height: 32px; } }
    @media all and (min-width: 768px) {
      div.ccm-page section.idx-tile-4 p {
        font-size: 32px;
        line-height: 38px; } }
div.ccm-page section.page-parallax-img {
  text-align: center; }
  div.ccm-page section.page-parallax-img div.homepage-contact {
    background: url("../img/index-connect-with-us.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 200px 0px; }
  div.ccm-page section.page-parallax-img h1, div.ccm-page section.page-parallax-img h2, div.ccm-page section.page-parallax-img h3, div.ccm-page section.page-parallax-img h4, div.ccm-page section.page-parallax-img h5, div.ccm-page section.page-parallax-img h6 {
    margin-top: 0px;
    font-size: 42px;
    color: #ffffff;
    -moz-text-shadow: 0 0 15px #888;
    -webkit-text-shadow: 0 0 15px #888;
    text-shadow: 0 0 15px #888; }
  div.ccm-page section.page-parallax-img a.button.button-outlined-white {
    font-size: 21px; }

div.ccm-page footer {
  padding: 70px 0px; }
  div.ccm-page footer a.req-pricing-btn {
    display: block;
    color: #ffffff;
    background-color: #fc0d1c;
    padding: .75em .5em;
    margin-bottom: 2em;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all, 0.2s, ease;
    -moz-transition: all, 0.2s, ease;
    -ms-transition: all, 0.2s, ease;
    -o-transition: all, 0.2s, ease;
    transition: all, 0.2s, ease; }
    @media all and (min-width: 767px) {
      div.ccm-page footer a.req-pricing-btn {
        font-size: 14px;
        position: relative;
        top: .15em;
        margin-bottom: 0px; } }
    @media all and (min-width: 1023px) {
      div.ccm-page footer a.req-pricing-btn {
        padding: .75em 1.5em;
        font-size: 16px; } }
    div.ccm-page footer a.req-pricing-btn:hover, div.ccm-page footer a.req-pricing-btn:focus {
      color: #ffffff;
      text-decoration: none;
      background-color: #d30310; }
  div.ccm-page footer ul.social-media {
    list-style: none;
    font-size: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px; }
    @media all and (max-width: 767px) {
      div.ccm-page footer ul.social-media {
        font-size: 30px; } }
    @media all and (min-width: 1023px) {
      div.ccm-page footer ul.social-media {
        left: 0px;
        margin-left: 40px !important; } }
    div.ccm-page footer ul.social-media li {
      float: left;
      margin-top: 0px;
      margin-bottom: 0px;
      width: 16.666%;
      /* a span.icon-twitter, a:visited span.icon-twitter {
      	color: #19bfe5;
      	@include transition(all, .2s, ease);
      	
      	&:hover, &:focus {
      		color: darken(#19bfe5, 10%);
      	}
      } */ }
      @media all and (max-width: 767px) {
        div.ccm-page footer ul.social-media li {
          display: inline;
          text-align: center;
          padding-right: 0px; } }
      div.ccm-page footer ul.social-media li:last-child {
        padding-right: 0px; }
      div.ccm-page footer ul.social-media li a, div.ccm-page footer ul.social-media li a:visited {
        text-decoration: none; }
        div.ccm-page footer ul.social-media li a:hover, div.ccm-page footer ul.social-media li a:focus, div.ccm-page footer ul.social-media li a:visited:hover, div.ccm-page footer ul.social-media li a:visited:focus {
          text-decoration: none; }
      div.ccm-page footer ul.social-media li a span.icon-facebook, div.ccm-page footer ul.social-media li a:visited span.icon-facebook {
        color: #3b5998;
        -webkit-transition: all, 0.2s, ease;
        -moz-transition: all, 0.2s, ease;
        -ms-transition: all, 0.2s, ease;
        -o-transition: all, 0.2s, ease;
        transition: all, 0.2s, ease; }
        div.ccm-page footer ul.social-media li a span.icon-facebook:hover, div.ccm-page footer ul.social-media li a span.icon-facebook:focus, div.ccm-page footer ul.social-media li a:visited span.icon-facebook:hover, div.ccm-page footer ul.social-media li a:visited span.icon-facebook:focus {
          color: #2d4373; }
      div.ccm-page footer ul.social-media li a span.icon-houzz, div.ccm-page footer ul.social-media li a:visited span.icon-houzz {
        color: #7ac143;
        -webkit-transition: all, 0.2s, ease;
        -moz-transition: all, 0.2s, ease;
        -ms-transition: all, 0.2s, ease;
        -o-transition: all, 0.2s, ease;
        transition: all, 0.2s, ease; }
        div.ccm-page footer ul.social-media li a span.icon-houzz:hover, div.ccm-page footer ul.social-media li a span.icon-houzz:focus, div.ccm-page footer ul.social-media li a:visited span.icon-houzz:hover, div.ccm-page footer ul.social-media li a:visited span.icon-houzz:focus {
          color: #629d34; }
      div.ccm-page footer ul.social-media li a span.icon-instagram, div.ccm-page footer ul.social-media li a:visited span.icon-instagram {
        color: #c22a78;
        -webkit-transition: all, 0.2s, ease;
        -moz-transition: all, 0.2s, ease;
        -ms-transition: all, 0.2s, ease;
        -o-transition: all, 0.2s, ease;
        transition: all, 0.2s, ease; }
        div.ccm-page footer ul.social-media li a span.icon-instagram:hover, div.ccm-page footer ul.social-media li a span.icon-instagram:focus, div.ccm-page footer ul.social-media li a:visited span.icon-instagram:hover, div.ccm-page footer ul.social-media li a:visited span.icon-instagram:focus {
          color: #98215e; }
      div.ccm-page footer ul.social-media li a span.icon-pinterest, div.ccm-page footer ul.social-media li a:visited span.icon-pinterest {
        color: #cb1f26;
        -webkit-transition: all, 0.2s, ease;
        -moz-transition: all, 0.2s, ease;
        -ms-transition: all, 0.2s, ease;
        -o-transition: all, 0.2s, ease;
        transition: all, 0.2s, ease; }
        div.ccm-page footer ul.social-media li a span.icon-pinterest:hover, div.ccm-page footer ul.social-media li a span.icon-pinterest:focus, div.ccm-page footer ul.social-media li a:visited span.icon-pinterest:hover, div.ccm-page footer ul.social-media li a:visited span.icon-pinterest:focus {
          color: #9f181e; }
      div.ccm-page footer ul.social-media li a span.icon-homestars, div.ccm-page footer ul.social-media li a:visited span.icon-homestars {
        color: #2EA8E0;
        font-size: 70px;
        position: relative;
        top: -9px;
        -webkit-transition: all, 0.2s, ease;
        -moz-transition: all, 0.2s, ease;
        -ms-transition: all, 0.2s, ease;
        -o-transition: all, 0.2s, ease;
        transition: all, 0.2s, ease; }
        div.ccm-page footer ul.social-media li a span.icon-homestars:hover, div.ccm-page footer ul.social-media li a span.icon-homestars:focus, div.ccm-page footer ul.social-media li a:visited span.icon-homestars:hover, div.ccm-page footer ul.social-media li a:visited span.icon-homestars:focus {
          color: #1c8cbf; }
      div.ccm-page footer ul.social-media li a span.icon-youtube, div.ccm-page footer ul.social-media li a:visited span.icon-youtube {
        color: #ff0000;
        -webkit-transition: all, 0.2s, ease;
        -moz-transition: all, 0.2s, ease;
        -ms-transition: all, 0.2s, ease;
        -o-transition: all, 0.2s, ease;
        transition: all, 0.2s, ease; }
        div.ccm-page footer ul.social-media li a span.icon-youtube:hover, div.ccm-page footer ul.social-media li a span.icon-youtube:focus, div.ccm-page footer ul.social-media li a:visited span.icon-youtube:hover, div.ccm-page footer ul.social-media li a:visited span.icon-youtube:focus {
          color: #cc0000; }
  @media all and (max-width: 767px) {
    div.ccm-page footer p, div.ccm-page footer p.float-right {
      float: none;
      text-align: center; } }
  @media all and (max-width: 767px) {
    div.ccm-page footer p img, div.ccm-page footer p.float-right img {
      margin-top: 1em; } }

div.ccm-page .vertical-space {
  display: block;
  padding: 90px 0px; }
  @media all and (max-width: 767px) {
    div.ccm-page .vertical-space {
      padding: 30px 0px; } }
div.ccm-page .vertical-space-top-only {
  display: block;
  padding: 90px 0px 0px 0px; }
  @media all and (max-width: 767px) {
    div.ccm-page .vertical-space-top-only {
      padding: 30px 0px 0px 0px; } }
div.ccm-page .vertical-space-bottom-only {
  display: block;
  padding: 0px 0px 90px 0px; }
  @media all and (max-width: 767px) {
    div.ccm-page .vertical-space-bottom-only {
      padding: 0px 0px 30px 0px; } }
div.ccm-page .copy-pad {
  margin: 0px 100px 0px 100px; }
  @media all and (max-width: 767px) {
    div.ccm-page .copy-pad {
      margin: 0px 1.5em 0px 1.5em; } }
div.ccm-page div.left-aligned-bullets ul {
  display: block;
  text-align: left;
  padding-bottom: 2em;
  padding-left: 0px; }
div.ccm-page div.left-aligned-bullets h3 {
  color: #be9b79;
  font-size: 1em;
  text-align: left;
  text-transform: uppercase; }
div.ccm-page .vertical-space-sm {
  margin-top: 2em;
  margin-bottom: 2em; }
div.ccm-page .vertical-space-sm-top-only {
  margin-top: 2em; }
div.ccm-page .vertical-space-sm-bottom-only {
  margin-bottom: 2em; }
div.ccm-page div.full-width-image img {
  display: block;
  line-height: 0px;
  width: 100%;
  height: 100%; }

.button.button-outlined,
.button.button-outlined:visited {
  border-color: #be9b79 !important;
  color: #be9b79 !important;
  background-color: #fdf8f3 !important;
  font-size: 16px;
  text-transform: uppercase;
  padding: 1em 2em !important;
  -webkit-transition: all, 0.2s, ease;
  -moz-transition: all, 0.2s, ease;
  -ms-transition: all, 0.2s, ease;
  -o-transition: all, 0.2s, ease;
  transition: all, 0.2s, ease; }

.button.button-outlined:active {
  background-color: #be9b79 !important; }

a.button-outlined, a.button-outlined:visited {
  color: #be9b79; }
  a.button-outlined:hover, a.button-outlined:focus, a.button-outlined:visited:hover, a.button-outlined:visited:focus {
    color: #ffffff !important;
    background-color: #be9b79 !important; }

.button.button-outlined-white,
.button.button-outlined-white:visited {
  border-color: #ffffff !important;
  color: #ffffff !important;
  text-transform: uppercase;
  padding: 1em 2em !important;
  -webkit-transition: all, 0.2s, ease;
  -moz-transition: all, 0.2s, ease;
  -ms-transition: all, 0.2s, ease;
  -o-transition: all, 0.2s, ease;
  transition: all, 0.2s, ease; }

.button.button-outlined-white:active {
  background-color: #be9b79 !important; }

a.button-outlined-white, a.button-outlined-white:visited {
  color: #ffffff; }
  a.button-outlined-white:hover, a.button-outlined-white:focus, a.button-outlined-white:visited:hover, a.button-outlined-white:visited:focus {
    color: #ffffff !important;
    background-color: #be9b79 !important; }

.button.button-outlined-heavy,
.button.button-outlined-heavy:visited {
  border-color: #be9b79 !important;
  background-color: #fdf8f3 !important;
  color: #000000 !important;
  text-transform: uppercase;
  font-size: 18px;
  padding: .75em 2em !important;
  -webkit-transition: all, 0.2s, ease;
  -moz-transition: all, 0.2s, ease;
  -ms-transition: all, 0.2s, ease;
  -o-transition: all, 0.2s, ease;
  transition: all, 0.2s, ease; }

.button.button-outlined-heavy:active {
  background-color: #be9b79 !important; }

a.button-outlined-heavy, a.button-outlined-heavy:visited {
  color: #000000;
  font-family: ProximaNova-Bold;
  font-weight: 700 !important; }
  a.button-outlined-heavy:hover, a.button-outlined-heavy:focus, a.button-outlined-heavy:visited:hover, a.button-outlined-heavy:visited:focus {
    color: #ffffff !important;
    background-color: #be9b79 !important; }

.page-template-homepage .video-container video {
  max-width: 100%;
  margin-bottom:  -1px;
}

.req-consultation {
  z-index: 9;
}

@media all and (max-width: 767px) {
  .video-container {
      margin-top: 125px;
  }
}
/*# sourceMappingURL=main.css.map */