/* Colors */
/* Color Usage */
/* Style Defaults */
/* Spacing */
/* Breakpoints */
/** 
* X Height Offsets 
* Used for aligning the top of side by side columns when one colum
* has an image and the other has text/header 
*/
/* Easings*/
.feature-carousel {
  position: relative; }
  @media (max-width: 1380px) {
    .feature-carousel {
      overflow-x: hidden; } }

.feature-carousel__bullets {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 0; }

.feature-carousel__bullets li {
  display: inline-block; }

.feature-carousel__bullets__link {
  width: 50px;
  display: inline-block;
  height: 40px;
  background: transparent;
  padding-top: 18px; }
  .feature-carousel__bullets__link::after {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background-color: #979797;
    transition: background 200ms; }
  .feature-carousel__bullets__link:hover::after, .feature-carousel__bullets__link:focus::after {
    background-color: #d9eaf8; }
  .feature-carousel__bullets__link.active::after {
    background-color: #0CABF9; }

.feature-carousel__img {
  margin-top: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.feature-carousel__chevrons {
  position: absolute;
  height: 100%;
  width: 100%; }
  .feature-carousel__chevrons .chevron-left {
    left: -80px; }
  .feature-carousel__chevrons .chevron-right {
    right: -80px; }

@media (max-width: 63.9375em) {
  .feature-carousel__chevrons {
    display: none; }
  .feature-carousel__bullets {
    display: none; }
  .feature-carousel {
    height: auto !important; } }

@media (min-width: 64em) {
  .feature-carousel__item {
    position: absolute;
    pointer-events: none; }
    .feature-carousel__item .cell:nth-of-type(1) {
      opacity: 0;
      transform: translate(-100px, 0);
      transition: opacity 300ms, transform 600ms ease; }
    .feature-carousel__item .cell:nth-of-type(2) > * {
      opacity: 0;
      transition: opacity 300ms, transform 600ms ease;
      transform: translate(100px, 0); }
    .feature-carousel__item.active {
      pointer-events: auto; }
      .feature-carousel__item.active .cell:nth-of-type(1) {
        opacity: 1;
        transform: translate(0, 0);
        transition: opacity 300ms, transform 400ms ease; }
      .feature-carousel__item.active .cell:nth-of-type(2) > * {
        opacity: 1;
        transform: translate(0, 0);
        transition: opacity 300ms, transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .feature-carousel__item.active .cell:nth-of-type(2) > *:nth-child(2) {
        transition-delay: 70ms; }
      .feature-carousel__item.active .cell:nth-of-type(2) > *:nth-child(3) {
        transition-delay: 210ms; }
      .feature-carousel__item.active .cell:nth-of-type(2) > *:nth-child(4) {
        transition-delay: 350ms; } }