h1, h2, h3, h4, h5 {  font-family: 'Roboto', sans-serif;}
div, ul, li, ol, p, h6 {  font-family: 'Roboto', sans-serif;}
body {  font-family: 'Roboto', 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: #F4F4F4;
  --color-gray-3: #dee2e6;
  --color-gray-4: #ced4da;
  --color-gray-5: #adb5bd;
  --color-gray-6: #6c757d;
  --color-gray-7: #495057;
  --color-gray-8: #3B3B3B;
  --color-gray-9: #212529;
  --color-gray-10: #181818;
  --color-white: #ffffff;
  --color-light: #e9ecef;
  --color-dark: #3B3B3B;
  --color-black: #000000;
  --color-primary-lighter: #F4F8FF;
  --color-primary-light: #DDE9FF;
  --color-primary: #003183;
  --color-primary-dark: #012562;
  --color-primary-darker: #001c4a;
  --color-primary-darkest: #00102b;
  --color-secondary: #FFB100;
  --color-red: #dc3545;