body {
    color: #3f4448;
  }
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6, .h6 {
    color: #3f4448;
  }
  a, a.link {
    color: #3f4448;
  }
  a:hover, a.link:hover, a.link:focus {
    color: #cabe9f;
  }
  p, .p {
    color: #777;
  }
  .bg-accent {
    background-color: #cabe9f;
  }
  html body .bg-light,
  html body .bg-light-gray {
    background-color: #f8f8f8 !important;
  }
  .bg-footer {
    background-color: #3f4448;
  }
  
  hr.separator-break.border-accent {
      border-color:  #cabe9f;
  }
  
  .bg-footer.text-white>*,
  .bg-footer.text-white h6,
  .bg-footer.text-white p {
    color: #fff !important;
    font-size: 15px;
    font-weight: 300;
  }
  .text-accent {
    color: #cabe9f;
  }
  
  
  /* ===========================================================================
      Button
   */
  .btn-link {
    text-decoration: none;
  }
  .btn-link:hover {
    color: #cabe9f;
  }
  .btn-accent,
  .btn-accent.disabled {
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    background-color: #cabe9f;
    color: #fff;
  }
  .btn-accent:hover,
  .btn-accent.disabled:hover {
    background-color: #cabe9f;
  }
  .btn-accent.active, .btn-accent:active, .btn-accent:focus,
  .btn-accent.disabled.active,
  .btn-accent.disabled:active,
  .btn-accent.disabled:focus {
    color: #ffffff !important;
    background: #3f4448;
    border-color: #3f4448;
  }
  .btn-outline-accent {
    color: #cabe9f;
    background-color: transparent;
    border-color: #cabe9f;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
  }
  .btn-outline-accent:hover, .btn-outline-accent:focus, .btn-outline-accent.focus {
    background: #cabe9f;
    color: #3f4448;
    border-color: #cabe9f;
  }
  .btn-outline-accent.active, .btn-outline-accent:active, .btn-outline-accent:focus {
    background: #cabe9f;
  }
  
  .btn-inverse,
  .btn-inverse.disabled {
    background: #3f4448;
    border: 1px solid #3f4448;
    color: #ffffff; }
    .btn-inverse:hover,
    .btn-inverse.disabled:hover {
      background: #2f3947;
      color: #cabe9f;
      border: 1px solid #2f3947; }
    .btn-inverse.active, .btn-inverse:active, .btn-inverse:focus,
    .btn-inverse.disabled.active,
    .btn-inverse.disabled:active,
    .btn-inverse.disabled:focus {
      background: #2f3947;
      color: #cabe9f; }
      .btn-outline-inverse {
        color: #3f4448;
        background-color: transparent;
        border-color: #3f4448; }
        .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus {
          background: #3f4448;
          border-color: #3f4448;
          color: #ffffff; }
  
  
  .box-icon-contact .box-icon.box-icon-bg .box-icon-title>i {
    background-color: #3f4448;
    color: #fff;
  }
  
  span.headline {
    border-color: #cabe9f;
  }
  /*******************
  Sub Menu
  ********************/
  .nav-submenu .nav-link {
    background-color: #f6f6f6;
  }
  .nav-submenu .active {
    color: #cabe9f;
  }
  
  /* ===========================================================================
      Navigation
   */
  .navbar:before {
    background-color: #3f4448;
    border-bottom: none;
  }
  .navbar-dark {
    color: #fff;
  }
  .navbar-light {
    color: #fff;
  }
  .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #cabe9f
  }
  .navbar-light .navbar-nav .nav-link {
    color: inherit;
  }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #cabe9f
  }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
  }
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #cabe9f
  }
  .navbar-light .navbar-toggler {
    color: #212529;
    border-color: transparent
  }
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  }
  .navbar-light .navbar-text {
    color: #212529
  }
  .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: #cabe9f
  }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #cabe9f
  }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
  }
  .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #cabe9f
  }
  .navbar-dark .navbar-toggler {
    color: #fff;
    border-color: transparent
  }
  .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  }
  .navbar-dark .navbar-text {
    color: #fff
  }
  .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #cabe9f
  }
  .dropdown-item.active, .dropdown-item:active {
    color: #cabe9f;
  }
  .nav-solid li .nav-link.active,
  .nav-solid li .nav-link span.active {
    border-bottom: 2px solid #cabe9f;
  }
  /* ===========================================================================
      Overlay
   */
  .dark-overlay::after {
    background: #000;
    opacity: .3;
  }
  .light-overlay::after {
    background: #fff;
    opacity: .3;
  }
  .sub-overlay::before {
    background: #3f4448;
    opacity: .7;
  }
  .sub-overlay .sub-title {
    color: #fff;
  }
  .navbar-dark .navbar-nav .nav-link {
    color: #fff;
  }
  .main-contact .box-icon.box-icon-bg .box-icon-title>i,
  .main-contact .box-icon.box-icon-bg>i {
    background-color: #cabe9f;
    color: inherit;
  }
  
  .wrap-feature-24 .service-24 i {
    color: #cabe9f;
  }