h1, h2, h3, h4, h5 {  font-family: 'rift', sans-serif;}
div, ul, li, ol, p, h6 {  font-family: 'acumin-pro', sans-serif;}
body {  font-family: 'acumin-pro', sans-serif;  position: relative; }
.trans {  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; }



/*!
 |-----------------------------------------------------------------------------------------------------------
 |
 |
 |
 | Root Variables
 |
 |
 |
 |-----------------------------------------------------------------------------------------------------------
*/ :root {
  /*   |-----------------------------------------------------------   |   | Colors   |   |-----------------------------------------------------------  */
  --color-gray-1: #f8f9fa;
  --color-gray-2: #e9ecef;
  --color-gray-3: #dee2e6;
  --color-gray-4: #ced4da;
  --color-gray-5: #989898;
  --color-gray-6: #656870;
  --color-gray-7: #495057;
  --color-gray-8: #495057;
  --color-gray-9: #212529;
  --color-gray-10: #181818;
  --color-white: #ffffff;
  --color-light: #e9ecef;
  --color-dark: #181818;
  --color-black: #000000;
  --color-primary-lightest: #FCF8F2;
  --color-primary-lighter: #e5525b;
  --color-primary-light: #E6000F;
  --color-primary: #C2000D;
  --color-primary-dark: #9c010c;
  --color-primary-darker: #730008;
  --color-primary-darkest: #460106;
  --color-secondary-lightest: #b9b9d3;
  --color-secondary-lighter: #8a8acc;
  --color-secondary-light: #5a5acb;
  --color-secondary: #3333CC;
  --color-secondary-dark: #2929a0;
  --color-secondary-darker: #1e1e73;
  --color-secondary-darkest: #121245;
  --color-vibrant: #F76033;
  --color-red: #dc3545;
  --color-other: #f659cd;
  /*
   |-----------------------------------------------------------
   |
   | Border
   |
   |-----------------------------------------------------------
  */
  --border-radius: 4px;
  /*
   |-----------------------------------------------------------
   |
   | Form
   |
   |-----------------------------------------------------------
  */
  /*
   |--------------------------------
   | Font
   |--------------------------------
  */
  --form-font-size: 16px;
  --form-font-family: var(--font-family-sans-serif);
  --form-line-height: var(--line-height);
  /*
   |--------------------------------
   | Color
   |--------------------------------
  */
  --form-text-color: var(--text-color);
  --form-placeholder-color: var(--gray-6);
  --form-bg: var(--white);
  --form-bg-hover: rgba(0,0,0,0.1);
  /*
   |--------------------------------
   | Spacing
   |--------------------------------
  */
  --form-gutter: 8px;
  /*
   |--------------------------------
   | Input
   |--------------------------------
  */
  --form-input-height: 46px;
  --form-input-padding: 15px;
  /*
   |--------------------------------
   | Border Radius
   |--------------------------------
  */
  --form-border-radius: var(--border-radius);
  /*
   |--------------------------------
   | Border
   |--------------------------------
  */
  --form-border-color: var(--border-color-dark);
  --form-border-color-focus: var(--primary);
  --form-border-color-error: var(--danger);
  --form-border: 1px solid var(--border-color-dark);
  /*
   |--------------------------------
   | Shadow
   |--------------------------------
  */
  --form-inner-shadow: inset 0 1px 3px rgba(0,0,0, 0.1);
  /*
   |--------------------------------
   | Checkbox & Radio
   |--------------------------------
  */
  --form-checkbox-width: 26px;
  --form-checkbox-icon-size: 15px;
}