/* @include transition(all,2s,ease-out); */
.ccm-page {
  /*! HTML5 Boilerplate v7.0.1 | MIT License | https://html5boilerplate.com/ */
  /* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
  /*
   * 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
     ========================================================================== */
  /*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * Vendor-prefixed and regular ::selection selectors cannot be combined:
   * https://stackoverflow.com/a/16982510/7133471
   *
   * Customize the background color to match your design.
   */
  /*
   * A better looking default horizontal rule
   */
  /*
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */
  /*
   * Remove default fieldset styles.
   */
  /*
   * Allow only vertical resizing of textareas.
   */
  /* ==========================================================================
     Browser Upgrade Prompt
     ========================================================================== */
  /* ==========================================================================
    Author's custom styles
    ========================================================================== */
  /* ==========================================================================
    Helper classes
    ========================================================================== */
  /*
   * Hide visually and from screen readers
   */
  /*
  * Hide only visually, but have it available for screen readers:
  * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
  *
  * 1. For long content, line feeds are not interpreted as spaces and small width
  *    causes content to wrap 1 word per line:
  *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
  */
  /*
  * Extends the .visuallyhidden class to allow the element
  * to be focusable when navigated to via the keyboard:
  * https://www.drupal.org/node/897638
  */
  /*
  * Hide visually and from screen readers, but maintain layout
  */
  /*
  * 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.
  */
  /* ==========================================================================
     EXAMPLE Media Queries for Responsive Design.
     These examples override the primary ('mobile first') styles.
     Modify as content requires.
     ========================================================================== */
  /* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     https://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */ }
  .ccm-page html {
    color: #222;
    font-size: 1em;
    line-height: 1.4; }
  .ccm-page ::selection {
    background: #b3d4fc;
    text-shadow: none; }
  .ccm-page hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; }
  .ccm-page audio,
  .ccm-page canvas,
  .ccm-page iframe,
  .ccm-page img,
  .ccm-page svg,
  .ccm-page video {
    vertical-align: middle; }
  .ccm-page fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
  .ccm-page textarea {
    resize: vertical; }
  .ccm-page .browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0; }
  .ccm-page .hidden {
    display: none !important; }
  .ccm-page .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */ }
  .ccm-page .visuallyhidden.focusable:active,
  .ccm-page .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit; }
  .ccm-page .invisible {
    visibility: hidden; }
  .ccm-page .clearfix:before,
  .ccm-page .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .ccm-page .clearfix:after {
    clear: both; }
  @media only screen and (min-width: 35em) {
    .ccm-page {
      /* Style adjustments for viewports that meet the condition */ } }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    .ccm-page {
      /* Style adjustments for high resolution devices */ } }
  @media print {
    .ccm-page {
      /*
       * Don't show links that are fragment identifiers,
       * or use the `javascript:` pseudo protocol
       */
      /*
       * Printing Tables:
       * http://css-discuss.incutio.com/wiki/Printing_Tables
       */ }
      .ccm-page *,
      .ccm-page *:before,
      .ccm-page *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important; }
      .ccm-page a,
      .ccm-page a:visited {
        text-decoration: underline; }
      .ccm-page a[href]:after {
        content: " (" attr(href) ")"; }
      .ccm-page abbr[title]:after {
        content: " (" attr(title) ")"; }
      .ccm-page a[href^="#"]:after,
      .ccm-page a[href^="javascript:"]:after {
        content: ""; }
      .ccm-page pre {
        white-space: pre-wrap !important; }
      .ccm-page pre,
      .ccm-page blockquote {
        border: 1px solid #999;
        page-break-inside: avoid; }
      .ccm-page thead {
        display: table-header-group; }
      .ccm-page tr,
      .ccm-page img {
        page-break-inside: avoid; }
      .ccm-page p,
      .ccm-page h2,
      .ccm-page h3 {
        orphans: 3;
        widows: 3; }
      .ccm-page h2,
      .ccm-page h3 {
        page-break-after: avoid; } }
  .ccm-page header {
    background-image: url("../img/bg-stripes.png"); }
    @media all and (min-width: 1024px) {
      .ccm-page header {
        border-bottom: 1px solid #5d5c5c; } }
    .ccm-page header .hdr-contact {
      background: #3b3b3b;
      color: #d2d2d2;
      border-bottom: 1px solid #000;
      box-shadow: 0 8px 6px -6px #292929;
      font-size: 16px; }
      @media all and (min-width: 768px) and (max-width: 800px) {
        .ccm-page header .hdr-contact {
          font-size: 14px; } }
      .ccm-page header .hdr-contact .frame.hdr-contact-frame {
        padding: .5em 20px !important;
        text-align: center; }
        @media all and (min-width: 1025px) {
          .ccm-page header .hdr-contact .frame.hdr-contact-frame {
            height: 65px;
            display: grid;
            grid-template-columns: 1fr 2fr;
            padding: 0px 0px;
            text-align: start; } }
        .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-social-links {
          align-self: center;
          margin-block-start: 0;
          margin-block-end: 0;
          padding-bottom: .75em; }
          @media all and (min-width: 768px) {
            .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-social-links {
              padding-bottom: 0px; } }
          .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-social-links a.hdr-facebook,
          .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-social-links a.hdr-instagram {
            display: none; }
            @media all and (min-width: 768px) {
              .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-social-links a.hdr-facebook,
              .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-social-links a.hdr-instagram {
                display: inline;
                padding-right: 0.6em; } }
        .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address {
          margin: 0;
          align-self: center;
          justify-self: end; }
          .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address span.hdr-address-pad {
            display: none; }
            @media all and (min-width: 1025px) {
              .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address span.hdr-address-pad {
                display: inline;
                padding-right: 1em; } }
          .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address a.btn.hdr-contact-button {
            display: block;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            color: #3b3b3b;
            text-decoration: none;
            background: #ffae01;
            padding: 0.25em 1em;
            margin: 0; }
            @media all and (min-width: 1025px) {
              .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address a.btn.hdr-contact-button {
                font-size: 16px;
                padding: 0.25em 1.25em;
                display: inline; } }
            .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address a.btn.hdr-contact-button:hover {
              background: #dd5833;
              color: #fff; }
          .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address a.btn.hdr-employee-button {
            display: block;
            position: relative;
            top: -17px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            color: #3b3b3b;
            text-decoration: none;
            background: #dd5833;
            padding: 0.25em 1em;
            margin: 0; }
            @media all and (min-width: 1025px) {
              .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address a.btn.hdr-employee-button {
                font-size: 16px;
                padding: 0.25em 1.25em;
                display: inline;
                top: 0px; } }
            .ccm-page header .hdr-contact .frame.hdr-contact-frame p.hdr-address a.btn.hdr-employee-button:hover {
              background: #ffae01;
              color: #fff; }
    .ccm-page header div.nav-frame {
      max-width: 100%; }
      @media all and (min-width: 1024px) {
        .ccm-page header div.nav-frame {
          margin: auto;
          max-width: 1140px;
          padding: 0 20px; } }
    .ccm-page header #mobile-menu {
      float: right;
      margin-top: 17px;
      margin-right: 10px; }
      @media all and (min-width: 1024px) {
        .ccm-page header #mobile-menu {
          display: none; } }
      .ccm-page header #mobile-menu .hamburger {
        color: #ffae01 !important; }
    @media all and (min-width: 1024px) {
      .ccm-page header div.hdr-grid {
        display: grid;
        grid-template-columns: 1fr 9fr; }
        .ccm-page header div.hdr-grid div {
          align-self: center; } }
    .ccm-page header div.hdr-brand p.hdr-logo {
      position: relative;
      left: -6px;
      margin: 0;
      width: 273px;
      height: 89px;
      background: url("../img/hdr-arp-brand-mobile.png");
      text-indent: -9999px; }
      @media all and (min-width: 1024px) {
        .ccm-page header div.hdr-brand p.hdr-logo {
          position: relative;
          left: -36px;
          width: 364px;
          height: 119px;
          background: url("../img/hdr-arp-brand.png"); } }
    @media all and (min-width: 1024px) {
      .ccm-page header div#menu {
        justify-self: end; } }
    .ccm-page header ul.nav {
      display: none;
      padding-left: 0px;
      list-style: none;
      width: 100%;
      margin-bottom: 0; }
      @media all and (min-width: 1024px) {
        .ccm-page header ul.nav {
          width: auto;
          display: inline;
          text-align: right; } }
      .ccm-page header ul.nav li {
        display: block;
        max-width: 100%;
        background: #dd5833;
        border-bottom: 1px solid #d2d2d2;
            /* &.nav-home,
            &.nav-employees {
	            display: none;
            } */ }
        @media all and (min-width: 1024px) {
          .ccm-page header ul.nav li {
            width: auto;
            display: inline-block;
            background: none;
            border-bottom: none;
            float: left;
            padding: 0 2em 0 0;
            position: relative; }
            .ccm-page header ul.nav li:last-child {
              padding: 0 10px 0 0; }
            .ccm-page header ul.nav li:focus-within > ul, .ccm-page header ul.nav li:hover > ul {
              visibility: visible; }
            .ccm-page header ul.nav li:focus-within > a, .ccm-page header ul.nav li:hover > a {
              color: #dd5833; }
            .ccm-page header ul.nav li.nav-dropdown {
              z-index: 3; }
            .ccm-page header ul.nav li.nav-dropdown:hover:before {
              content: "";
              height: 28px;
              width: 116px;
              display: block;
              position: absolute;
              right: 25px;
              z-index: -1; }
            .ccm-page header ul.nav li.nav-dropdown:hover:after {
              content: "";
              height: 20px;
              width: 155px;
              display: block;
              position: absolute;
              right: 25px;
              bottom: -22px;
              z-index: -1; } }
        .ccm-page header ul.nav li a, .ccm-page header ul.nav li a:visited {
          color: #fff;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 14px;
          padding: 0.75em 1.5em;
          display: block; }
          @media all and (min-width: 1024px) {
            .ccm-page header ul.nav li a, .ccm-page header ul.nav li a:visited {
              color: #fff;
              font-size: 18px;
              transition: color 0.2s ease-in-out;
              padding: 0; } }
          @media all and (min-width: 1024px) {
            .ccm-page header ul.nav li a:hover, .ccm-page header ul.nav li a:visited:hover {
              color: #dd5833; } }
        .ccm-page header ul.nav li ul {
          padding: 10px 0;
          width: auto;
          list-style-type: circle;
          text-align: left; }
          @media all and (min-width: 1024px) {
            .ccm-page header ul.nav li ul {
              border-top: 2px solid #ffae01;
              padding: 7px 0;
              position: absolute;
              width: 350px;
              right: 29px;
              background: rgba(59, 59, 59, 0.75);
              margin-top: 10px;
              visibility: hidden; } }
          .ccm-page header ul.nav li ul li {
            display: block;
            border-bottom: 0;
            float: none;
            padding: 0; }
            .ccm-page header ul.nav li ul li a:before {
              content: "+";
              padding-right: 0.25em;
              color: #ffae01; }
            @media all and (min-width: 1024px) {
              .ccm-page header ul.nav li ul li a,
              .ccm-page header ul.nav li ul li a:visited {
                font-size: 14px;
                padding: 6px; } }
            .ccm-page header ul.nav li ul li:last-child {
              padding: 0; }
  .ccm-page section.idx-mission-statement {
    height: 450px;
    background-image: url("../img/idx-mission-bg.jpg");
    background-position: center center;
    background-size: cover;
    display: grid;
    grid-template-rows: 1fr;
    text-align: center; }
    .ccm-page section.idx-mission-statement h3 {
      align-self: center;
      font-size: 24px;
      color: #fff;
      max-width: 750px;
      margin: auto;
      padding: 0px 20px; }
      @media all and (min-width: 768px) {
        .ccm-page section.idx-mission-statement h3 {
          font-size: 28px; } }
  .ccm-page section.idx-cta {
    padding: 60px 0px;
    text-align: center;
    font-size: 18px; }
    @media all and (min-width: 1024px) {
      .ccm-page section.idx-cta {
        font-size: 24px; } }
    .ccm-page section.idx-cta h4 {
      font-size: 24px;
      margin: 0px 0px .5em 0px; }
      @media all and (min-width: 768px) {
        .ccm-page section.idx-cta h4 {
          font-size: 36px; } }
    .ccm-page section.idx-cta p {
      max-width: 750px; }
    .ccm-page section.idx-cta a.btn.button-yellow {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      color: #fff;
      text-decoration: none;
      background: #ffae01;
      padding: 0.75em 1em; }
      @media all and (min-width: 768px) {
        .ccm-page section.idx-cta a.btn.button-yellow {
          padding: 0.25em 1.25em; } }
      .ccm-page section.idx-cta a.btn.button-yellow:hover {
        background: #dd5833;
        color: #fff; }
  .ccm-page p, .ccm-page table, .ccm-page ul, .ccm-page ol, .ccm-page li, .ccm-page a, .ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6, .ccm-page span, .ccm-page form {
    font-family: halyard-text,sans-serif;
    font-weight: 400;
    font-style: normal; }
  .ccm-page h1 {
    font-size: 28px; }
    @media all and (min-width: 768px) {
      .ccm-page h1 {
        font-size: 36px; } }
    @media all and (min-width: 1024px) {
      .ccm-page h1 {
        font-size: 42px; } }
  .ccm-page h2 {
    font-size: 18px; }
    @media all and (min-width: 768px) {
      .ccm-page h2 {
        font-size: 21px; } }
    @media all and (min-width: 1024px) {
      .ccm-page h2 {
        font-size: 24px; } }
  .ccm-page strong {
    font-family: halyard-text,sans-serif;
    font-weight: 600;
    font-style: normal; }
  .ccm-page .btn {
    margin: 0.5em 0px;
    padding: 0.75em 1.75em 0.5em 1.75em; }
  .ccm-page .frame {
    margin: auto;
    max-width: 1140px;
    padding: 0 20px; }
  @media (min-width: 768px) {
    .ccm-page div.copy-pad {
      max-width: 750px;
      margin: auto; } }
  .ccm-page .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .ccm-page img {
    height: auto;
    max-width: 100%; }
  .ccm-page section.hdr-img img {
    width: 100%; }
  .ccm-page section.main {
    padding: 30px 0px;
    text-align: center; }
    @media all and (min-width: 768px) {
      .ccm-page section.main {
        padding: 60px 0px; } }
    .ccm-page section.main p, .ccm-page section.main ul {
      font-size: 18px; }
    .ccm-page section.main div.about-bullets h3 {
      font-size: 24px; }
    .ccm-page section.main div.about-bullets ul li {
      padding-bottom: 1em; }
    .ccm-page section.main table.mat-disposal-table {
      width: 100%;
      text-align: left;
      border-spacing: 2px;
      border-collapse: collapse;
      table-layout: fixed; }
    .ccm-page section.main table.mat-disposal-table th {
      padding: .75em;
      border-top: 1px solid #ccc; }
    .ccm-page section.main table.mat-disposal-table tr {
      border-bottom: 1px solid #ccc; }
    .ccm-page section.main table.mat-disposal-table td {
      padding: .75em;
      display: table-cell;
      vertical-align: inherit; }
    .ccm-page section.main table.mat-disposal-pricing-table {
      width: 100%;
      text-align: left;
      border-spacing: 2px;
      border-collapse: collapse;
      table-layout: fixed; }
    .ccm-page section.main table.mat-disposal-pricing-table tbody tr:nth-child(odd) {
      background-color: #faece8; }
    .ccm-page section.main table.mat-disposal-pricing-table th {
      padding: .75em;
      border-top: 1px solid #eee; }
    .ccm-page section.main table.mat-disposal-pricing-table tr {
      border-bottom: 1px solid #eee; }
    .ccm-page section.main table.mat-disposal-pricing-table td {
      padding: .75em;
      display: table-cell;
      vertical-align: inherit; }
    .ccm-page section.main div.prod-soil-compost-deck h4 {
      font-size: 28px; }
  .ccm-page section.prod-reseller-deck {
    background: url("../img/reseller-bg.jpg");
    background-size: cover;
    background-position: center center;
    text-align: left; }
    .ccm-page section.prod-reseller-deck img {
      border: solid 5px #ccc; }
    .ccm-page section.prod-reseller-deck p {
      font-size: 28px !important;
      font-weight: 400;
      color: #fff; }
      @media all and (min-width: 768px) {
        .ccm-page section.prod-reseller-deck p {
          padding: 0px 1.25em;
          font-size: 36px !important; } }
  .ccm-page section.prod-commercial-deck {
    padding: 30px 0px;
    font-size: 18px;
    text-align: center; }
    @media all and (min-width: 768px) {
      .ccm-page section.prod-commercial-deck {
        padding: 60px 0px;
        font-size: 21px; } }
    .ccm-page section.prod-commercial-deck h5 {
      font-size: 28px;
      margin-top: 0px; }
      @media all and (min-width: 768px) {
        .ccm-page section.prod-commercial-deck h5 {
          font-size: 36px; } }
    .ccm-page section.prod-commercial-deck ul {
      display: block;
      list-style: none;
      text-align: left; }
      .ccm-page section.prod-commercial-deck ul li {
        background: url("../img/prod-leaf.png") no-repeat left top;
        box-sizing: border-box;
        padding-left: 40px;
        padding-bottom: 20px; }
        @media all and (min-width: 768px) {
          .ccm-page section.prod-commercial-deck ul li {
            width: 50%;
            float: left;
            padding-right: 40px; } }
    .ccm-page section.prod-commercial-deck p {
      clear: both;
      display: block;
      padding-top: 1.25em; }
  .ccm-page section.cta {
    background: #f3f3f3;
    padding: 30px 0px;
    text-align: center;
    font-size: 18px; }
    @media all and (min-width: 1024px) {
      .ccm-page section.cta {
        padding: 60px 0px;
        font-size: 24px; } }
    .ccm-page section.cta h4 {
      font-size: 24px;
      margin: 0px 0px .5em 0px; }
      @media all and (min-width: 768px) {
        .ccm-page section.cta h4 {
          font-size: 36px; } }
    .ccm-page section.cta .frame {
      padding: 0px 4em; }
    .ccm-page section.cta p.cta-btn {
      margin-top: 2em; }
    .ccm-page section.cta a.btn.button-yellow {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      color: #fff;
      text-decoration: none;
      background: #ffae01;
      padding: 0.75em 1em;
      margin-top: 0px; }
      @media all and (min-width: 768px) {
        .ccm-page section.cta a.btn.button-yellow {
          padding: 0.25em 1.25em; } }
      .ccm-page section.cta a.btn.button-yellow:hover {
        background: #dd5833;
        color: #fff; }
  .ccm-page section.plante-group {
    background-image: url("../img/arp-group-tile-bg.jpg");
    background-position: center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 30px 0px; }
    @media all and (min-width: 768px) {
      .ccm-page section.plante-group {
        padding: 60px 0px; } }
    .ccm-page section.plante-group div.plante-group-grid {
      margin: auto;
      max-width: 650px;
      display: grid; }
      @media all and (min-width: 768px) {
        .ccm-page section.plante-group div.plante-group-grid {
          grid-template-columns: 1fr 1fr; } }
    .ccm-page section.plante-group h6 {
      font-size: 28px;
      margin: 0px; }
      @media all and (min-width: 768px) {
        .ccm-page section.plante-group h6 {
          font-size: 36px; } }
    .ccm-page section.plante-group a, .ccm-page section.plante-group a:visited {
      color: #fff;
      transition: all .2s ease-in-out; }
      .ccm-page section.plante-group a:hover, .ccm-page section.plante-group a:visited:hover {
        text-decoration: none; }
  .ccm-page .services-sidebar p, .ccm-page .services-sidebar table, .ccm-page .services-sidebar ul, .ccm-page .services-sidebar ol, .ccm-page .services-sidebar li, .ccm-page .services-sidebar a {
    line-height: 1.3em;
    font-weight: 300;
    widows: 3; }
  .ccm-page div.two-col-grid {
    padding: 30px 0px; }
    @media all and (min-width: 768px) {
      .ccm-page div.two-col-grid {
        padding: 60px 0px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 40px; } }
  .ccm-page div.three-col-grid {
    padding: 30px 0px; }
    @media all and (min-width: 768px) {
      .ccm-page div.three-col-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 40px; } }
  .ccm-page div.four-col-grid {
    padding: 30px 0px; }
    @media all and (min-width: 768px) {
      .ccm-page div.four-col-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-column-gap: 40px; } }
  .ccm-page div.right-sidebar-grid {
    padding: 1em 0px; }
    @media all and (min-width: 768px) {
      .ccm-page div.right-sidebar-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 60px; } }
    .ccm-page div.right-sidebar-grid div.col-left {
      text-align: left; }
    .ccm-page div.right-sidebar-grid div.col-right {
      text-align: left; }
      .ccm-page div.right-sidebar-grid div.col-right div.employee-sidebar {
        box-sizing: border-box;
        padding: .25em 1em;
        background-color: #f9f9f9; }
        .ccm-page div.right-sidebar-grid div.col-right div.employee-sidebar a, .ccm-page div.right-sidebar-grid div.col-right div.employee-sidebar a:visited {
          color: #3b3b3b;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .ccm-page div.right-sidebar-grid div.col-right div.employee-sidebar a:hover, .ccm-page div.right-sidebar-grid div.col-right div.employee-sidebar a:visited:hover {
            color: #dd5833; }
  .ccm-page div.left-sidebar-grid {
    padding: 1em 0px; }
    @media all and (min-width: 768px) {
      .ccm-page div.left-sidebar-grid {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-column-gap: 60px; } }
    .ccm-page div.left-sidebar-grid div.col-left {
      text-align: left; }
    .ccm-page div.left-sidebar-grid div.col-right {
      text-align: left; }
  .ccm-page footer {
    padding: 3.5em 0px;
    background-image: url("../img/bg-stripes.png");
    text-align: center;
    color: #d2d2d2; }
    .ccm-page footer p.ftr-arp-group {
      position: relative;
      top: -30px;
      font-size: 14px; }
    .ccm-page footer ul.ftr-nav {
      display: table;
      padding-left: 0px;
      list-style: none;
      margin: 1em 0px;
      margin: 0 auto; }
      .ccm-page footer ul.ftr-nav:after {
        content: "";
        display: table;
        clear: both; }
      @media all and (min-width: 768px) {
        .ccm-page footer ul.ftr-nav li {
          float: left;
          padding-right: 1em; }
          .ccm-page footer ul.ftr-nav li:last-child {
            padding-right: 0px; } }
      .ccm-page footer ul.ftr-nav li a, .ccm-page footer ul.ftr-nav li a:visited {
        color: #d2d2d2;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        font-size: 18px;
        text-transform: uppercase;
        text-decoration: none; }
        .ccm-page footer ul.ftr-nav li a:hover, .ccm-page footer ul.ftr-nav li a:visited:hover {
          color: #dd5833; }
    .ccm-page footer a.btn.ftr-contact-button, .ccm-page footer a.btn.ftr-contact-button {
      display: inline-block;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      color: #3b3b3b;
      text-decoration: none;
      font-size: 21px;
      background: #ffae01;
      margin: 1em 0px;
      padding: 0.5em 1.5em .5em 1.5em; }
      .ccm-page footer a.btn.ftr-contact-button:hover, .ccm-page footer a.btn.ftr-contact-button:hover {
        background: #dd5833;
        color: #fff; }
    .ccm-page footer p.ftr-connect {
      text-transform: uppercase;
      font-size: 24px;
      margin: 0px 0px 1em 0px; }
    .ccm-page footer p.ftr-social-links {
      margin: 0px 0px 2em 0px; }
    .ccm-page footer p.mousetype {
      font-size: 14px; }

/*# sourceMappingURL=main.css.map */