@charset "UTF-8";
/* CSS Document */



/* Crop hero image */

.hero-image-short
{
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  height: 440px;
  padding: 0 0 20% 0;
  overflow: hidden;
}

.hero-image-img
{
  position: absolute;
  display: block;
  min-height: 440px;
  left: 0;
  right: 0;
  top: 0%;
  bottom: 0;
  margin: auto;
}

.hero-caption {
  position: absolute;
  right: 8%;
  bottom: 10px;
  left: 8%;
  z-index: 10;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center; }


@media (min-width: 768px) {
    .hero-caption {
      right: 25%;
      left: 25%; 
      bottom: 20px;  }
}
    
    
@media (max-width: 768px) {
     .hero-caption {
  font-size: 80%;  }
}
    
    
/* Apply 20% dark overlay on layer */
.darken-image
{
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
}


/* Page leaderboard image */
.leaderboard
{
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  height: 280px;
  padding: 0 0 10% 0;
  overflow: hidden;
}

.leaderboard-img
{
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  right: 0;
  top: 0%;
  bottom: 0;
  margin: auto;
}

.leaderboard-caption {
  position: absolute;
  right: 20%;
  top: 50%;
  left: 20%;
  z-index: 10;
  color: #fff;
  text-align: center; }


/* Product NAV tabs */

.khronos-tabs {
  padding-left: 0px;
 }
  .khronos-tabs .nav-item {
    margin-bottom: -1px;
    text-transform: capitalize;
    text-align: left;
    margin-right: 1rem; }
  .khronos-tabs .nav-link {
    color: #70726C;
    border-bottom: 1px solid #70726C;
    margin-right: 1rem;
    padding-left: 0px}
    .khronos-tabs .nav-link:hover, .khronos-tabs .nav-link:focus {
    border-bottom: 2px solid #70726C;
    color: #41433F; }
    .khronos-tabs .nav-link.disabled {
      color: #848880;
      background-color: transparent;
      border-color: transparent; }
  .khronos-tabs .nav-link.active,
  .khronos-tabs .nav-item.show .nav-link {
    color: #41433F;
    background-color: #fff;
    border-bottom: 3px solid #97C93C; }
  .khronos-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }


/* Unordered list DASH icon */

.list-dashed {
    margin-bottom: 0.5rem; 
    list-style-type: none;
    }
    .list-dashed li:before {
      content: '\2014';
      position: absolute;
      margin-left: -20px;
    }



/* Full screen mobile button */
.btn-full-mobile {
    display: inline;
}

@media (max-width: 576px) {
    .btn-full-mobile {
      display: block;
      width: 100%; }

}


/* Offset for inline anchors */

a.anchor {
    padding-top: 130px;
    margin-top: -130px;
    display: inline-block;
    z-index: -1;
}



/* Fixed footer */
.start-footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #DBDDD8;
   padding: 3rem;
    overflow: hidden;
}