

  
  
  
  
  
  
  /* 1a. Containers */
  
  
  
  
  
  /* 1b. Breakpoints */
  
  
  
  
  
  
  
  /* 1c. Colors */
  
  
  
  
  
  
  
  /* 1d. Typography */
  
  
  
  

  
  

    
    
    
    
    
  
  /* 1e. Border */
  
  
  
  /* 1f. Corner Radius */
  
  
  
  /* 1g. Lists */
  
  
  
  
  
  
  /* 1h. Horizontal Rule */
  
  
  
  /* 1i. Blockquote */
  
  
  
  
  /* 1j. Buttons */
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* 1k. Forms */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* 1l. Tables */
  
  
  
  
  
  
  
  
  
  
  
  /* 1m. Site Header */
  
  
  
  
  
  
  
  
  
  
  
  /* 1n. Site Footer */
  
  
  
  
  
  
  
  
  
  
  /* 1o. Blog */
  
  
  
  
  
  
  
  
  
  
  
  
  

  .content-wrapper {
    max-width: 1440px;
    margin: 0 auto;
  }

  .content-wrapper.narrow {
    max-width: 960px;
  }

  .content-wrapper.full_width {
    max-width: 100%;
  }

  .content-wrapper.stretch {
    width: 1440px;
  }
  
  @media screen and (max-width: 1499px) {
    .content-wrapper,
    .content-wrapper.stretch {
      max-width: 100%;
      padding: 0 30px;
      margin: 0 auto;
    }
    .slider-module {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
  }
  
  .padding {
    padding: 50px 0;
  }

  .dnd-section .dnd-column {
    padding: 0;
  }
  
  
  
  

  @font-face {
    font-family: 'San-Francisco-Thin'; 
    src: url('https://19939558.fs1.hubspotusercontent-na1.net/hubfs/19939558/sf-ui-display-thin.woff') format('woff')
  }

  @font-face {
    font-family: 'San-Francisco-Light'; 
    src: url('https://19939558.fs1.hubspotusercontent-na1.net/hubfs/19939558/sf-ui-display-light.woff') format('woff')
  }

  @font-face {
    font-family: 'San-Francisco-Medium'; 
    src: url('https://19939558.fs1.hubspotusercontent-na1.net/hubfs/19939558/sf-ui-display-medium.woff') format('woff')
  }

  @font-face {
    font-family: 'San-Francisco-Bold'; 
    src: url('https://19939558.fs1.hubspotusercontent-na1.net/hubfs/19939558/sf-ui-display-bold.woff') format('woff')
  }
  
  html {
    font-size: px;
  }
  
  body {
    ;
    background-color: #FFFFFF;
    color: ;
    font-size: px;
    letter-spacing: 0.2px;
    line-height: 22px;

    
    font-family: 'San-Francisco-Light', sans-serif;
    font-size: 18px;
  }

  em {
    color: ;
  }
  
  /* Paragraphs */
  
 
  .uk-card-default p,
  p {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.2px;
    text-transform: none;
    line-height: 22px;

    
    font-family: 'San-Francisco-Light', sans-serif;
    font-size: 18px;
  }
  
  p.lead,
  p.intro {
    font-size: 20px;
    letter-spacing: 0.63px;
    line-height: 26px;
  }

  form .hs-richtext p {
    font-size: 14px;
    line-height: 20px;
  }

  /* Anchors */

  a {
    ;
    color: ;
  }
  
  a:hover, a:focus {
    ;
    color: ;
  }
  
  a:active {
    ;
    color: ;
  }
  
  a.button:disabled {
    background-color: ;
  }
  
  /* Headings */
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    ;
    color: ;

    
    font-family: 'San-Francisco-Medium', sans-serif;
    font-weight: normal;
    color: #373F41;
  }

  h1.main-title {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.2px;
    text-transform: none;
    line-height: 55px;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 50px;
  }
  
  h1 {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.1px;
    text-transform: none;
    line-height: 50px;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 44px;
  }

  h2,
  h2.uk-card-title
   {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.1px;
    text-transform: none;
    line-height: 40px;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 32px;
    font-weight: normal;
  }

  h3,
  h3.uk-card-title,
  h3.form-title {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.1px;
    text-transform: none;
    line-height: 26px;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 20px;
  }

  h4 {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.1px;
    text-transform: none;
    line-height: 40px;

    
    font-family: 'San-Francisco-Medium', sans-serif;
    font-size: 32px;
  }

  h5 {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.1px;
    text-transform: none;
    line-height: 22px;

    
    font-family: 'San-Francisco-Medium', sans-serif;
    font-size: 20px;
  }

  @media screen and (max-width: 959px) {

    body,
    .uk-card-default p,
    p {
      font-size: 16px;
      line-height: 22px;
    }

    h1.main-title {
      font-size: 36px;
      letter-spacing: 0.1px;
      line-height: 42px;
    }
    
    h1 {
      font-size: 32px;
      letter-spacing: 0.1px;
      line-height: 40px;
    }

    h2 {  
      font-size: 26px;
      line-height: 32px;
      letter-spacing: 0.2px;
    }

    h3,
    h3.uk-card-title,
    h3.form-title {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.1px;
    }
  }

  /* Lists */
  
  ul,
  ol {
    margin: 1.4rem 0;
    padding-left: 1.4rem;
  }
  
  ul li,
  ol li {
    margin: 0.7rem;
  }
  
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin: 1.4rem;
  }
  
  /* Blockquote */
  
  blockquote {
    border-left: 16px solid #B19B63;
    padding-left: 1.4rem;
  }
  
  /* Horizontal Rules */
  
  hr {
    background-color: ;
    color: ;
  }

  
  
  
  
  
  
  /* Primary Button */
  
  button,
  .button,
  .hs-button,
  .cta_button,
  button:hover,
  button:active,
  .button:hover,
  .button:active,
  .hs-button:hover,
  .hs-button:active,
  .cta_button:hover,
  .cta_button:active {
    ;
    background-color: 

  
  
    
  


  rgba(177, 155, 99, 1.0)

;
    border: 0px none #FFF;
    border-radius: 4px;
    color: ;
    font-size: px;
    padding: 0 30px;
    max-height: 50px;
    height: 50px;
    text-transform: capitalize;

    
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    text-align: center;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 16px;
    text-transform: none;
  }

  button p,
  .button p,
  .hs-button p,
  .cta_button p {
    ;
    color: ;
    font-size: px;
    text-transform: capitalize;

    color: #FFF;
    text-decoration: none;
    text-align: center;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 16px;
    text-transform: none;
  }
  
  button:disabled,
  .button:disabled,
  .hs-button:disabled,
  .cta_button:disabled {
    background-color: ;
    color: ;
  }
  
  /* Secondary Button */
  
  .button.button--secondary,
  .button.button--secondary:hover,
  .button.button--secondary:active {
    ;
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 0.0)

