/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/
body {
    font-family:  "Merriweather", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-variant-numeric: lining-nums;
    }
h1, h2, h3, h4, h5, h6, .nav-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link  {
font-family:  "Montserrat", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 800;
}       
h6, .btn {
font-family:  "Merriweather sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}       
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #1dd3ff;}
/*! -- Stack Processes -- */
.process-1 {
    padding: 3.71428571em 0;
    position: relative;
    overflow: hidden;
  }
  .process-1 .process__item {
    width: 50%;
  }
  .process-1 .process__item:not(:last-child) {
    margin-bottom: 1.85714286em;
  }
  .process-1:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    background: #1dd3ff;
  }
  .process__item {
    position: relative;
  }
  .process__item:after {
    content: '';
    width: 1.85714286em;
    height: 1.85714286em;
    background: #1dd3ff;
    border: 2px solid #1dd3ff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    margin-left: 1px;
  }
  @media all and (min-width: 768px) {
    .process-1 .process__item:nth-child(odd) {
      text-align: right;
      padding-right: 3.71428571em;
    }
    .process-1 .process__item:nth-child(odd):after {
      right: -0.92857143em;
    }
    .process-1 .process__item:nth-child(even) {
      margin-left: 50%;
      padding-left: 3.71428571em;
    }
    .process-1 .process__item:nth-child(even):after {
      left: -0.92857143em;
    }
  }
  @media all and (max-width: 767px) {
    .process-1:before,
    .process-2:before {
      left: 0.92857143em;
    }
    .process-1 .process__item,
    .process-2 .process__item {
      width: 100%;
      padding-left: 3.71428571em;
    }
    .process-1 .process__item:after,
    .process-2 .process__item:after {
      left: 0;
    }
  }
  .bg--dark .process-1:before,
  .imagebg .process-1:before,
  .bg--dark .process-2:before,
  .imagebg .process-2:before {
    background: #fff;
  }
  .bg--dark .process-1 .process__item:after,
  .imagebg .process-1 .process__item:after,
  .bg--dark .process-2 .process__item:after,
  .imagebg .process-2 .process__item:after {
    background: #fff;
  }
  .bg--dark .process-1 .process__item:after,
  .bg--dark .process-2 .process__item:after {
    border-color: #252525;
  }
  .process-2 {
    position: relative;
  }
  .process-2 .process__item {
    padding-top: 3.71428571em;
  }
  .process-2 .process__item:after {
    display: inline-block;
    text-align: center;
  }
  .process-2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0.92857143em;
    left: 0;
    background: #1dd3ff;
  }
  @media all and (max-width: 767px) {
    .process-2:before {
      height: 100%;
      width: 2px;
      left: 1.85714286em;
      margin-left: 2px;
    }
    .process-2 .process__item:after {
      top: 3.71428571em;
    }
  }
  .process-3 {
    list-style: none;
    position: relative;
  }
  .process-3 li {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .process-3 li .process__number {
    float: left;
    width: 15%;
    width: 3.71428571em;
    height: 3.71428571em;
    border-radius: 50%;
    border: 2px solid #1dd3ff;
    background: #fff;
    text-align: center;
  }
  .process-3 li .process__number span {
    font-size: 1.35714286em;
    font-weight: bold;
    color: #1dd3ff;
    position: relative;
    top: 12px;
  }
  .process-3 li .process__body {
    width: 80%;
    float: right;
  }
  .process-3 li .process__body h4 {
    margin-bottom: 0.342105263157895em;
  }
  .process-3 li:not(:last-child) {
    margin-bottom: 3.71428571em;
  }
  .process-3:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 1.85714286em;
    top: 0;
    border-left: 1px dashed #ddd;
  }
  .bg--dark .process-3 li .process__number {
    background: #252525;
  }
  .bg--dark .process-3:before {
    border-color: #aaa;
  }
  .process-stepper > li {
    transition: all .3s ease;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
  }
  .process-stepper > li:before {
    transition: all .3s ease;
    content: '';
    width: 0.92857143em;
    height: 0.92857143em;
    background: #ccc;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.92857143em;
  }
  .process-stepper > li:after {
    transition: all .3s ease;
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    background: #ccc;
    top: 5px;
    left: 0;
  }
  .process-stepper > li:first-child:after,
  .process-stepper > li:last-child:after {
    width: 50%;
  }
  .process-stepper > li:first-child:after {
    left: 50%;
  }
  .process-stepper > li.active:before,
  .process-stepper > li.active:after {
    background: #1dd3ff;
  }
  .process-stepper > li > span {
    cursor: default;
  }
  .process-stepper[data-process-steps="6"] > li {
    width: 16.666666666666667%;
  }
  .process-stepper[data-process-steps="5"] > li {
    width: 20%;
  }
  .process-stepper[data-process-steps="4"] > li {
    width: 25%;
  }
  .process-stepper[data-process-steps="3"] > li {
    width: 33.33333333%;
  }
  .process-stepper[data-process-steps="2"] > li {
    width: 50%;
  }
  .bg--dark .process-stepper li:not(.active):before,
  .bg--dark .process-stepper li:not(.active):after {
    background: #585858;
  }
  .dropdown-item {
    color: rgba(100, 100, 100, 1);
  }
  .dropdown-item:hover, .dropdown-item:focus {
      color: #1dd3ff;
      text-decoration: none;
      background-color: rgba(29, 211, 255, 0.1); }
 .dropdown-item.active {
      color: #1dd3ff;
      text-decoration: none;
      background-color: rgba(29, 211, 255, 0.1); }