h1, h2, h3, h4, h5 {  font-family: 'Lato', sans-serif;}
div, ul, li, ol, p, h6 {  font-family: 'Lato', sans-serif;}
body {  font-family: 'Lato', 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: #adb5bd;
  --color-gray-6: #6c757d;
  --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: #EDF2F7;
  --color-primary-lighter: #a5c9ed;
  --color-primary-light: #83b2e1;
  --color-primary: #5A9CE0;
  --color-primary-dark: #0E4D8F;
  --color-primary-darker: #11294C;
  --color-primary-darkest: #03264C;
  --color-secondary-lightest: #cde1d1;
  --color-secondary-lighter: #aad6b3;
  --color-secondary-light: #83ce93;
  --color-secondary: #62BF76;
  --color-secondary-dark: #309646;
  --color-secondary-darker: #257937;
  --color-secondary-darkest: #175a26;
  --color-red: #dc3545;