;
    border: 1px solid #B19B63;
    border-radius: 4px;
    color: ;
    fill: ;
    padding: 0 30px;
    max-height: 50px;
    height: 50px;
    text-transform: capitalize;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 16px;
    color: #B19B63;
    
    
    box-sizing: border-box !important;
  }
  
  .button.button--secondary p {
    ;
    color: ;
    text-transform: capitalize;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 16px;
    color: #B19B63;
  }

  /* Simple Button */
  
  .button.button--simple,
  .button.button--simple:hover,
  .button.button--simple:active {
    ;
    color: ;
    fill: ;
    text-transform: none;

    
    font-family: 'San-Francisco-Bold', sans-serif;
    font-size: 18px;
    color: #B19B63;

    
    padding: 0;
    background: none;
    height: auto;
  }

  .button.button--simple p {
    ;
    color: ;
    text-transform: none;

     
     font-family: 'San-Francisco-Bold', sans-serif;
     font-size: 18px;
     color: #B19B63;
  }
  
  /* Button Sizing */
  
  .button.button--large {
    font-size: 18px;
    padding: 0 35px;
    height: 45px;
  }
  
  
  
  
  
  .form-wrapper {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border: px  ;
    border-radius: px;
    padding: px px;
  }

  form {
    padding: 0;
  }
  
  .hs-form-field {
    margin-bottom: 20px;
  }
  
  /* Form Title */
  
  .form-title {
    ;
    color: ;
    font-size: px;
    text-transform: ;

    
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 600;

  }
  
  /* Labels */
  
  .hs-form-field > label {
    ;
    color: ;
    font-size: px;
    padding: px px;
  }
  
  /* Help Text - Legends */
  
  .hs-form-field legend {
    ;
    color: ;
    font-size: px;
  }
  
  /* Inputs */
  
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  select,
  textarea {
    ;
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border: px  ;
    border-radius: px;
    color: ;
    font-size: px;
    padding: px px;

    
    width: 100% !important;
    margin-top: 5px;
  }
  
  ::-webkit-input-placeholder {
    color: ;
  }
  
  ::-moz-placeholder {
    color: ;
  }
  
  :-ms-input-placeholder {
    color: ;
  }
  
  :-moz-placeholder {
    color: ;
  }
  
  ::placeholder {
    color: ;
  }
  
  /* Inputs - Checkbox/Radio */

  form ul {
    list-style: none;
    padding: 0
  }

  form ul li {
    margin: 0;
  }
  
  form .inputs-list:not(.no-list) label,
  form .inputs-list:not(.no-list) label > span,
  form .inputs-list:not(.no-list) label > span p {
    ;
    color: ;
    font-size: px; 
  }

  /* Inputs - Datepicker */
  
  .fn-date-picker td.is-today .pika-button {
    color: #373F41;
  }
  
  .hs-datepicker .is-selected button.pika-button {
    background-color: #373F41;
  }
  
  .hs-datepicker button.pika-button:hover {
    background-color: #B19B63 !important;
  }
  
  /* Form Rich Text */
  
  form .hs-richtext,
  form .hs-richtext *,
  form .hs-richtext p,
  form .hs-richtext h1,
  form .hs-richtext h2,
  form .hs-richtext h3,
  form .hs-richtext h4,
  form .hs-richtext h5,
  form .hs-richtext h6 {
    ;
    color: ;
  }
  
  /* GDPR Text */
  
  .legal-consent-container,
  .legal-consent-container .hs-richtext,
  .legal-consent-container .hs-richtext p {
    ;
    color: ;
    font-size: px;
  }
  
  /* Validation */
  
  .hs-input.invalid.error {
    border-color: #ef6b51;
  }
  
  .hs-error-msg {
    color: #ef6b51;
  }
  
  /* Submit */
  
  
  
  

  .submitted-message * {
    overflow: hidden;
    color: ;
    font-size: px;
  }
  
  
  
  
  
  table {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border: px  ;
  }
  
  th,
  td {
    border: px  ;
    color: ;
    padding: px px;
  }
  
  thead th,
  thead td {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border-bottom: px  ;
    color: ;
  }
  
  tbody + tbody {
    border-top: px  ;
  }
  
  
  
  
  
  
  .header {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border-bottom: px  ;
  }
  
  .header__container {
    max-width: 1440;
  }
  
  /* Logo */
  
  .header__logo .logo-company-name {
    color: #FFFFFF;
  }
  
  /* Navigation Menu */
  
  .navigation-primary .menu-item a {
    ;
    color: ;
    font-size: px;
    text-transform: ;
  }
  
  .navigation-primary .menu-item a:hover,
  .navigation-primary .menu-item a:focus {
    ;
    color: ;
  }
  
  .navigation-primary .menu-item a:active {
    ;
    color: ;
  }

  
  
  body .navigation-primary .submenu.level-1 > li {
    margin: 0;
  }

  body .navigation-primary .submenu.level-1 > li > a.active-item:after,
  body .navigation-primary .submenu.level-1 > li > a.active-branch:after {
    background-color: ;
  }
  
  .navigation-primary .submenu.level-2 {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border: 1px solid #d0d0d0;
  }
  
  .navigation-primary .submenu.level-2 > li {
    border-bottom: 1px solid #d0d0d0;
  }
  
  .navigation-primary .submenu.level-2 .menu-item .menu-link:hover,
  .navigation-primary .submenu.level-2 .menu-item .menu-link:focus {
    ;
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    color: ;
  }
  
  .navigation-primary .submenu.level-2 .menu-item .menu-link:active {
    ;
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    color: ;
  }
  
  @media (max-width: 768px) {
    .header__navigation {
      background-color: 

  
  
    
  


  rgba(#null, 1)

;
    }
  
    .header__menu .header__mobile-menu-icon,
    .header__menu .header__mobile-menu-icon:after,
    .header__menu .header__mobile-menu-icon:before,
    .header__menu .menu-arrow-icon,
    .header__menu .menu-arrow-icon:after {
        background-color: ;
    }
  
    .navigation-primary .submenu.level-1 > li,
    .navigation-primary .submenu.level-2 .menu-item {
      border-top-color: #d0d0d0;
    }
  }
  
  /* Language Switcher */
  
  .header__language-switcher .lang_list_class {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border: 1px solid #d0d0d0;
  }
  
  .header__language-switcher .lang_list_class li:hover {
    background-color: #B19B63;
  }
  
  
  
  
  
  .footer {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border-top: px  ;
  }
  
  .footer__container {
    max-width: 1440;
  }
  
  .footer__bottom-section {
    border-top: 1px solid #d0d0d0;
    border-color: ;
  }
  
  /* Footer Content */
  
  .footer h1,
  .footer h2,
  .footer h3,
  .footer h4,
  .footer h5,
  .footer h6
  .footer p,
  .footer a,
  .footer div,
  .footer span {
    color: ;
  }
  
  .footer h4 {
      ;
      color: ;
      font-size: px;
      letter-spacing: px;
      text-transform: ;
  }
  
  /* Footer Menu */
  
  .footer__navigation a {
    ;
    color: ;
    font-size: px;
    text-transform: ;
  }
  
  .footer__navigation a:hover,
  .footer__navigation a:focus {
    ;
    color: ;
  }
  
  .footer__navigation a:active {
    ;
    color: ;
  }
  
  
  
  
  
  /* Blog Meta - Author */
  
  .blog-card__author-name,
  .blog-post__author-name {
    ;
    color: ;
  }
  
  /* Tags */
  
  .blog-card__tag-link,
  .blog-post__tag-link {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    color: ;
  }
  
  .blog-card__tags svg,
  .blog-post__tags svg {
    fill: #373F41;
  }
  
  /* Blog Listing */
  
  .blog-index-header {
    background-image: url('');
  }
  
  .blog-card__title a {
    ;
    color: ;
    text-transform: ;
    letter-spacing: px;
  }
  
  /* Blog Filter Banner */
  .blog-navigation {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }
  
  .blog-tag-filter__title {
    color:  !important;
  }
  
  .blog-card__title a {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.1px;
    text-transform: none;
  }

  /* Blog Pagination */
  
  .blog-pagination__link {
    color: ;
  }
  
  .blog-pagination__link:hover {
    color: ;
  }
  
  .blog-pagination__link:hover svg,
  .blog-pagination__link:focus svg {
    fill: ;
  }
  
  .blog-pagination__link:active {
    color: ;
  }
  
  .blog-pagination__link:active svg {
    fill: ;
  }
  
  .blog-pagination__prev-link--disabled,
  .blog-pagination__next-link--disabled {
    color: ;
  }
  
  .blog-pagination__prev-link--disabled svg,
  .blog-pagination__next-link--disabled svg {
    fill: ;
  }
  
  .blog-pagination__link--active {
    background-color: #373F41;
    color: #fff;
  }
  
  .blog-pagination__link--active:hover {
    color: #fff;
  }
  
  /* Blog Post */
  
  .blog-post-header {
    background-image: url('');
  }
  
  
  
  
  
  /* Error Pages - Global */
  
  .error-page:before {
    ;
    color: ;
  }
  
  /* System Pages - Global */
  
  .hs-search-results__title {
    ;
    color: ;
  }
  
  .hs-search-results__title:hover {
    ;
  }
  
  /* Forms in System Pages */
  
  #email-prefs-form h3 {
    font-size: px;
  }
  
  /* Password Prompt */
  
  .password-prompt input[type=password] {
    margin-bottom: 20px;
  }
  
  /* Backup Unsubscribe */
  
  .backup-unsubscribe input[type=email] {
    margin-bottom: 20px;
    padding: px px !important;
  }
  
  
  
  
  
  /* Accordion */
  
  body .accordion button {
    color: ;
  }
  
  body .accordion button:hover,
  body .accordion button:focus {
    color: ;
  }
  
  body .accordion button:active,
  body .accordion[aria-expanded=true] button {
    color: ;
  }
  
  body button .accordion__icon {
    background-color: ;
  }
  
  body button:hover .accordion__icon,
  body button:focus .accordion__icon {
    background-color: ;
  }
  
  body button:active .accordion__icon,
  body .accordion[aria-expanded=true] button .accordion__icon {
    background-color: ;
  }
  
  /* Blog Related Posts */
  
  body .blog-card__title a {
    ;
    color: ;
    text-transform: ;
  }
  
  body .blog-card__title a {
    ;
    color: ;
    font-size: px;
    letter-spacing: 0.1px;
    text-transform: none;
  }
  
  body .blog-card__title a,
  body .blog-card__author-name {
    color: ;
  }
  
  /* Icon */
  
  body .icon svg {
    fill: #373F41;
  }
  
  /* Pricing Table */
  
  body .price-block__header {
    background-color: #373F41;
  }
  
  body .billing-selectors__pricing-option input[type="radio"]:checked + label:before {
    border-color: #373F41;
  }
  
  /* Image Module */
  
  img {
    max-width: 100%;
  }
  
  /* Social Follow */
  
  body .social-links__icon svg {
    fill: ;
  }
  
  body .social-links__icon:hover svg {
    fill: ;
  }
  
  body .social-links__icon:hover {
    background-color: transparent;
  }
  
  /* Statististic */
  
  body .statistic__circle {
    background-color: ;
  }
  
  body .statistic__info {
    color: ;
  }
  
  body .statistic__bar,
  body .statistic__fill,
  body .statistic__fill {
    border-color: #373F41;
  }
  
  body .statistic__circle::after {
    background-color: #FFFFFF
  }
  
  /* Testimonial Slider */
  
  body .tns-nav button {
    background-color: ;
  }
  
  body .tns-nav .tns-nav-active {
    background-color: #373F41;
  }

  
  
  

  

  .bg__color--primary {
    background-color: #B19B63;
  }

  .bg__color--secondary {
    background-color: #373F41;
  }

  .bg__color--success {
    background-color: #00db7c;
  }

  .bg__color--error {
    background-color: #ef6b51;
  }

  .bg__color--body {
    background-color: #FFFFFF;
  }

  

  .text__color--primary, 
  .text__color--primary * {
    background-color: #B19B63;
  }

  .text__color--secondary, 
  .textolor--secondary * {
    background-color: #373F41;
  }

  .text__color--success, 
  .text__color--success * {
    background-color: #00db7c;
  }

  .text__color--error, 
  .text__color--error * {
    background-color: #ef6b51;
  }

  .text__color--body, 
  .text__color--body * {
    color: #FFFFFF;
  }

  /* Temp */

  .form-wrapper .submitted-message {
    color: #B19B63;
  }

  
  
  

  

  

  .bg--dark {
    background-color: rgba(55, 63, 65, calc(100 / 100));
  }

  .bg--neutral {
    background-color: rgba(242, 242, 242, calc(100 / 100));
  }

  .bg--light {
    background-color: rgba(255, 255, 255, calc(100 / 100));
  }
}