:root {
  --font-td-roboto: 'Roboto', 'Helvetica', sans-serif;
  --font-td-poppins: 'Poppins', 'Roboto', 'Helvetica', sans-serif;
  --weight-td-light: 300;
  --weight-td-regular: 400;
  --weight-td-medium: 500;
  --weight-td-semibold: 600;
  --weight-td-bold: 700;
  --color-td-darkblue: #172241;
  --color-td-orange: #ff6300;
  --color-td-lightblue: #3699d1;
  --color-td-teal: #4bc3c9;
  --color-td-lightgrey: #f5f5f5;
  --color-td-bluegrey: #6b748c;
  --color-td-grey: #9b9b9b;
  --color-td-grey-100: #d8d8d8;
  --color-td-white: #ffffff;
  --color-td-black: #000000;
  --color-td-transparent: rgba(255, 255, 255, 0);
}
[class~='grid'],
[class*='grid-'],
[class*='grid_'] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.5rem;
}

[class~='col'],
[class*='col-'],
[class*='col_'] {
  box-sizing: border-box;
  padding: 0 0.5rem 1rem;
  max-width: 100%;
}

[class~='col'],
[class*='col_'] {
  flex: 1 1 0%;
}

[class*='col-'] {
  flex: none;
}

[class~='grid'][class~='col'],
[class~='grid'][class*='col-'],
[class~='grid'][class*='col_'],
[class*='grid-'][class~='col'],
[class*='grid-'][class*='col-'],
[class*='grid-'][class*='col_'],
[class*='grid_'][class~='col'],
[class*='grid_'][class*='col-'],
[class*='grid_'][class*='col_'] {
  margin: 0;
  padding: 0;
}

/************************
    HELPERS SUFFIXES
*************************/
[class*='grid-'][class*='-noGutter'] {
  margin: 0;
}
[class*='grid-'][class*='-noGutter'] > [class~='col'],
[class*='grid-'][class*='-noGutter'] > [class*='col-'] {
  padding: 0;
}
[class*='grid-'][class*='-noWrap'] {
  flex-wrap: nowrap;
}
[class*='grid-'][class*='-center'] {
  justify-content: center;
}
[class*='grid-'][class*='-right'] {
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto;
}
[class*='grid-'][class*='-top'] {
  align-items: flex-start;
}
[class*='grid-'][class*='-middle'] {
  align-items: center;
}
[class*='grid-'][class*='-bottom'] {
  align-items: flex-end;
}
[class*='grid-'][class*='-reverse'] {
  flex-direction: row-reverse;
}
[class*='grid-'][class*='-column'] {
  flex-direction: column;
}
[class*='grid-'][class*='-column'] > [class*='col-'] {
  flex-basis: auto;
}
[class*='grid-'][class*='-column-reverse'] {
  flex-direction: column-reverse;
}
[class*='grid-'][class*='-spaceBetween'] {
  justify-content: space-between;
}
[class*='grid-'][class*='-spaceAround'] {
  justify-content: space-around;
}
[class*='grid-'][class*='-equalHeight'] > [class~='col'],
[class*='grid-'][class*='-equalHeight'] > [class*='col-'],
[class*='grid-'][class*='-equalHeight'] > [class*='col_'] {
  align-self: stretch;
}
[class*='grid-'][class*='-equalHeight'] > [class~='col'] > *,
[class*='grid-'][class*='-equalHeight'] > [class*='col-'] > *,
[class*='grid-'][class*='-equalHeight'] > [class*='col_'] > * {
  height: 100%;
}
[class*='grid-'][class*='-noBottom'] > [class~='col'],
[class*='grid-'][class*='-noBottom'] > [class*='col-'],
[class*='grid-'][class*='-noBottom'] > [class*='col_'] {
  padding-bottom: 0;
}

[class*='col-'][class*='-top'] {
  align-self: flex-start;
}
[class*='col-'][class*='-middle'] {
  align-self: center;
}
[class*='col-'][class*='-bottom'] {
  align-self: flex-end;
}
[class*='col-'][class*='-first'] {
  order: -1;
}
[class*='col-'][class*='-last'] {
  order: 1;
}

/************************
    GRID BY NUMBER
*************************/
[class*='grid-1'] > [class~='col'],
[class*='grid-1'] > [class*='col-'],
[class*='grid-1'] > [class*='col_'] {
  flex-basis: 100%;
  max-width: 100%;
}

[class*='grid-2'] > [class~='col'],
[class*='grid-2'] > [class*='col-'],
[class*='grid-2'] > [class*='col_'] {
  flex-basis: 50%;
  max-width: 50%;
}

[class*='grid-3'] > [class~='col'],
[class*='grid-3'] > [class*='col-'],
[class*='grid-3'] > [class*='col_'] {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

[class*='grid-4'] > [class~='col'],
[class*='grid-4'] > [class*='col-'],
[class*='grid-4'] > [class*='col_'] {
  flex-basis: 25%;
  max-width: 25%;
}

[class*='grid-5'] > [class~='col'],
[class*='grid-5'] > [class*='col-'],
[class*='grid-5'] > [class*='col_'] {
  flex-basis: 20%;
  max-width: 20%;
}

[class*='grid-6'] > [class~='col'],
[class*='grid-6'] > [class*='col-'],
[class*='grid-6'] > [class*='col_'] {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

[class*='grid-7'] > [class~='col'],
[class*='grid-7'] > [class*='col-'],
[class*='grid-7'] > [class*='col_'] {
  flex-basis: 14.2857142857%;
  max-width: 14.2857142857%;
}

[class*='grid-8'] > [class~='col'],
[class*='grid-8'] > [class*='col-'],
[class*='grid-8'] > [class*='col_'] {
  flex-basis: 12.5%;
  max-width: 12.5%;
}

[class*='grid-9'] > [class~='col'],
[class*='grid-9'] > [class*='col-'],
[class*='grid-9'] > [class*='col_'] {
  flex-basis: 11.1111111111%;
  max-width: 11.1111111111%;
}

[class*='grid-10'] > [class~='col'],
[class*='grid-10'] > [class*='col-'],
[class*='grid-10'] > [class*='col_'] {
  flex-basis: 10%;
  max-width: 10%;
}

[class*='grid-11'] > [class~='col'],
[class*='grid-11'] > [class*='col-'],
[class*='grid-11'] > [class*='col_'] {
  flex-basis: 9.0909090909%;
  max-width: 9.0909090909%;
}

[class*='grid-12'] > [class~='col'],
[class*='grid-12'] > [class*='col-'],
[class*='grid-12'] > [class*='col_'] {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

[class*='grid-13'] > [class~='col'],
[class*='grid-13'] > [class*='col-'],
[class*='grid-13'] > [class*='col_'] {
  flex-basis: 7.6923076923%;
  max-width: 7.6923076923%;
}

[class*='grid-14'] > [class~='col'],
[class*='grid-14'] > [class*='col-'],
[class*='grid-14'] > [class*='col_'] {
  flex-basis: 7.1428571429%;
  max-width: 7.1428571429%;
}

@media (max-width: 1919px) {
  [class*='_lg-1'] > [class~='col'],
  [class*='_lg-1'] > [class*='col-'],
  [class*='_lg-1'] > [class*='col_'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*='_lg-2'] > [class~='col'],
  [class*='_lg-2'] > [class*='col-'],
  [class*='_lg-2'] > [class*='col_'] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='_lg-3'] > [class~='col'],
  [class*='_lg-3'] > [class*='col-'],
  [class*='_lg-3'] > [class*='col_'] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*='_lg-4'] > [class~='col'],
  [class*='_lg-4'] > [class*='col-'],
  [class*='_lg-4'] > [class*='col_'] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='_lg-5'] > [class~='col'],
  [class*='_lg-5'] > [class*='col-'],
  [class*='_lg-5'] > [class*='col_'] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*='_lg-6'] > [class~='col'],
  [class*='_lg-6'] > [class*='col-'],
  [class*='_lg-6'] > [class*='col_'] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*='_lg-7'] > [class~='col'],
  [class*='_lg-7'] > [class*='col-'],
  [class*='_lg-7'] > [class*='col_'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*='_lg-8'] > [class~='col'],
  [class*='_lg-8'] > [class*='col-'],
  [class*='_lg-8'] > [class*='col_'] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*='_lg-9'] > [class~='col'],
  [class*='_lg-9'] > [class*='col-'],
  [class*='_lg-9'] > [class*='col_'] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*='_lg-10'] > [class~='col'],
  [class*='_lg-10'] > [class*='col-'],
  [class*='_lg-10'] > [class*='col_'] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*='_lg-11'] > [class~='col'],
  [class*='_lg-11'] > [class*='col-'],
  [class*='_lg-11'] > [class*='col_'] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*='_lg-12'] > [class~='col'],
  [class*='_lg-12'] > [class*='col-'],
  [class*='_lg-12'] > [class*='col_'] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class*='_lg-13'] > [class~='col'],
  [class*='_lg-13'] > [class*='col-'],
  [class*='_lg-13'] > [class*='col_'] {
    flex-basis: 7.6923076923%;
    max-width: 7.6923076923%;
  }

  [class*='_lg-14'] > [class~='col'],
  [class*='_lg-14'] > [class*='col-'],
  [class*='_lg-14'] > [class*='col_'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
}
@media (max-width: 1219px) {
  [class*='_md-1'] > [class~='col'],
  [class*='_md-1'] > [class*='col-'],
  [class*='_md-1'] > [class*='col_'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*='_md-2'] > [class~='col'],
  [class*='_md-2'] > [class*='col-'],
  [class*='_md-2'] > [class*='col_'] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='_md-3'] > [class~='col'],
  [class*='_md-3'] > [class*='col-'],
  [class*='_md-3'] > [class*='col_'] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*='_md-4'] > [class~='col'],
  [class*='_md-4'] > [class*='col-'],
  [class*='_md-4'] > [class*='col_'] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='_md-5'] > [class~='col'],
  [class*='_md-5'] > [class*='col-'],
  [class*='_md-5'] > [class*='col_'] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*='_md-6'] > [class~='col'],
  [class*='_md-6'] > [class*='col-'],
  [class*='_md-6'] > [class*='col_'] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*='_md-7'] > [class~='col'],
  [class*='_md-7'] > [class*='col-'],
  [class*='_md-7'] > [class*='col_'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*='_md-8'] > [class~='col'],
  [class*='_md-8'] > [class*='col-'],
  [class*='_md-8'] > [class*='col_'] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*='_md-9'] > [class~='col'],
  [class*='_md-9'] > [class*='col-'],
  [class*='_md-9'] > [class*='col_'] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*='_md-10'] > [class~='col'],
  [class*='_md-10'] > [class*='col-'],
  [class*='_md-10'] > [class*='col_'] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*='_md-11'] > [class~='col'],
  [class*='_md-11'] > [class*='col-'],
  [class*='_md-11'] > [class*='col_'] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*='_md-12'] > [class~='col'],
  [class*='_md-12'] > [class*='col-'],
  [class*='_md-12'] > [class*='col_'] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class*='_md-13'] > [class~='col'],
  [class*='_md-13'] > [class*='col-'],
  [class*='_md-13'] > [class*='col_'] {
    flex-basis: 7.6923076923%;
    max-width: 7.6923076923%;
  }

  [class*='_md-14'] > [class~='col'],
  [class*='_md-14'] > [class*='col-'],
  [class*='_md-14'] > [class*='col_'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
}
@media (max-width: 991px) {
  [class*='_sm-1'] > [class~='col'],
  [class*='_sm-1'] > [class*='col-'],
  [class*='_sm-1'] > [class*='col_'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*='_sm-2'] > [class~='col'],
  [class*='_sm-2'] > [class*='col-'],
  [class*='_sm-2'] > [class*='col_'] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='_sm-3'] > [class~='col'],
  [class*='_sm-3'] > [class*='col-'],
  [class*='_sm-3'] > [class*='col_'] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*='_sm-4'] > [class~='col'],
  [class*='_sm-4'] > [class*='col-'],
  [class*='_sm-4'] > [class*='col_'] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='_sm-5'] > [class~='col'],
  [class*='_sm-5'] > [class*='col-'],
  [class*='_sm-5'] > [class*='col_'] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*='_sm-6'] > [class~='col'],
  [class*='_sm-6'] > [class*='col-'],
  [class*='_sm-6'] > [class*='col_'] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*='_sm-7'] > [class~='col'],
  [class*='_sm-7'] > [class*='col-'],
  [class*='_sm-7'] > [class*='col_'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*='_sm-8'] > [class~='col'],
  [class*='_sm-8'] > [class*='col-'],
  [class*='_sm-8'] > [class*='col_'] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*='_sm-9'] > [class~='col'],
  [class*='_sm-9'] > [class*='col-'],
  [class*='_sm-9'] > [class*='col_'] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*='_sm-10'] > [class~='col'],
  [class*='_sm-10'] > [class*='col-'],
  [class*='_sm-10'] > [class*='col_'] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*='_sm-11'] > [class~='col'],
  [class*='_sm-11'] > [class*='col-'],
  [class*='_sm-11'] > [class*='col_'] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*='_sm-12'] > [class~='col'],
  [class*='_sm-12'] > [class*='col-'],
  [class*='_sm-12'] > [class*='col_'] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class*='_sm-13'] > [class~='col'],
  [class*='_sm-13'] > [class*='col-'],
  [class*='_sm-13'] > [class*='col_'] {
    flex-basis: 7.6923076923%;
    max-width: 7.6923076923%;
  }

  [class*='_sm-14'] > [class~='col'],
  [class*='_sm-14'] > [class*='col-'],
  [class*='_sm-14'] > [class*='col_'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
}
@media (max-width: 767px) {
  [class*='_xs-1'] > [class~='col'],
  [class*='_xs-1'] > [class*='col-'],
  [class*='_xs-1'] > [class*='col_'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*='_xs-2'] > [class~='col'],
  [class*='_xs-2'] > [class*='col-'],
  [class*='_xs-2'] > [class*='col_'] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='_xs-3'] > [class~='col'],
  [class*='_xs-3'] > [class*='col-'],
  [class*='_xs-3'] > [class*='col_'] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*='_xs-4'] > [class~='col'],
  [class*='_xs-4'] > [class*='col-'],
  [class*='_xs-4'] > [class*='col_'] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='_xs-5'] > [class~='col'],
  [class*='_xs-5'] > [class*='col-'],
  [class*='_xs-5'] > [class*='col_'] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*='_xs-6'] > [class~='col'],
  [class*='_xs-6'] > [class*='col-'],
  [class*='_xs-6'] > [class*='col_'] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*='_xs-7'] > [class~='col'],
  [class*='_xs-7'] > [class*='col-'],
  [class*='_xs-7'] > [class*='col_'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*='_xs-8'] > [class~='col'],
  [class*='_xs-8'] > [class*='col-'],
  [class*='_xs-8'] > [class*='col_'] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*='_xs-9'] > [class~='col'],
  [class*='_xs-9'] > [class*='col-'],
  [class*='_xs-9'] > [class*='col_'] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*='_xs-10'] > [class~='col'],
  [class*='_xs-10'] > [class*='col-'],
  [class*='_xs-10'] > [class*='col_'] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*='_xs-11'] > [class~='col'],
  [class*='_xs-11'] > [class*='col-'],
  [class*='_xs-11'] > [class*='col_'] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*='_xs-12'] > [class~='col'],
  [class*='_xs-12'] > [class*='col-'],
  [class*='_xs-12'] > [class*='col_'] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class*='_xs-13'] > [class~='col'],
  [class*='_xs-13'] > [class*='col-'],
  [class*='_xs-13'] > [class*='col_'] {
    flex-basis: 7.6923076923%;
    max-width: 7.6923076923%;
  }

  [class*='_xs-14'] > [class~='col'],
  [class*='_xs-14'] > [class*='col-'],
  [class*='_xs-14'] > [class*='col_'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
}
/************************
    COLS SIZES
*************************/
[class~='grid'] > [class*='col-1'],
[class*='grid-'] > [class*='col-1'],
[class*='grid_'] > [class*='col-1'] {
  flex-basis: 7.1428571429%;
  max-width: 7.1428571429%;
}
[class~='grid'] > [class*='col-2'],
[class*='grid-'] > [class*='col-2'],
[class*='grid_'] > [class*='col-2'] {
  flex-basis: 14.2857142857%;
  max-width: 14.2857142857%;
}
[class~='grid'] > [class*='col-3'],
[class*='grid-'] > [class*='col-3'],
[class*='grid_'] > [class*='col-3'] {
  flex-basis: 21.4285714286%;
  max-width: 21.4285714286%;
}
[class~='grid'] > [class*='col-4'],
[class*='grid-'] > [class*='col-4'],
[class*='grid_'] > [class*='col-4'] {
  flex-basis: 28.5714285714%;
  max-width: 28.5714285714%;
}
[class~='grid'] > [class*='col-5'],
[class*='grid-'] > [class*='col-5'],
[class*='grid_'] > [class*='col-5'] {
  flex-basis: 35.7142857143%;
  max-width: 35.7142857143%;
}
[class~='grid'] > [class*='col-6'],
[class*='grid-'] > [class*='col-6'],
[class*='grid_'] > [class*='col-6'] {
  flex-basis: 42.8571428571%;
  max-width: 42.8571428571%;
}
[class~='grid'] > [class*='col-7'],
[class*='grid-'] > [class*='col-7'],
[class*='grid_'] > [class*='col-7'] {
  flex-basis: 50%;
  max-width: 50%;
}
[class~='grid'] > [class*='col-8'],
[class*='grid-'] > [class*='col-8'],
[class*='grid_'] > [class*='col-8'] {
  flex-basis: 57.1428571429%;
  max-width: 57.1428571429%;
}
[class~='grid'] > [class*='col-9'],
[class*='grid-'] > [class*='col-9'],
[class*='grid_'] > [class*='col-9'] {
  flex-basis: 64.2857142857%;
  max-width: 64.2857142857%;
}
[class~='grid'] > [class*='col-10'],
[class*='grid-'] > [class*='col-10'],
[class*='grid_'] > [class*='col-10'] {
  flex-basis: 71.4285714286%;
  max-width: 71.4285714286%;
}
[class~='grid'] > [class*='col-11'],
[class*='grid-'] > [class*='col-11'],
[class*='grid_'] > [class*='col-11'] {
  flex-basis: 78.5714285714%;
  max-width: 78.5714285714%;
}
[class~='grid'] > [class*='col-12'],
[class*='grid-'] > [class*='col-12'],
[class*='grid_'] > [class*='col-12'] {
  flex-basis: 85.7142857143%;
  max-width: 85.7142857143%;
}
[class~='grid'] > [class*='col-13'],
[class*='grid-'] > [class*='col-13'],
[class*='grid_'] > [class*='col-13'] {
  flex-basis: 92.8571428571%;
  max-width: 92.8571428571%;
}
[class~='grid'] > [class*='col-14'],
[class*='grid-'] > [class*='col-14'],
[class*='grid_'] > [class*='col-14'] {
  flex-basis: 100%;
  max-width: 100%;
}

[class~='grid'] > [data-push-left*='off-0'],
[class*='grid-'] > [data-push-left*='off-0'],
[class*='grid_'] > [data-push-left*='off-0'] {
  margin-left: 0;
}
[class~='grid'] > [data-push-left*='off-1'],
[class*='grid-'] > [data-push-left*='off-1'],
[class*='grid_'] > [data-push-left*='off-1'] {
  margin-left: 7.1428571429%;
}
[class~='grid'] > [data-push-left*='off-2'],
[class*='grid-'] > [data-push-left*='off-2'],
[class*='grid_'] > [data-push-left*='off-2'] {
  margin-left: 14.2857142857%;
}
[class~='grid'] > [data-push-left*='off-3'],
[class*='grid-'] > [data-push-left*='off-3'],
[class*='grid_'] > [data-push-left*='off-3'] {
  margin-left: 21.4285714286%;
}
[class~='grid'] > [data-push-left*='off-4'],
[class*='grid-'] > [data-push-left*='off-4'],
[class*='grid_'] > [data-push-left*='off-4'] {
  margin-left: 28.5714285714%;
}
[class~='grid'] > [data-push-left*='off-5'],
[class*='grid-'] > [data-push-left*='off-5'],
[class*='grid_'] > [data-push-left*='off-5'] {
  margin-left: 35.7142857143%;
}
[class~='grid'] > [data-push-left*='off-6'],
[class*='grid-'] > [data-push-left*='off-6'],
[class*='grid_'] > [data-push-left*='off-6'] {
  margin-left: 42.8571428571%;
}
[class~='grid'] > [data-push-left*='off-7'],
[class*='grid-'] > [data-push-left*='off-7'],
[class*='grid_'] > [data-push-left*='off-7'] {
  margin-left: 50%;
}
[class~='grid'] > [data-push-left*='off-8'],
[class*='grid-'] > [data-push-left*='off-8'],
[class*='grid_'] > [data-push-left*='off-8'] {
  margin-left: 57.1428571429%;
}
[class~='grid'] > [data-push-left*='off-9'],
[class*='grid-'] > [data-push-left*='off-9'],
[class*='grid_'] > [data-push-left*='off-9'] {
  margin-left: 64.2857142857%;
}
[class~='grid'] > [data-push-left*='off-10'],
[class*='grid-'] > [data-push-left*='off-10'],
[class*='grid_'] > [data-push-left*='off-10'] {
  margin-left: 71.4285714286%;
}
[class~='grid'] > [data-push-left*='off-11'],
[class*='grid-'] > [data-push-left*='off-11'],
[class*='grid_'] > [data-push-left*='off-11'] {
  margin-left: 78.5714285714%;
}
[class~='grid'] > [data-push-left*='off-12'],
[class*='grid-'] > [data-push-left*='off-12'],
[class*='grid_'] > [data-push-left*='off-12'] {
  margin-left: 85.7142857143%;
}
[class~='grid'] > [data-push-left*='off-13'],
[class*='grid-'] > [data-push-left*='off-13'],
[class*='grid_'] > [data-push-left*='off-13'] {
  margin-left: 92.8571428571%;
}

[class~='grid'] > [data-push-right*='off-0'],
[class*='grid-'] > [data-push-right*='off-0'],
[class*='grid_'] > [data-push-right*='off-0'] {
  margin-right: 0;
}
[class~='grid'] > [data-push-right*='off-1'],
[class*='grid-'] > [data-push-right*='off-1'],
[class*='grid_'] > [data-push-right*='off-1'] {
  margin-right: 7.1428571429%;
}
[class~='grid'] > [data-push-right*='off-2'],
[class*='grid-'] > [data-push-right*='off-2'],
[class*='grid_'] > [data-push-right*='off-2'] {
  margin-right: 14.2857142857%;
}
[class~='grid'] > [data-push-right*='off-3'],
[class*='grid-'] > [data-push-right*='off-3'],
[class*='grid_'] > [data-push-right*='off-3'] {
  margin-right: 21.4285714286%;
}
[class~='grid'] > [data-push-right*='off-4'],
[class*='grid-'] > [data-push-right*='off-4'],
[class*='grid_'] > [data-push-right*='off-4'] {
  margin-right: 28.5714285714%;
}
[class~='grid'] > [data-push-right*='off-5'],
[class*='grid-'] > [data-push-right*='off-5'],
[class*='grid_'] > [data-push-right*='off-5'] {
  margin-right: 35.7142857143%;
}
[class~='grid'] > [data-push-right*='off-6'],
[class*='grid-'] > [data-push-right*='off-6'],
[class*='grid_'] > [data-push-right*='off-6'] {
  margin-right: 42.8571428571%;
}
[class~='grid'] > [data-push-right*='off-7'],
[class*='grid-'] > [data-push-right*='off-7'],
[class*='grid_'] > [data-push-right*='off-7'] {
  margin-right: 50%;
}
[class~='grid'] > [data-push-right*='off-8'],
[class*='grid-'] > [data-push-right*='off-8'],
[class*='grid_'] > [data-push-right*='off-8'] {
  margin-right: 57.1428571429%;
}
[class~='grid'] > [data-push-right*='off-9'],
[class*='grid-'] > [data-push-right*='off-9'],
[class*='grid_'] > [data-push-right*='off-9'] {
  margin-right: 64.2857142857%;
}
[class~='grid'] > [data-push-right*='off-10'],
[class*='grid-'] > [data-push-right*='off-10'],
[class*='grid_'] > [data-push-right*='off-10'] {
  margin-right: 71.4285714286%;
}
[class~='grid'] > [data-push-right*='off-11'],
[class*='grid-'] > [data-push-right*='off-11'],
[class*='grid_'] > [data-push-right*='off-11'] {
  margin-right: 78.5714285714%;
}
[class~='grid'] > [data-push-right*='off-12'],
[class*='grid-'] > [data-push-right*='off-12'],
[class*='grid_'] > [data-push-right*='off-12'] {
  margin-right: 85.7142857143%;
}
[class~='grid'] > [data-push-right*='off-13'],
[class*='grid-'] > [data-push-right*='off-13'],
[class*='grid_'] > [data-push-right*='off-13'] {
  margin-right: 92.8571428571%;
}

@media (max-width: 1919px) {
  [class~='grid'] > [class*='_lg-1'],
  [class*='grid-'] > [class*='_lg-1'],
  [class*='grid_'] > [class*='_lg-1'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
  [class~='grid'] > [class*='_lg-2'],
  [class*='grid-'] > [class*='_lg-2'],
  [class*='grid_'] > [class*='_lg-2'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class~='grid'] > [class*='_lg-3'],
  [class*='grid-'] > [class*='_lg-3'],
  [class*='grid_'] > [class*='_lg-3'] {
    flex-basis: 21.4285714286%;
    max-width: 21.4285714286%;
  }
  [class~='grid'] > [class*='_lg-4'],
  [class*='grid-'] > [class*='_lg-4'],
  [class*='grid_'] > [class*='_lg-4'] {
    flex-basis: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  [class~='grid'] > [class*='_lg-5'],
  [class*='grid-'] > [class*='_lg-5'],
  [class*='grid_'] > [class*='_lg-5'] {
    flex-basis: 35.7142857143%;
    max-width: 35.7142857143%;
  }
  [class~='grid'] > [class*='_lg-6'],
  [class*='grid-'] > [class*='_lg-6'],
  [class*='grid_'] > [class*='_lg-6'] {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  [class~='grid'] > [class*='_lg-7'],
  [class*='grid-'] > [class*='_lg-7'],
  [class*='grid_'] > [class*='_lg-7'] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~='grid'] > [class*='_lg-8'],
  [class*='grid-'] > [class*='_lg-8'],
  [class*='grid_'] > [class*='_lg-8'] {
    flex-basis: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  [class~='grid'] > [class*='_lg-9'],
  [class*='grid-'] > [class*='_lg-9'],
  [class*='grid_'] > [class*='_lg-9'] {
    flex-basis: 64.2857142857%;
    max-width: 64.2857142857%;
  }
  [class~='grid'] > [class*='_lg-10'],
  [class*='grid-'] > [class*='_lg-10'],
  [class*='grid_'] > [class*='_lg-10'] {
    flex-basis: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  [class~='grid'] > [class*='_lg-11'],
  [class*='grid-'] > [class*='_lg-11'],
  [class*='grid_'] > [class*='_lg-11'] {
    flex-basis: 78.5714285714%;
    max-width: 78.5714285714%;
  }
  [class~='grid'] > [class*='_lg-12'],
  [class*='grid-'] > [class*='_lg-12'],
  [class*='grid_'] > [class*='_lg-12'] {
    flex-basis: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  [class~='grid'] > [class*='_lg-13'],
  [class*='grid-'] > [class*='_lg-13'],
  [class*='grid_'] > [class*='_lg-13'] {
    flex-basis: 92.8571428571%;
    max-width: 92.8571428571%;
  }
  [class~='grid'] > [class*='_lg-14'],
  [class*='grid-'] > [class*='_lg-14'],
  [class*='grid_'] > [class*='_lg-14'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~='grid'] > [data-push-left*='_lg-0'],
  [class*='grid-'] > [data-push-left*='_lg-0'],
  [class*='grid_'] > [data-push-left*='_lg-0'] {
    margin-left: 0;
  }
  [class~='grid'] > [data-push-left*='_lg-1'],
  [class*='grid-'] > [data-push-left*='_lg-1'],
  [class*='grid_'] > [data-push-left*='_lg-1'] {
    margin-left: 7.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_lg-2'],
  [class*='grid-'] > [data-push-left*='_lg-2'],
  [class*='grid_'] > [data-push-left*='_lg-2'] {
    margin-left: 14.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_lg-3'],
  [class*='grid-'] > [data-push-left*='_lg-3'],
  [class*='grid_'] > [data-push-left*='_lg-3'] {
    margin-left: 21.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_lg-4'],
  [class*='grid-'] > [data-push-left*='_lg-4'],
  [class*='grid_'] > [data-push-left*='_lg-4'] {
    margin-left: 28.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_lg-5'],
  [class*='grid-'] > [data-push-left*='_lg-5'],
  [class*='grid_'] > [data-push-left*='_lg-5'] {
    margin-left: 35.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_lg-6'],
  [class*='grid-'] > [data-push-left*='_lg-6'],
  [class*='grid_'] > [data-push-left*='_lg-6'] {
    margin-left: 42.8571428571%;
  }
  [class~='grid'] > [data-push-left*='_lg-7'],
  [class*='grid-'] > [data-push-left*='_lg-7'],
  [class*='grid_'] > [data-push-left*='_lg-7'] {
    margin-left: 50%;
  }
  [class~='grid'] > [data-push-left*='_lg-8'],
  [class*='grid-'] > [data-push-left*='_lg-8'],
  [class*='grid_'] > [data-push-left*='_lg-8'] {
    margin-left: 57.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_lg-9'],
  [class*='grid-'] > [data-push-left*='_lg-9'],
  [class*='grid_'] > [data-push-left*='_lg-9'] {
    margin-left: 64.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_lg-10'],
  [class*='grid-'] > [data-push-left*='_lg-10'],
  [class*='grid_'] > [data-push-left*='_lg-10'] {
    margin-left: 71.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_lg-11'],
  [class*='grid-'] > [data-push-left*='_lg-11'],
  [class*='grid_'] > [data-push-left*='_lg-11'] {
    margin-left: 78.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_lg-12'],
  [class*='grid-'] > [data-push-left*='_lg-12'],
  [class*='grid_'] > [data-push-left*='_lg-12'] {
    margin-left: 85.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_lg-13'],
  [class*='grid-'] > [data-push-left*='_lg-13'],
  [class*='grid_'] > [data-push-left*='_lg-13'] {
    margin-left: 92.8571428571%;
  }

  [class~='grid'] > [data-push-right*='_lg-0'],
  [class*='grid-'] > [data-push-right*='_lg-0'],
  [class*='grid_'] > [data-push-right*='_lg-0'] {
    margin-right: 0;
  }
  [class~='grid'] > [data-push-right*='_lg-1'],
  [class*='grid-'] > [data-push-right*='_lg-1'],
  [class*='grid_'] > [data-push-right*='_lg-1'] {
    margin-right: 7.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_lg-2'],
  [class*='grid-'] > [data-push-right*='_lg-2'],
  [class*='grid_'] > [data-push-right*='_lg-2'] {
    margin-right: 14.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_lg-3'],
  [class*='grid-'] > [data-push-right*='_lg-3'],
  [class*='grid_'] > [data-push-right*='_lg-3'] {
    margin-right: 21.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_lg-4'],
  [class*='grid-'] > [data-push-right*='_lg-4'],
  [class*='grid_'] > [data-push-right*='_lg-4'] {
    margin-right: 28.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_lg-5'],
  [class*='grid-'] > [data-push-right*='_lg-5'],
  [class*='grid_'] > [data-push-right*='_lg-5'] {
    margin-right: 35.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_lg-6'],
  [class*='grid-'] > [data-push-right*='_lg-6'],
  [class*='grid_'] > [data-push-right*='_lg-6'] {
    margin-right: 42.8571428571%;
  }
  [class~='grid'] > [data-push-right*='_lg-7'],
  [class*='grid-'] > [data-push-right*='_lg-7'],
  [class*='grid_'] > [data-push-right*='_lg-7'] {
    margin-right: 50%;
  }
  [class~='grid'] > [data-push-right*='_lg-8'],
  [class*='grid-'] > [data-push-right*='_lg-8'],
  [class*='grid_'] > [data-push-right*='_lg-8'] {
    margin-right: 57.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_lg-9'],
  [class*='grid-'] > [data-push-right*='_lg-9'],
  [class*='grid_'] > [data-push-right*='_lg-9'] {
    margin-right: 64.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_lg-10'],
  [class*='grid-'] > [data-push-right*='_lg-10'],
  [class*='grid_'] > [data-push-right*='_lg-10'] {
    margin-right: 71.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_lg-11'],
  [class*='grid-'] > [data-push-right*='_lg-11'],
  [class*='grid_'] > [data-push-right*='_lg-11'] {
    margin-right: 78.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_lg-12'],
  [class*='grid-'] > [data-push-right*='_lg-12'],
  [class*='grid_'] > [data-push-right*='_lg-12'] {
    margin-right: 85.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_lg-13'],
  [class*='grid-'] > [data-push-right*='_lg-13'],
  [class*='grid_'] > [data-push-right*='_lg-13'] {
    margin-right: 92.8571428571%;
  }

  [class~='grid'] [class*='_lg-first'],
  [class*='grid-'] [class*='_lg-first'],
  [class*='grid_'] [class*='_lg-first'] {
    order: -1;
  }
  [class~='grid'] [class*='_lg-last'],
  [class*='grid-'] [class*='_lg-last'],
  [class*='grid_'] [class*='_lg-last'] {
    order: 1;
  }
}
@media (max-width: 1219px) {
  [class~='grid'] > [class*='_md-1'],
  [class*='grid-'] > [class*='_md-1'],
  [class*='grid_'] > [class*='_md-1'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
  [class~='grid'] > [class*='_md-2'],
  [class*='grid-'] > [class*='_md-2'],
  [class*='grid_'] > [class*='_md-2'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class~='grid'] > [class*='_md-3'],
  [class*='grid-'] > [class*='_md-3'],
  [class*='grid_'] > [class*='_md-3'] {
    flex-basis: 21.4285714286%;
    max-width: 21.4285714286%;
  }
  [class~='grid'] > [class*='_md-4'],
  [class*='grid-'] > [class*='_md-4'],
  [class*='grid_'] > [class*='_md-4'] {
    flex-basis: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  [class~='grid'] > [class*='_md-5'],
  [class*='grid-'] > [class*='_md-5'],
  [class*='grid_'] > [class*='_md-5'] {
    flex-basis: 35.7142857143%;
    max-width: 35.7142857143%;
  }
  [class~='grid'] > [class*='_md-6'],
  [class*='grid-'] > [class*='_md-6'],
  [class*='grid_'] > [class*='_md-6'] {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  [class~='grid'] > [class*='_md-7'],
  [class*='grid-'] > [class*='_md-7'],
  [class*='grid_'] > [class*='_md-7'] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~='grid'] > [class*='_md-8'],
  [class*='grid-'] > [class*='_md-8'],
  [class*='grid_'] > [class*='_md-8'] {
    flex-basis: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  [class~='grid'] > [class*='_md-9'],
  [class*='grid-'] > [class*='_md-9'],
  [class*='grid_'] > [class*='_md-9'] {
    flex-basis: 64.2857142857%;
    max-width: 64.2857142857%;
  }
  [class~='grid'] > [class*='_md-10'],
  [class*='grid-'] > [class*='_md-10'],
  [class*='grid_'] > [class*='_md-10'] {
    flex-basis: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  [class~='grid'] > [class*='_md-11'],
  [class*='grid-'] > [class*='_md-11'],
  [class*='grid_'] > [class*='_md-11'] {
    flex-basis: 78.5714285714%;
    max-width: 78.5714285714%;
  }
  [class~='grid'] > [class*='_md-12'],
  [class*='grid-'] > [class*='_md-12'],
  [class*='grid_'] > [class*='_md-12'] {
    flex-basis: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  [class~='grid'] > [class*='_md-13'],
  [class*='grid-'] > [class*='_md-13'],
  [class*='grid_'] > [class*='_md-13'] {
    flex-basis: 92.8571428571%;
    max-width: 92.8571428571%;
  }
  [class~='grid'] > [class*='_md-14'],
  [class*='grid-'] > [class*='_md-14'],
  [class*='grid_'] > [class*='_md-14'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~='grid'] > [data-push-left*='_md-0'],
  [class*='grid-'] > [data-push-left*='_md-0'],
  [class*='grid_'] > [data-push-left*='_md-0'] {
    margin-left: 0;
  }
  [class~='grid'] > [data-push-left*='_md-1'],
  [class*='grid-'] > [data-push-left*='_md-1'],
  [class*='grid_'] > [data-push-left*='_md-1'] {
    margin-left: 7.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_md-2'],
  [class*='grid-'] > [data-push-left*='_md-2'],
  [class*='grid_'] > [data-push-left*='_md-2'] {
    margin-left: 14.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_md-3'],
  [class*='grid-'] > [data-push-left*='_md-3'],
  [class*='grid_'] > [data-push-left*='_md-3'] {
    margin-left: 21.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_md-4'],
  [class*='grid-'] > [data-push-left*='_md-4'],
  [class*='grid_'] > [data-push-left*='_md-4'] {
    margin-left: 28.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_md-5'],
  [class*='grid-'] > [data-push-left*='_md-5'],
  [class*='grid_'] > [data-push-left*='_md-5'] {
    margin-left: 35.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_md-6'],
  [class*='grid-'] > [data-push-left*='_md-6'],
  [class*='grid_'] > [data-push-left*='_md-6'] {
    margin-left: 42.8571428571%;
  }
  [class~='grid'] > [data-push-left*='_md-7'],
  [class*='grid-'] > [data-push-left*='_md-7'],
  [class*='grid_'] > [data-push-left*='_md-7'] {
    margin-left: 50%;
  }
  [class~='grid'] > [data-push-left*='_md-8'],
  [class*='grid-'] > [data-push-left*='_md-8'],
  [class*='grid_'] > [data-push-left*='_md-8'] {
    margin-left: 57.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_md-9'],
  [class*='grid-'] > [data-push-left*='_md-9'],
  [class*='grid_'] > [data-push-left*='_md-9'] {
    margin-left: 64.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_md-10'],
  [class*='grid-'] > [data-push-left*='_md-10'],
  [class*='grid_'] > [data-push-left*='_md-10'] {
    margin-left: 71.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_md-11'],
  [class*='grid-'] > [data-push-left*='_md-11'],
  [class*='grid_'] > [data-push-left*='_md-11'] {
    margin-left: 78.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_md-12'],
  [class*='grid-'] > [data-push-left*='_md-12'],
  [class*='grid_'] > [data-push-left*='_md-12'] {
    margin-left: 85.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_md-13'],
  [class*='grid-'] > [data-push-left*='_md-13'],
  [class*='grid_'] > [data-push-left*='_md-13'] {
    margin-left: 92.8571428571%;
  }

  [class~='grid'] > [data-push-right*='_md-0'],
  [class*='grid-'] > [data-push-right*='_md-0'],
  [class*='grid_'] > [data-push-right*='_md-0'] {
    margin-right: 0;
  }
  [class~='grid'] > [data-push-right*='_md-1'],
  [class*='grid-'] > [data-push-right*='_md-1'],
  [class*='grid_'] > [data-push-right*='_md-1'] {
    margin-right: 7.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_md-2'],
  [class*='grid-'] > [data-push-right*='_md-2'],
  [class*='grid_'] > [data-push-right*='_md-2'] {
    margin-right: 14.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_md-3'],
  [class*='grid-'] > [data-push-right*='_md-3'],
  [class*='grid_'] > [data-push-right*='_md-3'] {
    margin-right: 21.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_md-4'],
  [class*='grid-'] > [data-push-right*='_md-4'],
  [class*='grid_'] > [data-push-right*='_md-4'] {
    margin-right: 28.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_md-5'],
  [class*='grid-'] > [data-push-right*='_md-5'],
  [class*='grid_'] > [data-push-right*='_md-5'] {
    margin-right: 35.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_md-6'],
  [class*='grid-'] > [data-push-right*='_md-6'],
  [class*='grid_'] > [data-push-right*='_md-6'] {
    margin-right: 42.8571428571%;
  }
  [class~='grid'] > [data-push-right*='_md-7'],
  [class*='grid-'] > [data-push-right*='_md-7'],
  [class*='grid_'] > [data-push-right*='_md-7'] {
    margin-right: 50%;
  }
  [class~='grid'] > [data-push-right*='_md-8'],
  [class*='grid-'] > [data-push-right*='_md-8'],
  [class*='grid_'] > [data-push-right*='_md-8'] {
    margin-right: 57.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_md-9'],
  [class*='grid-'] > [data-push-right*='_md-9'],
  [class*='grid_'] > [data-push-right*='_md-9'] {
    margin-right: 64.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_md-10'],
  [class*='grid-'] > [data-push-right*='_md-10'],
  [class*='grid_'] > [data-push-right*='_md-10'] {
    margin-right: 71.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_md-11'],
  [class*='grid-'] > [data-push-right*='_md-11'],
  [class*='grid_'] > [data-push-right*='_md-11'] {
    margin-right: 78.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_md-12'],
  [class*='grid-'] > [data-push-right*='_md-12'],
  [class*='grid_'] > [data-push-right*='_md-12'] {
    margin-right: 85.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_md-13'],
  [class*='grid-'] > [data-push-right*='_md-13'],
  [class*='grid_'] > [data-push-right*='_md-13'] {
    margin-right: 92.8571428571%;
  }

  [class~='grid'] [class*='_md-first'],
  [class*='grid-'] [class*='_md-first'],
  [class*='grid_'] [class*='_md-first'] {
    order: -1;
  }
  [class~='grid'] [class*='_md-last'],
  [class*='grid-'] [class*='_md-last'],
  [class*='grid_'] [class*='_md-last'] {
    order: 1;
  }
}
@media (max-width: 991px) {
  [class~='grid'] > [class*='_sm-1'],
  [class*='grid-'] > [class*='_sm-1'],
  [class*='grid_'] > [class*='_sm-1'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
  [class~='grid'] > [class*='_sm-2'],
  [class*='grid-'] > [class*='_sm-2'],
  [class*='grid_'] > [class*='_sm-2'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class~='grid'] > [class*='_sm-3'],
  [class*='grid-'] > [class*='_sm-3'],
  [class*='grid_'] > [class*='_sm-3'] {
    flex-basis: 21.4285714286%;
    max-width: 21.4285714286%;
  }
  [class~='grid'] > [class*='_sm-4'],
  [class*='grid-'] > [class*='_sm-4'],
  [class*='grid_'] > [class*='_sm-4'] {
    flex-basis: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  [class~='grid'] > [class*='_sm-5'],
  [class*='grid-'] > [class*='_sm-5'],
  [class*='grid_'] > [class*='_sm-5'] {
    flex-basis: 35.7142857143%;
    max-width: 35.7142857143%;
  }
  [class~='grid'] > [class*='_sm-6'],
  [class*='grid-'] > [class*='_sm-6'],
  [class*='grid_'] > [class*='_sm-6'] {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  [class~='grid'] > [class*='_sm-7'],
  [class*='grid-'] > [class*='_sm-7'],
  [class*='grid_'] > [class*='_sm-7'] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~='grid'] > [class*='_sm-8'],
  [class*='grid-'] > [class*='_sm-8'],
  [class*='grid_'] > [class*='_sm-8'] {
    flex-basis: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  [class~='grid'] > [class*='_sm-9'],
  [class*='grid-'] > [class*='_sm-9'],
  [class*='grid_'] > [class*='_sm-9'] {
    flex-basis: 64.2857142857%;
    max-width: 64.2857142857%;
  }
  [class~='grid'] > [class*='_sm-10'],
  [class*='grid-'] > [class*='_sm-10'],
  [class*='grid_'] > [class*='_sm-10'] {
    flex-basis: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  [class~='grid'] > [class*='_sm-11'],
  [class*='grid-'] > [class*='_sm-11'],
  [class*='grid_'] > [class*='_sm-11'] {
    flex-basis: 78.5714285714%;
    max-width: 78.5714285714%;
  }
  [class~='grid'] > [class*='_sm-12'],
  [class*='grid-'] > [class*='_sm-12'],
  [class*='grid_'] > [class*='_sm-12'] {
    flex-basis: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  [class~='grid'] > [class*='_sm-13'],
  [class*='grid-'] > [class*='_sm-13'],
  [class*='grid_'] > [class*='_sm-13'] {
    flex-basis: 92.8571428571%;
    max-width: 92.8571428571%;
  }
  [class~='grid'] > [class*='_sm-14'],
  [class*='grid-'] > [class*='_sm-14'],
  [class*='grid_'] > [class*='_sm-14'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~='grid'] > [data-push-left*='_sm-0'],
  [class*='grid-'] > [data-push-left*='_sm-0'],
  [class*='grid_'] > [data-push-left*='_sm-0'] {
    margin-left: 0;
  }
  [class~='grid'] > [data-push-left*='_sm-1'],
  [class*='grid-'] > [data-push-left*='_sm-1'],
  [class*='grid_'] > [data-push-left*='_sm-1'] {
    margin-left: 7.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_sm-2'],
  [class*='grid-'] > [data-push-left*='_sm-2'],
  [class*='grid_'] > [data-push-left*='_sm-2'] {
    margin-left: 14.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_sm-3'],
  [class*='grid-'] > [data-push-left*='_sm-3'],
  [class*='grid_'] > [data-push-left*='_sm-3'] {
    margin-left: 21.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_sm-4'],
  [class*='grid-'] > [data-push-left*='_sm-4'],
  [class*='grid_'] > [data-push-left*='_sm-4'] {
    margin-left: 28.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_sm-5'],
  [class*='grid-'] > [data-push-left*='_sm-5'],
  [class*='grid_'] > [data-push-left*='_sm-5'] {
    margin-left: 35.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_sm-6'],
  [class*='grid-'] > [data-push-left*='_sm-6'],
  [class*='grid_'] > [data-push-left*='_sm-6'] {
    margin-left: 42.8571428571%;
  }
  [class~='grid'] > [data-push-left*='_sm-7'],
  [class*='grid-'] > [data-push-left*='_sm-7'],
  [class*='grid_'] > [data-push-left*='_sm-7'] {
    margin-left: 50%;
  }
  [class~='grid'] > [data-push-left*='_sm-8'],
  [class*='grid-'] > [data-push-left*='_sm-8'],
  [class*='grid_'] > [data-push-left*='_sm-8'] {
    margin-left: 57.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_sm-9'],
  [class*='grid-'] > [data-push-left*='_sm-9'],
  [class*='grid_'] > [data-push-left*='_sm-9'] {
    margin-left: 64.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_sm-10'],
  [class*='grid-'] > [data-push-left*='_sm-10'],
  [class*='grid_'] > [data-push-left*='_sm-10'] {
    margin-left: 71.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_sm-11'],
  [class*='grid-'] > [data-push-left*='_sm-11'],
  [class*='grid_'] > [data-push-left*='_sm-11'] {
    margin-left: 78.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_sm-12'],
  [class*='grid-'] > [data-push-left*='_sm-12'],
  [class*='grid_'] > [data-push-left*='_sm-12'] {
    margin-left: 85.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_sm-13'],
  [class*='grid-'] > [data-push-left*='_sm-13'],
  [class*='grid_'] > [data-push-left*='_sm-13'] {
    margin-left: 92.8571428571%;
  }

  [class~='grid'] > [data-push-right*='_sm-0'],
  [class*='grid-'] > [data-push-right*='_sm-0'],
  [class*='grid_'] > [data-push-right*='_sm-0'] {
    margin-right: 0;
  }
  [class~='grid'] > [data-push-right*='_sm-1'],
  [class*='grid-'] > [data-push-right*='_sm-1'],
  [class*='grid_'] > [data-push-right*='_sm-1'] {
    margin-right: 7.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_sm-2'],
  [class*='grid-'] > [data-push-right*='_sm-2'],
  [class*='grid_'] > [data-push-right*='_sm-2'] {
    margin-right: 14.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_sm-3'],
  [class*='grid-'] > [data-push-right*='_sm-3'],
  [class*='grid_'] > [data-push-right*='_sm-3'] {
    margin-right: 21.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_sm-4'],
  [class*='grid-'] > [data-push-right*='_sm-4'],
  [class*='grid_'] > [data-push-right*='_sm-4'] {
    margin-right: 28.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_sm-5'],
  [class*='grid-'] > [data-push-right*='_sm-5'],
  [class*='grid_'] > [data-push-right*='_sm-5'] {
    margin-right: 35.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_sm-6'],
  [class*='grid-'] > [data-push-right*='_sm-6'],
  [class*='grid_'] > [data-push-right*='_sm-6'] {
    margin-right: 42.8571428571%;
  }
  [class~='grid'] > [data-push-right*='_sm-7'],
  [class*='grid-'] > [data-push-right*='_sm-7'],
  [class*='grid_'] > [data-push-right*='_sm-7'] {
    margin-right: 50%;
  }
  [class~='grid'] > [data-push-right*='_sm-8'],
  [class*='grid-'] > [data-push-right*='_sm-8'],
  [class*='grid_'] > [data-push-right*='_sm-8'] {
    margin-right: 57.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_sm-9'],
  [class*='grid-'] > [data-push-right*='_sm-9'],
  [class*='grid_'] > [data-push-right*='_sm-9'] {
    margin-right: 64.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_sm-10'],
  [class*='grid-'] > [data-push-right*='_sm-10'],
  [class*='grid_'] > [data-push-right*='_sm-10'] {
    margin-right: 71.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_sm-11'],
  [class*='grid-'] > [data-push-right*='_sm-11'],
  [class*='grid_'] > [data-push-right*='_sm-11'] {
    margin-right: 78.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_sm-12'],
  [class*='grid-'] > [data-push-right*='_sm-12'],
  [class*='grid_'] > [data-push-right*='_sm-12'] {
    margin-right: 85.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_sm-13'],
  [class*='grid-'] > [data-push-right*='_sm-13'],
  [class*='grid_'] > [data-push-right*='_sm-13'] {
    margin-right: 92.8571428571%;
  }

  [class~='grid'] [class*='_sm-first'],
  [class*='grid-'] [class*='_sm-first'],
  [class*='grid_'] [class*='_sm-first'] {
    order: -1;
  }
  [class~='grid'] [class*='_sm-last'],
  [class*='grid-'] [class*='_sm-last'],
  [class*='grid_'] [class*='_sm-last'] {
    order: 1;
  }
}
@media (max-width: 767px) {
  [class~='grid'] > [class*='_xs-1'],
  [class*='grid-'] > [class*='_xs-1'],
  [class*='grid_'] > [class*='_xs-1'] {
    flex-basis: 7.1428571429%;
    max-width: 7.1428571429%;
  }
  [class~='grid'] > [class*='_xs-2'],
  [class*='grid-'] > [class*='_xs-2'],
  [class*='grid_'] > [class*='_xs-2'] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class~='grid'] > [class*='_xs-3'],
  [class*='grid-'] > [class*='_xs-3'],
  [class*='grid_'] > [class*='_xs-3'] {
    flex-basis: 21.4285714286%;
    max-width: 21.4285714286%;
  }
  [class~='grid'] > [class*='_xs-4'],
  [class*='grid-'] > [class*='_xs-4'],
  [class*='grid_'] > [class*='_xs-4'] {
    flex-basis: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  [class~='grid'] > [class*='_xs-5'],
  [class*='grid-'] > [class*='_xs-5'],
  [class*='grid_'] > [class*='_xs-5'] {
    flex-basis: 35.7142857143%;
    max-width: 35.7142857143%;
  }
  [class~='grid'] > [class*='_xs-6'],
  [class*='grid-'] > [class*='_xs-6'],
  [class*='grid_'] > [class*='_xs-6'] {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  [class~='grid'] > [class*='_xs-7'],
  [class*='grid-'] > [class*='_xs-7'],
  [class*='grid_'] > [class*='_xs-7'] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~='grid'] > [class*='_xs-8'],
  [class*='grid-'] > [class*='_xs-8'],
  [class*='grid_'] > [class*='_xs-8'] {
    flex-basis: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  [class~='grid'] > [class*='_xs-9'],
  [class*='grid-'] > [class*='_xs-9'],
  [class*='grid_'] > [class*='_xs-9'] {
    flex-basis: 64.2857142857%;
    max-width: 64.2857142857%;
  }
  [class~='grid'] > [class*='_xs-10'],
  [class*='grid-'] > [class*='_xs-10'],
  [class*='grid_'] > [class*='_xs-10'] {
    flex-basis: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  [class~='grid'] > [class*='_xs-11'],
  [class*='grid-'] > [class*='_xs-11'],
  [class*='grid_'] > [class*='_xs-11'] {
    flex-basis: 78.5714285714%;
    max-width: 78.5714285714%;
  }
  [class~='grid'] > [class*='_xs-12'],
  [class*='grid-'] > [class*='_xs-12'],
  [class*='grid_'] > [class*='_xs-12'] {
    flex-basis: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  [class~='grid'] > [class*='_xs-13'],
  [class*='grid-'] > [class*='_xs-13'],
  [class*='grid_'] > [class*='_xs-13'] {
    flex-basis: 92.8571428571%;
    max-width: 92.8571428571%;
  }
  [class~='grid'] > [class*='_xs-14'],
  [class*='grid-'] > [class*='_xs-14'],
  [class*='grid_'] > [class*='_xs-14'] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~='grid'] > [data-push-left*='_xs-0'],
  [class*='grid-'] > [data-push-left*='_xs-0'],
  [class*='grid_'] > [data-push-left*='_xs-0'] {
    margin-left: 0;
  }
  [class~='grid'] > [data-push-left*='_xs-1'],
  [class*='grid-'] > [data-push-left*='_xs-1'],
  [class*='grid_'] > [data-push-left*='_xs-1'] {
    margin-left: 7.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_xs-2'],
  [class*='grid-'] > [data-push-left*='_xs-2'],
  [class*='grid_'] > [data-push-left*='_xs-2'] {
    margin-left: 14.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_xs-3'],
  [class*='grid-'] > [data-push-left*='_xs-3'],
  [class*='grid_'] > [data-push-left*='_xs-3'] {
    margin-left: 21.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_xs-4'],
  [class*='grid-'] > [data-push-left*='_xs-4'],
  [class*='grid_'] > [data-push-left*='_xs-4'] {
    margin-left: 28.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_xs-5'],
  [class*='grid-'] > [data-push-left*='_xs-5'],
  [class*='grid_'] > [data-push-left*='_xs-5'] {
    margin-left: 35.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_xs-6'],
  [class*='grid-'] > [data-push-left*='_xs-6'],
  [class*='grid_'] > [data-push-left*='_xs-6'] {
    margin-left: 42.8571428571%;
  }
  [class~='grid'] > [data-push-left*='_xs-7'],
  [class*='grid-'] > [data-push-left*='_xs-7'],
  [class*='grid_'] > [data-push-left*='_xs-7'] {
    margin-left: 50%;
  }
  [class~='grid'] > [data-push-left*='_xs-8'],
  [class*='grid-'] > [data-push-left*='_xs-8'],
  [class*='grid_'] > [data-push-left*='_xs-8'] {
    margin-left: 57.1428571429%;
  }
  [class~='grid'] > [data-push-left*='_xs-9'],
  [class*='grid-'] > [data-push-left*='_xs-9'],
  [class*='grid_'] > [data-push-left*='_xs-9'] {
    margin-left: 64.2857142857%;
  }
  [class~='grid'] > [data-push-left*='_xs-10'],
  [class*='grid-'] > [data-push-left*='_xs-10'],
  [class*='grid_'] > [data-push-left*='_xs-10'] {
    margin-left: 71.4285714286%;
  }
  [class~='grid'] > [data-push-left*='_xs-11'],
  [class*='grid-'] > [data-push-left*='_xs-11'],
  [class*='grid_'] > [data-push-left*='_xs-11'] {
    margin-left: 78.5714285714%;
  }
  [class~='grid'] > [data-push-left*='_xs-12'],
  [class*='grid-'] > [data-push-left*='_xs-12'],
  [class*='grid_'] > [data-push-left*='_xs-12'] {
    margin-left: 85.7142857143%;
  }
  [class~='grid'] > [data-push-left*='_xs-13'],
  [class*='grid-'] > [data-push-left*='_xs-13'],
  [class*='grid_'] > [data-push-left*='_xs-13'] {
    margin-left: 92.8571428571%;
  }

  [class~='grid'] > [data-push-right*='_xs-0'],
  [class*='grid-'] > [data-push-right*='_xs-0'],
  [class*='grid_'] > [data-push-right*='_xs-0'] {
    margin-right: 0;
  }
  [class~='grid'] > [data-push-right*='_xs-1'],
  [class*='grid-'] > [data-push-right*='_xs-1'],
  [class*='grid_'] > [data-push-right*='_xs-1'] {
    margin-right: 7.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_xs-2'],
  [class*='grid-'] > [data-push-right*='_xs-2'],
  [class*='grid_'] > [data-push-right*='_xs-2'] {
    margin-right: 14.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_xs-3'],
  [class*='grid-'] > [data-push-right*='_xs-3'],
  [class*='grid_'] > [data-push-right*='_xs-3'] {
    margin-right: 21.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_xs-4'],
  [class*='grid-'] > [data-push-right*='_xs-4'],
  [class*='grid_'] > [data-push-right*='_xs-4'] {
    margin-right: 28.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_xs-5'],
  [class*='grid-'] > [data-push-right*='_xs-5'],
  [class*='grid_'] > [data-push-right*='_xs-5'] {
    margin-right: 35.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_xs-6'],
  [class*='grid-'] > [data-push-right*='_xs-6'],
  [class*='grid_'] > [data-push-right*='_xs-6'] {
    margin-right: 42.8571428571%;
  }
  [class~='grid'] > [data-push-right*='_xs-7'],
  [class*='grid-'] > [data-push-right*='_xs-7'],
  [class*='grid_'] > [data-push-right*='_xs-7'] {
    margin-right: 50%;
  }
  [class~='grid'] > [data-push-right*='_xs-8'],
  [class*='grid-'] > [data-push-right*='_xs-8'],
  [class*='grid_'] > [data-push-right*='_xs-8'] {
    margin-right: 57.1428571429%;
  }
  [class~='grid'] > [data-push-right*='_xs-9'],
  [class*='grid-'] > [data-push-right*='_xs-9'],
  [class*='grid_'] > [data-push-right*='_xs-9'] {
    margin-right: 64.2857142857%;
  }
  [class~='grid'] > [data-push-right*='_xs-10'],
  [class*='grid-'] > [data-push-right*='_xs-10'],
  [class*='grid_'] > [data-push-right*='_xs-10'] {
    margin-right: 71.4285714286%;
  }
  [class~='grid'] > [data-push-right*='_xs-11'],
  [class*='grid-'] > [data-push-right*='_xs-11'],
  [class*='grid_'] > [data-push-right*='_xs-11'] {
    margin-right: 78.5714285714%;
  }
  [class~='grid'] > [data-push-right*='_xs-12'],
  [class*='grid-'] > [data-push-right*='_xs-12'],
  [class*='grid_'] > [data-push-right*='_xs-12'] {
    margin-right: 85.7142857143%;
  }
  [class~='grid'] > [data-push-right*='_xs-13'],
  [class*='grid-'] > [data-push-right*='_xs-13'],
  [class*='grid_'] > [data-push-right*='_xs-13'] {
    margin-right: 92.8571428571%;
  }

  [class~='grid'] [class*='_xs-first'],
  [class*='grid-'] [class*='_xs-first'],
  [class*='grid_'] [class*='_xs-first'] {
    order: -1;
  }
  [class~='grid'] [class*='_xs-last'],
  [class*='grid-'] [class*='_xs-last'],
  [class*='grid_'] [class*='_xs-last'] {
    order: 1;
  }
}
/************************
    HIDING COLS
*************************/
@media (max-width: 1919px) {
  [class*='lg-hidden'] {
    display: none;
  }
}
@media (max-width: 1219px) {
  [class*='md-hidden'] {
    display: none;
  }
}
@media (max-width: 991px) {
  [class*='sm-hidden'] {
    display: none;
  }
}
@media (max-width: 767px) {
  [class*='xs-hidden'] {
    display: none;
  }
}
/* ====================================================
   Base styles
   ==================================================== */
*,
input[type='search'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background-color: #ffffff;
}

body {
  color: #555555;
  font-family: var(--font-td-roboto);
  color: var(--color-td-darkblue);
  font-size: 13px;
  font-weight: lighter;
  line-height: 1.5;
  margin: 0;
}

/*
 * Links
 */
a {
  color: rgba(54, 153, 209, 1);
  text-decoration: none;
}
a:hover {
  cursor: pointer;
  text-decoration: underline;
}

p {
  color: #555555;
}

/*
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle;
}

img[width],
img[height] {
  max-width: none;
}

figure > img {
  display: block;
}

/*
 * Lists
 */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
 * Headings
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-semibold);
  margin-top: 0;
}

/*
 * Forms
 */
label {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

input[type='checkbox'] + label {
  display: inline-block;
  margin-left: 5px;
}

input,
textarea {
  border: 1px solid #dddddd;
  border: 1px solid rgba(0, 0, 0, 0.13);
  padding: 10px;
}

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
}

textarea,
input[type='text'] {
  width: 100%;
}

input,
textarea,
select {
  color: #555555;
}

input::-ms-clear {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

/*
 * Buttons
 */
button,
[role='button'],
[type='button'],
[type='submit'] {
  /*background: transparent;
  border-radius: 2px;
  border: 1px solid #DDDDDD;
  border: 1px solid rgba(0, 0, 0, 0.13);
  box-shadow: inset 0 -2px #f6f6f6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
  color: #172241;*/
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: lighter;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}

a[role='button']:hover {
  text-decoration: none;
}

input[type='submit'] {
  background: #444;
  border-color: transparent;
  box-shadow: inset 0 -2px #222;
  color: #fff;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

input[type='submit'][disabled] {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
  /* IE 8 */
  opacity: 0.4;
}

/*
 * Tables
 */
table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

td,
th {
  border-color: #ececec;
  border-color: rgba(0, 0, 0, 0.07);
  border-style: solid;
  padding: 12px;
}

th {
  border-width: 1px 0;
  color: #bbb;
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
}

td {
  border-width: 0 0 1px 0;
}

/* ====================================================
   Helper classes
   ==================================================== */
/*
 * Clearfix: contain floats
 */
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}

/*
 * Column size
 */
@media (min-width: 62rem) {
  .main-column {
    float: left;
    width: calc(100% - 270px);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 61.9375rem) {
  .main-column {
    display: flex;
    flex-flow: column;
    float: inherit;
    width: 100%;
    padding: auto;
  }
}
@media (min-width: 62rem) {
  .side-column {
    float: right;
    width: 270px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 61.9375rem) {
  .side-column {
    display: flex;
    flex-flow: column;
    float: inherit;
    width: 100%;
    padding: auto;
  }
  .side-column .request-details {
    width: 100%;
  }
}

/*
 * Dropdowns
 */
.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle:after {
  display: none;
  /*color: white;
  content: '\25BE';
  display: inline-block;
  font-family: 'entypo';
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  line-height: 1;*/
}

#user .dropdown-toggle:after {
  vertical-align: top;
  padding-top: 5px;
}

/*
 * Visibility
 */
.visibility-internal-icon:before {
  cursor: default;
  content: '\1F512';
  font-family: 'entypo';
  margin-right: 5px;
}

.visibility-internal {
  position: relative;
}

.visibility-internal:before,
.visibility-internal:after {
  display: none;
  position: absolute;
}

.visibility-internal:hover:before,
.visibility-internal:hover:after {
  display: block;
}

.visibility-internal:before {
  background: #222;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  color: #fff;
  content: attr(data-title);
  text-transform: none;
  font-family: sans-serif;
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.visibility-internal:after {
  border-bottom: 5px solid #222;
  border-bottom: 5px solid rgba(0, 0, 0, 0.85);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

/* ====================================================
   Content frame
   ==================================================== */
/* main, */
.header-inner,
.footer-inner {
  margin: 0 auto;
  /* padding: 0 20px; */
  width: 100%;
}
/* @media (min-width: 992px) {
  main,
  .header-inner,
  .footer-inner {
    width: 980px;
  }
} */
/* ====================================================
   Header
   ==================================================== */
.header {
  background-color: #ffffff;
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 0 0 1px;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
@media (min-width: 992px) {
  .header:not(.small) {
    padding-top: 1.875rem;
    padding-bottom: 3.75rem;
  }
}
.header .logo {
  margin-right: auto;
}
.header-mobile-menus {
  margin-left: 0.9375rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1219px) {
  .header-mobile-menus {
    width: 4.25rem;
  }
}

.icon-search-container {
  width: 1.5rem;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.icon-search-bar1 {
  width: 1rem;
  height: 1rem;
  border-radius: 3.125rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--color-td-white);
  margin: 0.375rem 0;
  transition: all ease-out 150ms;
}
.icon-search-bar2 {
  width: 0.7rem;
  height: 0.0625rem;
  background-color: var(--color-td-white);
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  position: absolute;
  top: 83%;
  right: 3%;
}
.icon-search-bar1::before,
.icon-search-bar1::after {
  width: 160%;
  height: 0.0625rem;
  background-color: var(--color-td-white);
  position: absolute;
  top: 50%;
  opacity: 0;
  transform: rotate(0);
  transition: all ease-out 150ms;
  content: '';
}
.--open .icon-search-bar1,
.--open .icon-search-bar2 {
  position: relative;
  opacity: 0;
}
.--open .icon-search-bar1 {
  border-color: var(--color-td-transparent);
  opacity: 1;
}
.--open .icon-search-bar1::before {
  opacity: 1;
  transform: rotate(45deg);
}
.--open .icon-search-bar1::after {
  opacity: 1;
  transform: rotate(-45deg);
}

.burguer-container {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-left: auto;
}
@media (min-width: 1220px) {
  .burguer-container {
    display: none;
  }
}
.burguer-bar1,
.burguer-bar2,
.burguer-bar3 {
  width: 1.5rem;
  height: 0.0625rem;
  background-color: var(--color-td-white);
  margin: 0.375rem 0;
  transition: all ease-out 150ms;
}
.burguer-bar2::before,
.burguer-bar2::after {
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color-td-white);
  content: '';
  opacity: 0;
  transform: rotate(0);
  transition: all ease-out 150ms;
}
.--open .burguer-bar1,
.--open .burguer-bar2,
.--open .burguer-bar3 {
  position: relative;
  opacity: 0;
}
.--open .burguer-bar2 {
  background-color: var(--color-td-transparent);
  opacity: 1;
}
.--open .burguer-bar2::before {
  opacity: 1;
  transform: rotate(45deg);
}
.--open .burguer-bar2::after {
  opacity: 1;
  transform: rotate(-45deg);
}

.logo {
  float: left;
}

.logo a {
  display: inline-block;
  line-height: 50px;
}

.logo img {
  vertical-align: middle;
  max-width: 310px;
}
@media (max-width: 480px) {
  .logo a {
    width: 7rem;
    height: 1.6875rem;
    position: relative;
    overflow: hidden;
  }
  .logo img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.logo div {
  display: inline-block;
  position: relative;
}

.logo div span {
  color: white;
  display: block;
  position: absolute;
  top: -8px;
  left: 5px;
}

/* ====================================================
   User nav links
   ==================================================== */
.user-nav > * {
  display: inline-block;
  font-size: inherit;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .user-info.dropdown,
  .user-nav .login {
    margin-left: 20px;
  }
}

.user-info [role='button'] {
  padding: 0;
  /*background: #ffffff;
  background: linear-gradient(to bottom, white 0%, #f4f4f4 50%, #ededed 100%);
  border-bottom-color: #C0C0C0;
  border-radius: 3px;
  box-shadow: inset 0 -1px #DDD;
  height: auto;
  line-height: 1;
  padding: 4px 10px 4px 4px;
  margin-left: 30px;*/
}
.user-info [role='button'] > div:first-of-type {
  display: none;
}

.user-info [role='button']:hover {
  border-color: #aaa;
  /*box-shadow: inset 0 -1px #BBB;*/
}

/*.user-info [role='button']:active {
  background: linear-gradient(to bottom, whitesmoke 0%, #d5d5d5 100%);
}*/

.user-info [role='button'] div {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 50%;
}

.user-info #user-avatar {
  max-width: 160% !important;
}

.user-info [role='button']::before {
  display: none;
  /* content: '';
  position: absolute;
  width: 26px;
  height: 26px;
  background: white;
  border-radius: 50%;
  top: 1px;
  left: 1px;*/
}

.login,
#user #user-name {
  font-family: var(--font-td-poppins);
  color: var(--color-td-darkblue);
  font-size: 0.8125rem;
  font-weight: var(--weight-td-semibold);
  letter-spacing: 0.0625rem;
  line-height: 1.5rem;
  background-color: var(--color-td-white);

  text-transform: uppercase;
  border: 0.125rem solid var(--color-td-white);
  border-radius: 0.1875rem;
  padding: 0.8125rem 1.875rem;
  height: auto;
  min-width: 10.9375rem;
  text-align: center;
  transition: all 250ms ease-out;
}
.login:hover,
#user #user-name:hover {
  color: var(--color-td-white);
  background-color: var(--color-td-darkblue);
  border-color: var(--color-td-darkblue);
}

.user-avatar {
  margin-right: 4px;
  max-height: 20px;
}

.user-avatar,
.user-avatar + span {
  display: inline-block;
  vertical-align: middle;
}

.submit-a-request {
  font-family: var(--font-td-poppins);
  font-size: 0.8125rem;
  color: var(--color-td-white);
  font-weight: var(--weight-td-semibold);
  letter-spacing: 0.0625rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  border: 2px solid var(--color-td-white);
  border-radius: 0.1875rem;
  padding: 0.8125rem 1.875rem;
  transition: all 250ms ease-out;
}
.submit-a-request:hover {
  color: var(--color-td-white);
  background-color: var(--color-td-darkblue);
  border-color: var(--color-td-darkblue);
  text-decoration: none;
}

/* ====================================================
   Search
   ==================================================== */

.search {
  position: relative;
  /*outline: 1px solid red;*/
}

.search:before {
  color: #555555;
  content: '\1F50D';
  font-family: 'entypo';
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 1;
}

.search input[type='search'] {
  background: #fff;
  border-top-color: #bfbfbf;
  font-weight: lighter;
}

.hero-unit .search {
  font-size: 22px;
  /* padding: 80px 60px; */
  position: relative;
}

/* .hero-unit .search:before {
  width: 60px;
} */

.hero-unit .search input[type='search'] {
  height: 60px;
  padding: 16px 12px 16px 55px;
  width: 100%;
}

.hero-unit .search input[type='text'] {
  height: 60px;
  padding: 16px 12px 16px 55px;
  width: 100%;
}

.hero-unit .search input[type='submit'] {
  display: none;
}

.sub-nav .search {
  float: right;
}

.sub-nav .search:before {
  font-size: 16px;
  width: 35px;
}

.sub-nav .search input[type='search'] {
  padding: 6px 10px 6px 35px;
  height: 30px;
  width: 270px;
}

.sub-nav .search input[type='text'] {
  padding: 6px 10px 6px 35px;
  height: 30px;
  width: 270px;
}

.sub-nav .search input[type='submit'] {
  display: none;
}

/* ====================================================
   Navigation Pages
   ==================================================== */
body.community-enabled .knowledge-base {
  float: left;
  width: 620px;
}

body.community-enabled .community {
  float: right;
  width: 270px;
}

.community {
  /*background: #e6e6e6;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;*/
  padding: 15px 20px;
  margin-top: 200px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(85, 85, 85, 0.5);
}

.community h2,
.community h3,
.section h3 {
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-semibold);
  font-size: 1.375rem;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
  line-height: 2rem;
  margin: 10px 0 15px;
}

.community h4 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 0;
}

.community h4 a {
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
}

.community .trending-questions + h4 {
  margin-top: 50px;
}
.article-list + .button {
  font-size: 0.8125rem;
  font-weight: var(--weight-td-semibold);
  line-height: 1.5rem;
  margin-top: 1rem;
  text-transform: uppercase;
  min-width: 10.9375rem;
  transition: all 250ms ease-out;
}
.article-list + .button:hover {
  background-color: var(--color-td-darkblue);
}
.article-list li,
.community li {
  margin-bottom: 10px;
}

.article-list a {
  color: var(--color-td-darkblue);
}

.sections h1,
.category h1 {
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-semibold);
  font-size: 1.375rem;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
  line-height: 2rem;
}
.category h2 {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 15px;
  font-weight: bold;
  margin: 25px 0;
  padding-bottom: 18px;
}

.category h2 a,
.section h3 a {
  color: inherit;
}

.category-empty,
.section {
  display: inline-block;
  padding: 0 50px 30px 0;
  vertical-align: top;
  width: 49.5%;
}

.see-all-articles {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: underline;
}

.category-description,
.section-description {
  font-family: var(--font-td-roboto);
  font-weight: var(--weight-td-regular);
  font-size: 1rem;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
  line-height: 1.5rem;

  margin-bottom: 50px;
  /* margin-top: -15px; */
}

.section-subscribe,
.section-unsubscribe {
  float: right;
  font-weight: lighter;
}

.category-list a,
.section-list a {
  color: inherit;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}

/* ====================================================
   Promoted tooltip
   ==================================================== */
.article-promoted span {
  cursor: default;
  font-family: 'entypo';
  margin-right: 5px;
  position: relative;
}

.article-promoted span:before,
.article-promoted span:after {
  display: none;
  position: absolute;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
  display: block;
}

.article-promoted span:before {
  background: #222;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  color: #fff;
  content: attr(data-title);
  font-family: sans-serif;
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.article-promoted span:after {
  border-bottom: 5px solid #222;
  border-bottom: 5px solid rgba(0, 0, 0, 0.85);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

/* ====================================================
   Sub nav
   ==================================================== */
.sub-nav {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
  padding-top: 2.4375rem;
  padding-bottom: 2.4375rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.sub-nav .breadcrumbs {
  float: left;
  line-height: 1;
  font-size: 0;
}

.sub-nav-far {
  margin-bottom: 50px;
}

/* ====================================================
   Breadcrumbs
   ==================================================== */
.breadcrumbs a {
  color: inherit;
}
.breadcrumbs li {
  font-family: var(--font-td-roboto);
  font-weight: var(--weight-td-medium);
  color: var(--color-td-darkblue);
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.breadcrumbs li:not(:first-child) {
  color: var(--color-td-bluegrey);
}
.breadcrumbs li + li:before {
  color: var(--color-td-darkblue);
  content: '\E75E';
  font-family: 'entypo';
  padding: 0 0.5rem;
  left: 2px;
  position: relative;
}

/* ====================================================
   Article
   ==================================================== */
/*
 * Header
 */
.article-header {
  /* border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 15px; */
  margin-bottom: 1.875rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.article-header h1 {
  padding-right: 1.25rem;
  margin: 0 auto 0 0;
}

.article-author {
  color: #333;
  font-weight: bold;
  margin-top: 2px;
}
.article-author a {
  color: inherit;
}

.article-metadata {
  /* float: left;
  padding-left: 55px; */
  position: relative;
}

.article-avatar {
  left: 0;
  position: absolute;
  top: 0;
}

.article-avatar img {
  max-height: 38px;
  max-width: 38px;
}

.article-updated {
  color: #bbb;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 0px;
}

.article-subscribe,
.article-unsubscribe {
  font-weight: var(--weight-td-semibold);
  font-size: 0.625rem;
  float: right;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  transition: all 250ms ease-out;
}
.article-subscribe:hover,
.article-unsubscribe:hover {
  background-color: var(--color-td-darkblue);
}
.sidebar-panel .login,
.dropdown-toggle,
.article-subscribe,
.article-unsubscribe {
  color: var(--color-td-white);
  padding: 0.375rem 1rem;
  border-radius: 0.1875rem;
  background-color: var(--color-td-teal);
  border-color: var(--color-td-teal);
  min-width: 6.25rem;
  height: auto;
  text-align: center;
  transition: all 250ms ease-out;
  margin-top: 0;
}
.sidebar-panel .login:hover,
.dropdown-toggle:hover,
.article-subscribe:hover,
.article-unsubscribe:hover {
  color: var(--color-td-white);
  background-color: var(--color-td-darkblue);
  border-color: var(--color-td-darkblue);
}

.sidebar-panel .login {
  min-width: 12.3125rem;
  padding: 0.8125rem 1.875rem;
  margin-left: 0;
}

/*
 * Sidebar
 */
.article-sidebar {
  margin-top: 88px;
}

.article-sidebar h3 {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.article-sidebar ul {
  margin-bottom: 60px;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 10px;
}

/*
 * Body
 */
.article-body {
  line-height: 1.7;
  font-size: 14px;
  word-wrap: break-word;
}

.article-body img {
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  padding: 3px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.article-body pre {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  color: #bbb;
  font-style: italic;
  margin: 20px 0;
  padding-left: 20px;
}

.article-body ul,
.article-body ol {
  margin: 20px 0 20px 20px;
  list-style-position: outside;
}

.article-body li > ul,
.article-body li > ol {
  margin: 0 0 0 20px;
}

.article-body ul {
  list-style-type: disc;
}

.article-body ol {
  list-style-type: decimal;
}

.article-body li {
  margin-left: 20px;
}

/*
 * Footer
 */
.article-footer {
  border-top: 0.0625rem solid var(--color-td-darkblue);
  margin: 3.75rem 0 1.875rem;
  padding: 3.75rem 0 0;
}

.article-footer .article-vote {
  float: left;
}

.article-footer .share {
  float: right;
  margin-top: 2px;
}

/*
 * Vote
 */
.article-vote {
  position: relative;
}

.article-vote small {
  color: #bbb;
  display: block;
}

.article-vote a:hover {
  text-decoration: none;
}

.article-vote-controls {
  position: absolute;
  right: -85px;
  top: 0;
}

/*
 * Vote icons
 */
.article-vote-up,
.article-vote-down {
  font-size: 1rem;
  color: var(--color-td-teal);
  font-family: 'entypo';
}

.article-vote-up:before {
  content: '\1f44d';
}

.article-vote-down:before {
  opacity: 0.4;
  content: '\1f44e';
}

.article-voted {
  box-shadow: inset 1px 1px 5px #dddddd;
  opacity: 1;
}

.article-vote-up.article-voted {
  color: #6b9100;
}

.article-comments h2 {
  font-size: 17px;
  margin-top: 50px;
}

.article-avatar img {
  border-radius: 3px;
}

/* ====================================================
   Social share links
   ==================================================== */
.share li {
  display: inline-block;
}

.share a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  vertical-align: middle;
  width: 30px;
}

.share a:before {
  font-size: 1.375rem;
  display: inline-block;
  color: var(--color-td-darkblue);
  background-color: transparent;
  font-family: 'entypo';
  text-align: center;
  width: 100%;
}

.share a:hover {
  text-decoration: none;
}

.share-twitter:before {
  background: #00aced;
  content: '\F309';
}

.share-facebook:before {
  background: #3b5998;
  content: '\F30C';
}

.share-linkedin:before {
  background: #4875b4;
  content: '\F318';
}

.share-googleplus:before {
  background: #cd3c2a;
  content: '\F30F';
}

.share-label {
  cursor: pointer;
}

.share-label + .share {
  background: #fff;
  border: 1px solid #dddddd;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  left: 50%;
  line-height: 70px;
  margin: 10px 0 0 -75px;
  position: absolute;
  text-align: center;
  top: 100%;
  white-space: nowrap;
  width: 175px;
  z-index: 1;
}

.share-label + .share:before,
.share-label + .share:after {
  content: '';
  display: inline-block;
  left: 50%;
  position: absolute;
}

.share-label + .share:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  margin-left: -6px;
}

.share-label + .share:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  margin-left: -5px;
}

.share-label[aria-selected='true'] {
  color: #111;
}

.share-label[aria-selected='true'] + .share {
  display: block;
}

.share-label[aria-selected='false'] + .share {
  display: none;
}

/* ====================================================
   Attachments/Screencasts
   ==================================================== */
.attachment-list,
.screencast-list {
  font-size: 11px;
}

.attachment-list span,
.screencast-list span {
  color: #bbb;
}

.comment .attachment-list,
.comment .screencast-list {
  margin-top: 25px;
}
.comment .attachment-list li,
.comment .screencast-list li {
  margin-bottom: 10px;
}
.comment .attachment-list li:before,
.comment .screencast-list li:before {
  background: #f6f6f6;
  border-radius: 3px;
  color: #bbb;
  font-family: 'entypo';
  margin-right: 5px;
  padding: 5px;
}
.comment .attachment-list li:before {
  content: '\1F4CE';
}
.comment .screencast-list li:before {
  content: '\1F4BB';
}

/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
.comment,
.comment-form {
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  font-size: inherit;
  line-height: 1.3;
  min-height: 100px;
  padding: 20px 0;
  position: relative;
}

.comment-container {
  margin-left: 85px;
}

.comment-avatar {
  position: absolute;
  display: inline-block;
}

.comment-avatar img {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  max-width: 65px;
  max-height: 65px;
}

.comment-avatar-agent:after {
  background-color: transparent;
  background-image: url('//theme.zdassets.com/theme_assets/537903/823f3892f5e99cb9eda4a864e6089407e4553d9b.png');
  background-image: url('//theme.zdassets.com/theme_assets/537903/9c7d3b0e1a16489e9c845837fbe594d2f16749fe.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  width: 15px;
  height: 15px;
  bottom: -5px;
  right: -3px;
  content: ' ';
}

.comment-author {
  display: inline-block;
  font-size: 12px;
  margin: 0 0 15px 0;
}

.comment-published,
.comment-edit,
.comment-delete,
.comment-mark-as-spam {
  float: right;
  font-size: 11px;
  margin-right: 12px;
  margin-left: 12px;
}

.comment-published {
  color: #bbb;
  font-weight: lighter;
}

.comment-edit:before,
.comment-delete:before,
.comment-mark-as-spam:before {
  color: #ccc;
  content: '\2022';
  font-size: 10px;
  margin-left: -14px;
  pointer-events: none;
  position: absolute;
}

.comment-body {
  font-weight: lighter;
  line-height: 1.7;
  word-wrap: break-word;
}

.comment-body p:first-child {
  margin-top: 0px;
}

.comment-form textarea {
  border-radius: 2px 2px 0 0;
  border-width: 1px;
}

.comment-attachments {
  border-color: #dddddd;
  border-color: rgba(0, 0, 0, 0.13);
  border-style: solid;
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
  padding: 10px;
}

.comment-form {
  padding-top: 30px;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.comment-form-controls input[type='submit'] {
  margin-left: 15px;
}

.comment-mark-as-solved {
  float: left;
  margin-top: 5px;
}

.comment-screencasts {
  float: left;
  margin-top: 5px;
  margin-right: 25px;
}

.comment-list + .pagination {
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.pending-comments-list {
  list-style: none;
}

.pending-moderation-comment-badge {
  border-style: solid;
  border-width: 1px;
  border-color: #c7aa2b;
  color: #c7aa2b;
  padding: 3px 5px;
  margin-top: 10px;
  font-size: 12px;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
  display: flex;
  justify-content: center;
  flex: 1;
  line-height: 0;
  padding: 20px 0;
  text-align: center;
}

.pagination ul {
  display: flex;
  flex-basis: 100%;
  list-style: none;
}

.pagination li {
  float: left;
  border-radius: 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  transition: all ease-out 150ms;
}
.pagination ul > li:first-of-type:not(.pagination-prev) {
  margin-left: 40%;
}
.pagination ul > li:last-of-type:not(.pagination-next) {
  margin-right: 40%;
}
.pagination li:hover {
  background-color: var(--color-td-teal);
}
.pagination li:hover a,
.pagination li:hover span {
  color: var(--color-td-white);
  transition: all ease-out 150ms;
  text-decoration: none;
}

.pagination li + li {
  display: flex;
  align-items: center;
  justify-content: center;
}

nav.pagination a,
nav.pagination span {
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-light);
  color: var(--color-td-darkblue);
  display: inline-block;
  line-height: 1;
  font-size: 1.125rem;
  padding: 0.3125rem 0.75rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .pagination-current span {
  font-weight: var(--weight-td-medium);
}
.pagination-next {
  margin-left: auto;
}
.pagination-prev {
  margin-right: auto;
}
li.pagination-next,
li.pagination-prev {
  min-width: 168px;
  border: 2px solid var(--color-td-darkblue);
  border-radius: 3px;
}
li.pagination-next:hover,
li.pagination-prev:hover {
  background-color: var(--color-td-darkblue);
}
nav .pagination-next a,
nav .pagination-prev a {
  font-size: 0;
}
.pagination-next a::after,
.pagination-prev a::after {
  font-size: 1rem;
  content: attr(rel);
  text-transform: uppercase;
  font-weight: var(--weight-td-medium);
}
.pagination-first,
.pagination-last {
  display: none !important;
}

/* ====================================================
   My activities
   ==================================================== */
.my-activities-header .breadcrumbs li:first-child,
.my-activities-header .breadcrumbs li:before {
  display: none;
}

.my-activities-header {
  font-size: 20px;
  font-weight: bold;
  padding: 25px 0;
}

.my-activities-nav {
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 55px;
  padding: 25px 0;
}

.my-activities-nav li {
  padding-right: 30px;
}

.my-activities-sub-nav li {
  padding-right: 15px;
}

.my-activities-nav li,
.my-activities-sub-nav li {
  display: inline-block;
  font-weight: bold;
}

.my-activities-nav li a,
.my-activities-sub-nav li a {
  font-weight: normal;
}

.my-activities-nav li + li {
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: 30px;
}

.my-activities-sub-nav li + li {
  padding-left: 15px;
}

.my-activities-sub-nav {
  padding: 15px 0;
  position: relative;
}

.request-table-toolbar {
  background-color: #fafafa;
  padding: 8px;
  text-align: right;
  height: 45px;
}

.request-table-toolbar .nesty-input {
  width: 100px;
  float: right;
}

.requests-search {
  border-radius: 15px;
  float: left;
  height: 27px;
  outline: none;
  padding: 5px 15px;
  width: 250px;
}

.request-filter-label {
  padding: 5px 8px;
  float: right;
}

.my-activities-table a {
  clear: both;
}

.my-activities-table a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-requests th:first-child + th + th,
.my-requests td:first-child + td + td {
  display: none;
}

.request-table a {
  max-width: 550px;
}

.following-table a {
  max-width: 390px;
}

.contribution-table a {
  max-width: 250px;
}

.request-table td:nth-child(1) {
  width: 5%;
}

.request-table td:nth-child(2) {
  width: 65%;
}

.request-table td:nth-child(3) {
  width: 15%;
}

.request-table td:nth-child(4) {
  width: 15%;
}

.following-table td:nth-child(1) {
  width: 45%;
}

.following-table td:nth-child(2) {
  width: 15%;
}

.following-table td:nth-child(3) {
  width: 30%;
}

.following-table td:nth-child(4) {
  width: 10%;
}

/* ====================================================
   Requests
   ==================================================== */
.request-follow-up {
  text-align: right;
}

.follow-up-hint {
  display: inline-block;
  float: right;
  font-size: 13px;
  margin-top: 13px;
}

.request-details {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  margin: 30px 0 30px;
  padding: 15px 20px;
}

.request-details li + li {
  margin-top: 10px;
}

.request-header {
  font-weight: lighter;
  font-size: 1.7em;
  margin: 1em 0;
}

.request-id {
  color: #bbb;
  display: block;
  font-size: 13px;
}

.request-details {
  font-size: 12px;
}

.request-details dt ~ dt {
  font-weight: bold;
  margin-top: 15px;
}

.request-details dd {
  margin: 2px 0 0;
}

.request-details dd ul {
  margin: 10px 0;
}

.request-details dd li {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0;
}

.request-details .nested-field-tag:before {
  content: ' > ';
}
.request-details .nested-field-tag:first-child:before {
  content: '';
}

.request-status {
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 2px 5px;
  white-space: nowrap;
}

.request-open {
  background: #59bbe0;
}

.request-answered {
  background: #f5ca00;
}

.request-solved {
  background: #828282;
}

/* ====================================================
   Search results
   ==================================================== */
/* body.community-enabled .search-results-column {
  float: left;
  width: 450px;
} */

body.community-enabled .search-results-column ~ .search-results-column {
  margin-left: 40px;
}

.search-results-subheading {
  font-size: 0.75rem;
  font-weight: var(--weight-td-medium);
  line-height: 1.375rem;
  padding-bottom: 0.625rem;
  margin-bottom: 0;
}

.search-results-subheading-link {
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

.search-result {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.search-result:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.search-results-list {
  margin: 0;
}
.search-results-list-item {
  padding: 1.875rem;
  margin-bottom: 0.625rem;
  background-color: var(--color-td-white);
  position: relative;
}
.search-results-list-item:hover {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.search-results-list-item:not(:last-of-type) {
  margin-bottom: 0.625rem;
}
.search-results-title {
  font-family: var(--font-td-poppins);
  font-size: 1rem;
  font-weight: var(--weight-td-semibold);
  color: var(--color-td-darkblue);
  line-height: 1.75rem;
}
.search-results-description {
  font-family: var(--font-td-roboto);
  font-weight: var(--weight-td-regular);
  font-size: 0.875rem;
  color: var(--color-td-bluegrey);
  letter-spacing: 0;
  line-height: 1.25rem;
}

.search-result-link {
  font-size: 20px;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
}

.search-result-description,
.search-result-meta {
  padding-top: 16px;
}

.search-result-meta-name,
.search-result-meta-time,
.search-result-meta-count {
  font-size: 12px;
  color: #bbb;
}

.search-result-meta-time:before,
.search-result-meta-count:before {
  display: inline-block;
  padding-right: 5px;
  content: '\2022';
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.search-result-votes {
  background: #a8d119;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin-left: 5px;
  padding: 4px 5px;
  position: relative;
  top: -2px;
}

.search-result-votes:before {
  content: '\1F44D';
  font-family: 'entypo';
  margin-right: 3px;
}

/* .search-results + .pagination {
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
} */

/* ====================================================
   Forms
   ==================================================== */
.form {
  background: var(--color-td-white);
  overflow: hidden;
  padding: 1.5rem;
}
@media (min-width: 992px) {
  .from {
    padding: 3.75rem 5.625rem 4.1875rem;
  }
}
.form--ghost {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
}
.form-field.request_type {
  position: relative;
  bottom: -0.375rem;
}
.form-field ~ .form-field {
  margin-top: 0.5rem;
}
.form-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.form-field input[type='checkbox'] + label {
  margin: 0 0 0 10px;
}
.form-field.required > label:after {
  content: '*';
  color: red;
  margin-left: 2px;
}
.form ul[data-hc-pills-container],
.form-field textarea,
.form-field input,
.nesty-input,
.nesty-panel * {
  font-size: 1rem;
  line-height: 1.625rem;
  background-color: #f5f5f5;
  border-width: 0;
}
.nesty-input {
  color: var(--zd-color-grey-300);
  line-height: 26px;
  height: auto;
  padding: 10px;
}
.request_cc_emails label,
.form-field p {
  color: var(--color-td-darkblue);
  font-family: var(--font-td-roboto);
  font-size: 0.75rem;
  font-weight: var(--weight-td-regular);
  line-height: 1.25rem;
}
.form-field p:first-of-type {
  margin-top: 12px;
}
.form-field p:last-of-type {
  margin-bottom: 22px;
}
.form-field input[type='number'],
.form-field input.datepicker {
  width: 100%;
}
.request-form input[type='submit'] {
  color: var(--color-td-white);
  font-family: var(--font-td-poppins);
  font-size: 0.8125rem;
  font-weight: var(--weight-td-semibold);
  letter-spacing: 0.0625rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--color-td-orange);
  box-shadow: none;
  border-radius: 0.1875rem;
  min-width: 175px;
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
  height: auto;
}
.request-form input[type='submit']:hover {
  background-color: var(--color-td-darkblue);
}
.request-form ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 0.5;
  color: var(--td-color--darkblue);
}
.request-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  opacity: 0.5;
  color: var(--td-color--darkblue);
}
.request-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 0.5;
  color: var(--td-color--darkblue);
}
.request-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  opacity: 0.5;
  color: var(--td-color--darkblue);
}
.request-form ::-ms-input-placeholder {
  /* Microsoft Edge */
  opacity: 0.5;
  color: var(--td-color--darkblue);
}
.request-form ::placeholder {
  /* Most modern browsers support this now. */
  opacity: 0.5;
  color: var(--td-color--darkblue);
}

.form form + form,
.searchbox {
  margin-top: 25px;
}
.searchbox-suggestions {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border: solid 1px #ccc;
  padding: 10px 20px;
}

.searchbox-suggestions li {
  padding: 5px 0;
}

[data-loading='true'] input,
[data-loading='true'] textarea {
  background: transparent url('//theme.zdassets.com/theme_assets/537903/6aae8ce36967837f706ac36deff4b753e43977a4.gif') 99% 50% no-repeat;
  background-size: 16px 16px;
}

.form footer {
  /* border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 40px;*/
  padding-top: 30px;
  text-align: right;
}

.form footer a {
  color: #ccc;
  cursor: pointer;
  margin-right: 15px;
}

.form ul[data-hc-pills-container] {
  border-radius: 3px;
  background-color: #f5f5f5;
  border-width: 0;
}
/* ====================================================
   Error pages
   ==================================================== */
.error-page {
  margin: 0 auto;
  max-width: 500px;
  padding-top: 5%;
}

.error-page h1 {
  font-size: 52px;
  margin-bottom: 0;
}

.error-page h2 {
  font-size: 16px;
  margin-bottom: 5px;
}

.error-page > a {
  display: block;
  margin-top: 25px;
}

/* ====================================================
   Community
   ==================================================== */
/*
 * Heading
 */
.community-heading {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

/*
 * Nav
 */
.community-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 0;
  margin-bottom: 55px;
  margin-top: 0;
  padding: 25px 0;
}

.community-nav li {
  display: inline-block;
  font-weight: bold;
  padding-right: 30px;
}

.community-nav li a {
  font-weight: normal;
}

.community-nav li + li {
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: 30px;
}

.community-nav li:last-child {
  border: 0;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  top: -5px;
}

.community-nav li:last-child a {
  color: #172241;
}

.community-nav li:last-child a:before {
  content: '\270E';
  font-family: 'entypo';
  font-size: 14px;
  margin-right: 10px;
  vertical-align: middle;
}

/*
 * Sub nav
 */
.community-sub-nav {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 15px 0;
  position: relative;
}

.community-sub-nav li {
  display: inline-block;
  font-weight: bold;
  padding-right: 15px;
}

.community-sub-nav li a {
  font-weight: normal;
}

.community-sub-nav li + li {
  padding-left: 15px;
}

.community-sub-nav .topic-add {
  position: absolute;
  right: 0;
  top: 10px;
}

/*
 * Topics/questions/answers
 */
.topic {
  display: inline-block;
  width: 49.5%;
  padding: 20px 30px 20px 0;
  vertical-align: top;
}

.topic-header,
.question-header {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  display: table;
  padding-bottom: 10px;
}

.topic-header > *,
.question-header > * {
  display: table-cell;
  vertical-align: middle;
}

.topic-header .topic-meta,
.question-header .question-meta {
  padding: 0 15px;
  white-space: nowrap;
}

.topic-heading,
.question-heading,
.answer-list-heading {
  font-weight: bold;
  font-size: 13px;
  width: 100%;
}

.topic-heading {
  font-size: 18px;
}

.topic-questions {
  margin-top: 45px;
}

.topic-description {
  word-break: break-word;
}

.question,
.answer {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 20px 0;
  position: relative;
}

.question-form .nesty-input {
  max-width: none;
}

.question-avatar,
.answer-avatar {
  display: table-cell;
  margin-right: 10px;
  min-width: 50px;
  position: relative;
  vertical-align: top;
}

.question-avatar-agent:after,
.answer-avatar-agent:after {
  background-color: transparent;
  background-image: url('//theme.zdassets.com/theme_assets/537903/823f3892f5e99cb9eda4a864e6089407e4553d9b.png');
  background-image: url('//theme.zdassets.com/theme_assets/537903/9c7d3b0e1a16489e9c845837fbe594d2f16749fe.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 30px;
  top: 30px;
  content: ' ';
}

.question-avatar img,
.answer-avatar img {
  border-radius: 3px;
  max-height: 38px;
  max-width: 38px;
}

.question-body,
.answer-body,
.answer-official-body {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.question-body .answer-official-body {
  vertical-align: top;
  width: 100%;
}

.question-body p,
.answer-body p,
.answer-official-body p {
  margin: 0 0 5px;
}

.question-body .question-meta,
.answer-body .answer-meta,
.answer-official-body .answer-meta {
  float: left;
}

.question .answer {
  border: none;
  padding-bottom: 0;
}

.question-topic-list {
  margin: -20px 0 30px;
}

.question-topic-list li {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.question-topic-list a {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  color: #c5c5c5;
  display: inline-block;
  font-size: 11px;
  padding: 7px 15px;
}

.question-title,
.topic-title {
  margin: -3px 0 5px;
  font-size: 15px;
}

.question-title a,
.topic-title a {
  font-weight: lighter;
}

.question-meta,
.answer-meta,
.topic-meta {
  color: #c5c5c5;
  font-size: 11px;
}

.topic-meta span + span:before,
.question-meta span + span:before,
.answer-meta span + span:before {
  content: '\2022';
  font-size: 10px;
  margin: 0 10px;
}

.answer-form {
  margin: 30px 0 0 95px;
}

.answer-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.answer-form-controls input[type='submit'] {
  margin-left: 15px;
}

.answer-form-controls .pull-left {
  float: left;
}

.answer-official-heading {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
  border-bottom: 0px;
}

.answer-list-heading {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  padding-bottom: 20px;
}

.pending-moderation-answer-badge {
  clear: both;
  border-style: solid;
  border-width: 1px;
  border-color: #c7aa2b;
  color: #c7aa2b;
  padding: 3px 5px;
  float: left;
  margin-top: 10px;
  font-size: 12px;
}

.question-share,
.answer-share {
  position: relative;
}

.related-questions-header {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.related-questions-heading {
  margin-top: 3px;
}

.related-questions li {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*
 * Vote
 */
.vote {
  display: table-cell;
  margin-left: 15px;
  margin-right: 10px;
  min-width: 95px;
  vertical-align: top;
}

.vote-sum,
.vote-controls {
  display: inline-block;
  vertical-align: middle;
}

.vote-sum {
  font-size: 15px;
  font-weight: bold;
  min-width: 60px;
  padding-left: 10px;
  text-align: center;
}

.vote-controls {
  border-radius: 5px;
}

.vote-controls a {
  background: #fff;
  border-color: #f6f6f6;
  box-shadow: none;
  color: #bbb;
  display: block;
  font-family: 'entypo';
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
}

.vote-up {
  border-radius: 5px 5px 0 0;
}

.vote-down {
  border-radius: 0 0 5px 5px;
  border-top: 0;
}

.vote-up:before {
  content: '\E763';
}

.vote-down:before {
  content: '\E760';
}

.vote-controls:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.vote-controls:hover a {
  background: #fff;
  border-color: #a6a6a6;
  color: #bbb;
}

.vote-controls a:hover,
.vote-controls [aria-selected='true'] {
  background: #f6f6f6;
  color: #333;
}

.vote-controls a:active {
  background: #ccc;
  color: #111;
}

/*
 * Accept
 */
.answer-accept {
  color: #bbb;
  font-size: 15px;
  max-width: 15px;
  overflow: hidden;
  padding-top: 7px;
  position: absolute;
  white-space: nowrap;
}

.answer-accept:hover {
  text-decoration: none;
}

.answer-accept:before {
  content: '\2713';
  font-family: 'entypo';
  margin-right: 5px;
}

.answer-accepted .answer-accept,
.answer-accepted .vote-sum {
  color: green;
}

/*
 * Admin controls
 */
.topic-controls,
.question-controls,
.answer-controls {
  float: right;
  font-size: 11px;
}

.topic-edit,
.question-delete,
.question-mark-as-spam,
.answer-delete,
.answer-mark-as-spam {
  margin-left: 25px;
}

.topic-edit:before,
.question-delete:before,
.question-mark-as-spam:before,
.answer-delete:before,
.answer-mark-as-spam:before {
  color: #ccc;
  content: '\2022';
  font-size: 10px;
  margin-left: -16px;
  pointer-events: none;
  position: absolute;
}

/* ====================================================
   Chat
   ==================================================== */
.chat {
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  line-height: 35px;
  padding: 0 15px;
  position: fixed;
  right: 85px;
  -webkit-transition: bottom 0.5s ease-in, color 0.5s ease-in;
  -moz-transition: bottom 0.5s ease-in, color 0.5s ease-in;
  -ms-transition: bottom 0.5s ease-in, color 0.5s ease-in;
  -o-transition: bottom 0.5s ease-in, color 0.5s ease-in;
  transition: bottom 0.5s ease-in, color 0.5s ease-in;
}

.chat:before {
  content: '\E720';
  font-family: 'entypo';
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

.chat:hover {
  text-decoration: none;
}

.chat-available {
  bottom: 0;
}

.chat-unavailable {
  color: gray;
  cursor: default !important;
  bottom: -50px;
}

/* ====================================================
   Parsed markdown
   ==================================================== */
.markdown {
  word-wrap: break-word;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5 {
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: bold;
  line-height: 13px;
  font-size: 13px;
}

.markdown img {
  display: block;
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  padding: 3px;
  margin-bottom: 10px;
}

.markdown p {
  margin-bottom: 10px;
}

.markdown ul,
.markdown ol {
  list-style-position: inside;
  margin: 0 0 10px 10px;
}

.markdown ul {
  list-style-type: disc;
}

.markdown ol {
  list-style-type: decimal;
}

.markdown li > ul,
.markdown li > ol {
  margin: 0 0 0 10px;
}

.markdown pre {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  margin-bottom: 10px;
}

.markdown blockquote {
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  color: #bbb;
  font-style: italic;
  padding-left: 10px;
  margin: 0 0 10px 0;
}

.markdown hr {
  margin-bottom: 10px;
  height: 2px;
  background-color: #ececec;
}

html[dir='rtl'] input[type='checkbox'] + label {
  margin-left: auto;
  margin-right: 5px;
}
html[dir='rtl'] table {
  text-align: right;
}
html[dir='rtl'] .main-column {
  float: right;
}
html[dir='rtl'] .side-column {
  float: left;
}
html[dir='rtl'] .dropdown-toggle:after {
  margin-left: auto;
  margin-right: 5px;
}
html[dir='rtl'] .visibility-internal-icon:before {
  margin-right: auto;
  margin-left: 5px;
}
html[dir='rtl'] .visibility-internal:before {
  left: auto;
  right: -10px;
}
html[dir='rtl'] .visibility-internal:after {
  left: auto;
  right: 50%;
  margin-left: auto;
  margin-right: -5px;
}
html[dir='rtl'] .logo {
  float: right;
}
html[dir='rtl'] .user-nav {
  float: left;
}
html[dir='rtl'] .user-info [role='button'] {
  padding: 4px 4px 4px 10px;
}
html[dir='rtl'] .user-avatar {
  margin-right: auto;
  margin-left: 4px;
}
html[dir='rtl'] .submit-a-request {
  border-left: 0;
  border-right: 1px solid #ececec;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  margin-left: auto;
  margin-right: 15px;
  padding-left: auto;
  padding-right: 15px;
}
html[dir='rtl'] .login,
html[dir='rtl'] .user-info {
  margin-left: auto;
  margin-right: 20px;
}
html[dir='rtl'] .hero-unit .search input[type='search'] {
  padding: 16px 55px 16px 12px;
}
html[dir='rtl'] .hero-unit .search input[type='text'] {
  padding: 16px 55px 16px 12px;
}
html[dir='rtl'] .sub-nav .search {
  float: left;
}
html[dir='rtl'] .sub-nav .search input[type='search'] {
  padding: 6px 35px 6px 10px;
}
html[dir='rtl'] .sub-nav .search input[type='text'] {
  padding: 6px 35px 6px 10px;
}
html[dir='rtl'] body.community-enabled .knowledge-base {
  float: right;
}
html[dir='rtl'] body.community-enabled .community {
  float: left;
}
html[dir='rtl'] .community h4 a {
  margin-left: auto;
  margin-right: 5px;
}
html[dir='rtl'] .category-empty,
html[dir='rtl'] .section {
  padding: 0 0 30px 50px;
}
html[dir='rtl'] .section-subscribe,
html[dir='rtl'] .section-unsubscribe {
  float: left;
}
html[dir='rtl'] .article-promoted span {
  margin-right: auto;
  margin-left: 5px;
}
html[dir='rtl'] .article-promoted span:before {
  left: auto;
  right: -10px;
}
html[dir='rtl'] .article-promoted span:after {
  left: auto;
  right: 50%;
  margin-left: auto;
  margin-right: -5px;
}
html[dir='rtl'] .sub-nav .breadcrumbs {
  float: right;
}
html[dir='rtl'] .article-metadata {
  float: right;
  padding-left: auto;
  padding-right: 55px;
}
html[dir='rtl'] .article-avatar {
  left: auto;
  right: 0;
}
html[dir='rtl'] .article-subscribe,
html[dir='rtl'] .article-unsubscribe {
  float: left;
}
html[dir='rtl'] .article-body blockquote {
  border-left: 0;
  border-right: 1px solid #ececec;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: auto;
  padding-right: 20px;
}
html[dir='rtl'] .article-body ul,
html[dir='rtl'] .article-body ol {
  margin: 20px 20px 20px 0;
}
html[dir='rtl'] .article-body li > ul,
html[dir='rtl'] .article-body li > ol {
  margin: 0 20px 0 0;
}
html[dir='rtl'] .article-body li {
  margin-left: auto;
  margin-right: 20px;
}
html[dir='rtl'] .article-footer .article-vote {
  float: right;
}
html[dir='rtl'] .article-footer .share {
  float: left;
}
html[dir='rtl'] .article-vote-controls {
  right: auto;
  left: -85px;
}
html[dir='rtl'] .article-voted {
  box-shadow: inset -1px 1px 5px #dddddd;
}
html[dir='rtl'] .share-label + .share {
  left: auto;
  right: 50%;
  margin: 10px -75px 0 0;
}
html[dir='rtl'] .share-label + .share:before,
html[dir='rtl'] .share-label + .share:after {
  left: auto;
  right: 50%;
}
html[dir='rtl'] .share-label + .share:before {
  margin-left: auto;
  margin-right: -6px;
}
html[dir='rtl'] .share-label + .share:after {
  margin-left: auto;
  margin-right: -5px;
}
html[dir='rtl'] .comment .attachment-list li:before,
html[dir='rtl'] .comment .screencast-list li:before {
  margin-right: auto;
  margin-left: 5px;
}
html[dir='rtl'] .comment-container {
  margin-left: auto;
  margin-right: 85px;
}
html[dir='rtl'] .comment-avatar-agent:after {
  right: auto;
  left: -3px;
}
html[dir='rtl'] .comment-published,
html[dir='rtl'] .comment-edit,
html[dir='rtl'] .comment-delete,
html[dir='rtl'] .comment-mark-as-spam {
  float: left;
}
html[dir='rtl'] .comment-edit:before,
html[dir='rtl'] .comment-delete:before,
html[dir='rtl'] .comment-mark-as-spam:before {
  margin-left: auto;
  margin-right: -14px;
}
html[dir='rtl'] .comment-form-controls {
  text-align: left;
}
html[dir='rtl'] .comment-form-controls input[type='submit'] {
  margin-left: auto;
  margin-right: 15px;
}
html[dir='rtl'] .comment-mark-as-solved {
  float: right;
}
html[dir='rtl'] .comment-screencasts {
  float: right;
  margin-right: auto;
  margin-left: 25px;
}
html[dir='rtl'] .pagination li {
  float: right;
}
html[dir='rtl'] .pagination li + li {
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  border-right: none;
}
html[dir='rtl'] .pagination-first {
  border-radius: 0 3px 3px 0;
}
html[dir='rtl'] .pagination-last {
  border-radius: 3px 0 0 3px;
}
html[dir='rtl'] .my-activities-nav li {
  padding-right: auto;
  padding-left: 30px;
}
html[dir='rtl'] .my-activities-sub-nav li {
  padding-right: auto;
  padding-left: 15px;
}
html[dir='rtl'] .my-activities-nav li + li {
  border-left: 0;
  border-right: 1px solid #ececec;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: auto;
  padding-right: 30px;
}
html[dir='rtl'] .my-activities-sub-nav li + li {
  padding-left: auto;
  padding-right: 15px;
}
html[dir='rtl'] .request-table-toolbar {
  text-align: left;
}
html[dir='rtl'] .requests-search {
  float: right;
}
html[dir='rtl'] .request-follow-up {
  text-align: left;
}
html[dir='rtl'] .follow-up-hint {
  float: left;
}
html[dir='rtl'] body.community-enabled .search-results-column {
  float: right;
}
html[dir='rtl']
  body.community-enabled
  .search-results-column
  ~ .search-results-column {
  margin-left: auto;
  margin-right: 40px;
}
html[dir='rtl'] .search-results-subheading-link {
  margin-left: auto;
  margin-right: 5px;
}
html[dir='rtl'] .search-result-meta-time:before,
html[dir='rtl'] .search-result-meta-count:before {
  padding-right: auto;
  padding-left: 5px;
}
html[dir='rtl'] .search-result-votes {
  margin-left: auto;
  margin-right: 5px;
}
html[dir='rtl'] .search-result-votes:before {
  margin-right: auto;
  margin-left: 3px;
}
html[dir='rtl'] .form-field input[type='checkbox'] + label {
  margin: 0 10px 0 0;
}
html[dir='rtl'] .form-field.required > label:after {
  margin-left: auto;
  margin-right: 2px;
}
html[dir='rtl'] [data-loading='true'] input,
html[dir='rtl'] [data-loading='true'] textarea {
  background-position: 1% 50%;
}
html[dir='rtl'] .form footer {
  text-align: left;
}
html[dir='rtl'] .form footer a {
  margin-right: auto;
  margin-left: 15px;
}
html[dir='rtl'] .community-heading {
  float: right;
}
html[dir='rtl'] .community-nav li {
  border: 0;
  border-right: 1px solid #ececec;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  padding: 0 30px;
}
html[dir='rtl'] .community-nav li:first-child {
  border-right: 0;
  padding-right: 0;
}
html[dir='rtl'] .community-nav li:last-child {
  border-right: 0;
  float: left;
  padding-left: 0;
}
html[dir='rtl'] .community-nav li:last-child a:before {
  margin-right: auto;
  margin-left: 10px;
}
html[dir='rtl'] .community-sub-nav li {
  padding-right: auto;
  padding-left: 15px;
}
html[dir='rtl'] .community-sub-nav li + li {
  padding-left: auto;
  padding-right: 15px;
}
html[dir='rtl'] .community-sub-nav .topic-add {
  right: auto;
  left: 0;
}
html[dir='rtl'] .topic {
  padding: 20px 0 20px 30px;
}
html[dir='rtl'] .question-avatar,
html[dir='rtl'] .answer-avatar {
  margin-right: auto;
  margin-left: 10px;
}
html[dir='rtl'] .question-avatar-agent:after,
html[dir='rtl'] .answer-avatar-agent:after {
  left: auto;
  right: 30px;
}
html[dir='rtl'] .question-body .question-meta,
html[dir='rtl'] .answer-body .answer-meta,
html[dir='rtl'] .answer-official-body .answer-meta {
  float: right;
}
html[dir='rtl'] .question-topic-list li {
  margin: 10px 0 0 10px;
}
html[dir='rtl'] .answer-form {
  margin: 30px 95px 0 0;
}
html[dir='rtl'] .answer-form-controls {
  text-align: left;
}
html[dir='rtl'] .answer-form-controls input[type='submit'] {
  margin-left: auto;
  margin-right: 15px;
}
html[dir='rtl'] .answer-form-controls .pull-left {
  float: right;
}
html[dir='rtl'] .pending-moderation-answer-badge {
  float: right;
}
html[dir='rtl'] .vote {
  margin-left: 10px;
  margin-right: 15px;
}
html[dir='rtl'] .vote-sum {
  padding-left: auto;
  padding-right: 10px;
}
html[dir='rtl'] .answer-accept:before {
  margin-right: auto;
  margin-left: 5px;
}
html[dir='rtl'] .topic-controls,
html[dir='rtl'] .question-controls,
html[dir='rtl'] .answer-controls {
  float: left;
}
html[dir='rtl'] .topic-edit,
html[dir='rtl'] .question-delete,
html[dir='rtl'] .question-mark-as-spam,
html[dir='rtl'] .answer-delete,
html[dir='rtl'] .answer-mark-as-spam {
  margin-left: auto;
  margin-right: 25px;
}
html[dir='rtl'] .topic-edit:before,
html[dir='rtl'] .question-delete:before,
html[dir='rtl'] .question-mark-as-spam:before,
html[dir='rtl'] .answer-delete:before,
html[dir='rtl'] .answer-mark-as-spam:before {
  margin-left: auto;
  margin-right: -16px;
}
html[dir='rtl'] .chat {
  right: auto;
  left: 85px;
}
html[dir='rtl'] .chat:before {
  margin-right: auto;
  margin-left: 10px;
}
html[dir='rtl'] .markdown ul,
html[dir='rtl'] .markdown ol {
  margin: 0 10px 10px 0;
}
html[dir='rtl'] .markdown li > ul,
html[dir='rtl'] .markdown li > ol {
  margin: 0 10px 0 0;
}
html[dir='rtl'] .markdown blockquote {
  border-left: 0;
  border-right: 1px solid #ececec;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: auto;
  padding-right: 10px;
}

/*-----------------video academy II--------------------------------*/

/*-- layout --*/
#videoAcademy {
  position: relative;
  min-height: calc(100vh - 181px);
  overflow: hidden;
}

#videoAcademy::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 50%;
  /*background: linear-gradient( 45deg, #0F6EAA, #55C3F5 );*/
  z-index: -1;
}

.container {
  max-width: 1919px;
  margin: 0 auto;
}

#vaLeftSide {
  width: 41.258%;
  float: left;
}

#vaRightSide {
  width: 58.042%;
  float: right;
  background: #ffffff;
  min-height: calc(100vh - 181px);
  /*box-shadow:-2px 2px 2px #3796D2;*/
  overflow: scroll;
}

div.powered-by-zendesk {
  display: none;
}

/*-- left side type --*/
#vaLeftSide h2 {
  margin: 0;
  font-weight: bold;
  font-size: 68px;
  line-height: 68px;
  color: #3796d2;
  margin-top: 120px;
  margin-bottom: 15px;
}

#vaLeftSide h2::before {
  content: attr(id);
  display: block;
  border-radius: 50%;
  font-size: 88px;
  width: 120px;
  height: 120px;
  background: #3796d2;
  color: #ffffff;
  text-align: center;
  line-height: 116px;
  margin-bottom: 25px;
}

#vaLeftSide p {
  margin: 8px 32px 0 0;
  font-weight: lighter;
  font-size: 20px;
  color: #3796d2;
  float: right;
  font-style: italic;
}

#vaLeftSide p::before {
  content: '––\00a0';
}

/*-- right side type --*/
#vaRightSide ul {
  position: relative;
  margin-top: 92px;
  margin-left: 60px;
}

#vaRightSide li {
  margin: 0;
  border-bottom: 1px solid #e4e4e4;
}

#vaRightSide li:last-child {
  border: none;
}

#vaRightSide li p {
  margin: 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 76px;
  color: #3796d2;
  transition: color 0.5s ease-out;
}

/*--right side list icons--*/
#vaRightSide ul::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  left: 16px;
  top: 0px;
  bottom: 0px;
  width: 4px;
  background: #3796d2;
}

#vaRightSide li p::before {
  box-sizing: border-box;
  content: '\25B6';
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  color: #3796d2;
  font-size: 16px;
  line-height: 30px;
  margin-right: 40px;
  border: 4px solid #3796d2;
  padding-left: 8px;
  position: relative;
  z-index: 2;
  transition: all 0.25s ease-out;
}

/*--right side list hovers--*/
#vaRightSide li:hover {
  cursor: pointer;
}

#vaRightSide li:hover p {
  color: #55c3f5;
}

#vaRightSide li:hover p::before {
  color: #ffffff;
  border-color: #ffffff;
  background: #55c3f5;
}

/*-- video modal --*/
.disableScroll {
  height: 100vh;
  overflow: hidden;
}

#videoAcademyModal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(
    45deg,
    rgba(15, 110, 170, 1),
    rgba(15, 110, 170, 0.85)
  );
  z-index: 10;
  display: none;
  padding-top: 150px;
  min-height: calc(100vh - 181px);
  overflow: hidden;
}

#academyVideoPlayer {
  position: relative;
  background: #ffffff;
  padding: 6.549px;
  height: 365.098px;
  box-shadow: 0px 4px 5px #0f6eaa;
  clear: both;
}

#academyVideoPlayer ul {
  float: left;
  width: 295.353px;
  height: 352px;
  overflow: scroll;
}

#academyVideoPlayer iframe {
  float: right;
}

/*--video player list--*/
#academyVideoPlayer li {
  margin: 0;
  border-bottom: 1px solid #e4e4e4;
}

#academyVideoPlayer li:last-child {
  border: none;
}

#academyVideoPlayer li p {
  margin: 0;
  font-weight: lighter;
  font-size: 16px;
  line-height: 76px;
  color: #3796d2;
  transition: color 0.5s ease-out;
}

#academyVideoPlayer li p span {
  font-size: 13px;
}

/*--video player list icons--*/
#academyVideoPlayer ul::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  left: 30px;
  top: 6.549px;
  bottom: 6.549px;
  width: 3px;
  background: #3796d2;
}

#academyVideoPlayer li p::before {
  box-sizing: border-box;
  content: '\25B6';
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ffffff;
  color: #3796d2;
  font-size: 12px;
  line-height: 24px;
  margin: 0 10px;
  border: 3px solid #3796d2;
  padding-left: 7px;
  position: relative;
  z-index: 2;
  transition: all 0.25s ease-out;
}

/*--video player list hovers --*/
#academyVideoPlayer li:hover {
  cursor: pointer;
}

#academyVideoPlayer li:hover p {
  color: #55c3f5;
}

#academyVideoPlayer li:hover p::before {
  color: #ffffff;
  border-color: #ffffff;
  background: #55c3f5;
}

/*-- video player exit controls --*/
#exitControls p {
  margin: 0;
  float: left;
  position: relative;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 20px;
  opacity: 0.5;
  width: 9%;
  transition: all 0.25s ease-out;
}

#exitControls p::before {
  content: '\25C2';
  display: inline-block;
  font-size: 28px;
  position: absolute;
  top: 5px;
  left: 0;
}

#exitControls span {
  display: block;
  position: relative;
  float: right;
  color: #ffffff;
  opacity: 0.5;
  width: 15px;
  height: 15px;
  top: 20px;
  transition: all 0.25s ease-out;
}
#exitControls span::before {
  content: '\00D7';
  display: inline-block;
  font-size: 24px;
  line-height: 10px;
  position: absolute;
  top: 0px;
  right: 0px;
}

/*-- video player exit controls hovers --*/
#exitControls p:hover {
  cursor: pointer;
  opacity: 1;
}
#exitControls span:hover {
  cursor: pointer;
  opacity: 1;
}

/*-- modal video title --*/
#videoAcademyModal h2 {
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
}

/*-- modal selected video--*/
.modalSelected {
  color: #55c3f5 !important;
}

.modalSelected::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #55c3f5 !important;
}

/*-- 'coming soon' message on modal --*/
#csMessage {
  position: absolute;
  width: 625px;
  top: 6.549px;
  right: 6.549px;
  height: 352px;
  background: linear-gradient(
    45deg,
    rgba(15, 110, 170, 1),
    rgba(85, 195, 245, 0.85)
  );
}

#csMessage p {
  margin: 135px 0 0;
  text-align: center;
  font-size: 80px;
  color: #ffffff;
  font-weight: bold;
  line-height: 80px;
}

/*-- admin colors --*/
.adminBG {
  background: #2d9182 !important;
}
#vaRightSide ul.adminBG {
  background: none !important;
}

#vaLeftSide h2.adminBG {
  background: none !important;
}

.adminBG::before {
  background: #2d9182 !important;
}

.adminColor {
  color: #2d9182 !important;
}

.adminListingsColor::before {
  color: #2d9182 !important;
  border-color: #2d9182 !important;
}

#vaRightSide li:hover p.adminColor {
  color: #46b4af !important;
}

#vaRightSide li:hover p.adminColor::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #46b4af !important;
}

.hero-unit .search input.adminBorder {
  border-color: #2d9182 !important;
  border-bottom: #ffffff solid 1px !important;
}

#videoAcademyModal.adminBG {
  background: linear-gradient(
    45deg,
    rgba(25, 115, 85, 1),
    rgba(45, 145, 130, 0.85)
  ) !important;
}

#academyVideoPlayer.adminShadow {
  box-shadow: 0px 4px 5px #197355 !important;
}

#academyVideoPlayer.adminShadow ul::before {
  background: #2d9182 !important;
}

#academyVideoPlayer.adminShadow li p {
  color: #2d9182 !important;
}

#academyVideoPlayer.adminShadow li p.modalSelected {
  color: #46b4af !important;
}

#academyVideoPlayer.adminShadow li p::before {
  color: #2d9182 !important;
  border-color: #2d9182 !important;
}

#academyVideoPlayer.adminShadow li p.modalSelected::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #46b4af !important;
}

#academyVideoPlayer.adminShadow li:hover p {
  color: #46b4af !important;
}

#academyVideoPlayer.adminShadow li:hover p::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #46b4af !important;
}

#csMessage.adminBG {
  background: linear-gradient(
    45deg,
    rgba(25, 115, 85, 1),
    rgba(45, 145, 130, 0.85)
  ) !important;
}

/*-- troubleshooting colors --*/
.troubleshootingBG {
  background: #e6aa23 !important;
}
#vaRightSide ul.troubleshootingBG {
  background: none !important;
}

#vaLeftSide h2.troubleshootingBG {
  background: none !important;
}

.troubleshootingBG::before {
  background: #e6aa23 !important;
}

.troubleshootingColor {
  color: #e6aa23 !important;
}

.troubleshootingListingsColor::before {
  color: #e6aa23 !important;
  border-color: #e6aa23 !important;
}

#vaRightSide li:hover p.troubleshootingColor {
  color: #fac846 !important;
}

#vaRightSide li:hover p.troubleshootingColor::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #fac846 !important;
}

.hero-unit .search input.troubleshootingBorder {
  border-color: #e6aa23 !important;
  border-bottom: #ffffff solid 1px !important;
}

#videoAcademyModal.troubleshootingBG {
  background: linear-gradient(
    45deg,
    rgba(200, 140, 5, 1),
    rgba(230, 170, 35, 0.85)
  ) !important;
}

#academyVideoPlayer.troubleshootingShadow {
  box-shadow: 0px 4px 5px #c88c05 !important;
}

#academyVideoPlayer.troubleshootingShadow ul::before {
  background: #e6aa23 !important;
}

#academyVideoPlayer.troubleshootingShadow li p {
  color: #e6aa23 !important;
}

#academyVideoPlayer.troubleshootingShadow li p.modalSelected {
  color: #fac846 !important;
}

/*-- supervisor colors --*/
.supervisorBG {
  background: #3293aa !important;
}
#vaRightSide ul.supervisorBG {
  background: none !important;
}

#vaLeftSide h2.supervisorBG {
  background: none !important;
}

.supervisorBG::before {
  background: #3293aa !important;
}

.supervisorColor {
  color: #3293aa !important;
}

.supervisorListingsColor::before {
  color: #3293aa !important;
  border-color: #3293aa !important;
}

#vaRightSide li:hover p.supervisorColor {
  color: #4ebcd2 !important;
}

#vaRightSide li:hover p.supervisorColor::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #4ebcd2 !important;
}

.hero-unit .search input.supervisorBorder {
  border-color: #3293aa !important;
  border-bottom: #ffffff solid 1px !important;
}

#videoAcademyModal.supervisorBG {
  background: linear-gradient(
    45deg,
    rgba(20, 113, 127, 1),
    rgba(50, 147, 170, 0.85)
  ) !important;
}

#academyVideoPlayer.supervisorShadow {
  box-shadow: 0px 4px 5px #14717f !important;
}

#academyVideoPlayer.supervisorShadow ul::before {
  background: #3293aa !important;
}

#academyVideoPlayer.supervisorShadow li p {
  color: #3293aa !important;
}

#academyVideoPlayer.supervisorShadow li p.modalSelected {
  color: #4ebcd2 !important;
}

#academyVideoPlayer.supervisorShadow li p::before {
  color: #3293aa !important;
  border-color: #3293aa !important;
}

#academyVideoPlayer.supervisorShadow li p.modalSelected::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #4ebcd2 !important;
}

#academyVideoPlayer.supervisorShadow li:hover p {
  color: #4ebcd2 !important;
}

#academyVideoPlayer.supervisorShadow li:hover p::before {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: #4ebcd2 !important;
}

#csMessage.supervisorBG {
  background: linear-gradient(
    45deg,
    rgba(20, 113, 127, 1),
    rgba(50, 147, 170, 0.85)
  ) !important;
}

/* -- New Home Page -------- */

.header {
  background-color: var(--color-td-teal);
  border-color: transparent;
  position: relative;
  z-index: 10;
  transform: scaleY(0);
  transform-origin: bottom;
}

.header .header-inner .inner-border {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* justify-content: space-between; */
}

.hero-unit:not(.small) {
  padding-top: 1.625rem;
  background-color: var(--color-td-transparent);
  transform: scaleX(0);
}
@media (min-width: 992px) {
  .hero-unit:not(.small) {
    padding-top: 4.625rem;
  }
}

.hero-unit .main-title {
  font-size: 2.1875rem;
  color: var(--color-td-white);
  font-weight: var(--weight-td-light);
  margin-bottom: 0.85rem;
  display: none;
  text-align: center;
  opacity: 0;
  transform: translateY(3.125rem);
}
@media (min-width: 1220px) {
  .hero-unit .main-title {
    display: block;
    font-size: 3.75rem;
    margin-bottom: 2.875rem;
  }
}

.hero-unit--inner {
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .hero-unit--inner {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .hero-unit--inner {
    max-width: 980px;
  }
}

.hero-unit .search {
  color: rgba(255, 255, 255, 0);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}
@media (min-width: 768px) {
  .hero-unit .search {
    width: 80%;
    margin: 0 10%;
  }
}

@media (min-width: 992px) {
  .hero-unit .search:focus,
  .hero-unit .search:hover {
    width: 90%;
    margin: 0 5%;
  }
}

.hero-unit .search:before {
  color: #fff;
  opacity: 0;
  transform: translateX(-150px) translateY(-50%);
}
.hero-unit.icon-animation .search:before {
  opacity: 1;
  transform: translateX(50%) translateY(-50%);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}
.hero-unit .search input {
  background: transparent;
  border: 1px solid var(--color-td-teal);
  border-bottom-color: #fff;
  color: #fff;
  opacity: 0;
  transform: translateY(-50px);
}
.hero-unit .search input::placeholder {
  color: var(--color-td-white);
  opacity: 1;
}
.hero-unit .search input:focus,
.hero-unit .search input:focus.show {
  outline: none;
  background: transparent;
  border-color: #fff;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hero-unit .search ::-webkit-input-placeholder {
  color: #fff;
  font-weight: lighter;
  opacity: 0;
  transform: translateX(150px);
}

.feature-section {
  display: block;
  height: 125px;
  padding: 35px 15px;
  overflow: hidden;
  opacity: 0;
}

.feature-section .feature-category {
  padding-right: 50px;
  float: left;
  margin-bottom: 35px;
}

.feature-section .feature-category a h2 {
  overflow: hidden;
}

.feature-section .feature-category a h2:after,
.promoted-articles .article-promoted a:after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background-color: var(--color-td-darkblue);
  opacity: 0.75;

  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);

  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}

.feature-section .feature-category a img.category-icon {
  display: block;
  width: 60px;
  height: 60px;
  background-color: var(--color-td-darkblue);
  border-radius: 50%;
  margin-right: 10px;
  float: left;
  border: none !important;
  opacity: 0.75;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.feature-section .feature-category a:hover img.category-icon {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.feature-section .feature-category a:hover h2:after,
.promoted-articles .article-promoted a:hover:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.feature-section .feature-category h2 {
  font-weight: lighter;
  float: left;
}

/* .main-categories {
  display: block;
  height: 300px;
  overflow: hidden;
} */
.main-categories .categories-wrapper {
  /* width: 66%;
  height: 300px;
  float: left; */
  opacity: 0;
}

.category-thumb {
  padding: 5px 16px;
}

.category-link.col {
  padding: 15px 14px;
}
@media (max-width: 62em) {
  .category-link.col {
    padding: 0 7.5px 15px;
  }
}
.category-link:hover {
  text-decoration: none;
}
.category-link:hover .category-thumb--small {
  background-color: var(--color-td-darkblue);
}

/* .main-categories .categories-wrapper a.category-link .category-thumb:after {
  display: block;
  content: '';
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: 3px;
  left: -15px;
  width: 15px;
  height: 75px;
  background-color: var(--color-td-darkblue);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  opacity: 1;

  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);

  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
} */

/* .main-categories .categories-wrapper a.category-link .category-thumb h2 {
  text-decoration: none;
  color: #555;
  opacity: 0.75;
  font-weight: lighter;

  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
} */

/* .main-categories .categories-wrapper a.category-link:hover .category-thumb {
  -webkit-transform: scaleX(1.05);
  -moz-transform: scaleX(1.05);
  -ms-transform: scaleX(1.05);
  transform: scaleX(1.05);
} */

/* .main-categories .categories-wrapper a.category-link:hover .category-thumb:after {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}*/

/*.main-categories .categories-wrapper a.category-link:hover .category-thumb h2 {
  color: #172241;
  opacity: 1;
  padding-left: 15px;
} */
.-bg-white {
  background-color: var(--color-td-white);
}
.promoted-articles--section {
  padding-top: 7.8125rem;
  padding-bottom: 2.71875rem;
}
.promoted-articles {
  width: 33%;
  float: left;
  opacity: 0;
}

.promoted-articles .article-promoted {
  position: relative;
  overflow: hidden;
}

.promoted-articles--title {
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-semibold);
  font-size: 0.875rem;
  line-height: 1.25;
  color: var(--color-td-teal);
  margin: 0;
}

.promoted-articles .article-promoted > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.promoted-articles .article-promoted a:after {
  height: 1px;
  opacity: 0.5;
  margin-top: 2px;
}

.promoted-articles .article-promoted h4,
.promoted-articles .article-promoted .article-text p {
  margin: 0;
}

.promoted-articles .article-promoted .article-text {
  height: 3em;
  overflow: hidden;
  padding-top: 5px;
}

.promoted-articles .article-promoted .article-text p {
  font-size: 0.875rem;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.promoted-articles .article-promoted .article-text > *:not(p),
.promoted-articles .article-promoted .article-text p img {
  display: none;
}

.header.expand {
  -webkit-transition: all 0.75s cubic-bezier(0, 0, 0, 1) 0.5s;
  -moz-transition: all 0.5s ease-out 0.5s;
  -ms-transition: all 0.5s ease-out 0.5s;
  transition: all 0.75s cubic-bezier(0, 0, 0, 1) 0.5s;

  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);

  overflow: visible;
}

.hero-unit.expand {
  transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
  transform: scaleX(1);
  background-color: var(--color-td-teal);
}

.footer-inner.show,
.hero-unit .main-title.show,
.hero-unit .search input.show,
.feature-section.show,
.categories-wrapper.show,
.promoted-articles.show {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1) 1s;
  -moz-transition: opacity 1s cubic-bezier(0, 0, 0, 1) 1s;
  -ms-transition: opacity 1s cubic-bezier(0, 0, 0, 1) 1s;
  transition: opacity 1s cubic-bezier(0, 0, 0, 1) 1s;

  opacity: 1;
}

.hero-unit .main-title.show,
.hero-unit .search input.show {
  -webkit-transition: all 1s cubic-bezier(0.25, 0, 0, 1) 1s;
  -moz-transition: all 1s cubic-bezier(0.25, 0, 0, 1) 1s;
  -ms-transition: all 1s cubic-bezier(0.25, 0, 0, 1) 1s;
  transition: all 1s cubic-bezier(0.25, 0, 0, 1) 1s;

  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.hero-unit .search ::-webkit-input-placeholder.show {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

/*inbound metrics tabs marks*/

.handleTab {
  color: #172241;
  padding: 10px;
}

.handleTab.focus {
  color: #ffffff;
  background: #172241;
}

.imageTabMarks {
  display: inline-block;
  color: #ffffff;
  padding-top: 2px;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
}

.imageTabMarks.red {
  background: #c60223;
}

.imageTabMarks.darkBlue {
  background: #21617f;
}

.imageTabMarks.lightBlue {
  background: #3999d1;
}

.imageTabMarks.darkGreen {
  background: #328e29;
}

.imageTabMarks.lightGreen {
  background: #7ac943;
}

/*=========================================*/
/*=========================================*/
/*=========================================*/
/*=========================================*/
/* 2020/02/01 - New visual form this theme */
/*=========================================*/
/*=========================================*/
/*=========================================*/
/*=========================================*/

/* ====================================================
   Content frame
   ==================================================== */
/* main, */
.footer-inner,
.container {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1300px;
}

/* ====================================================
   Navigation Pages
   ==================================================== */
body.community-enabled .knowledge-base,
body.community-enabled .community {
  float: inherit;
  width: auto;
}

.community {
  padding: 15px 20px;
  margin: inherit;
}
.feature-section {
  display: inherit;
  height: inherit;
  padding: inherit;
  overflow: inherit;
  opacity: 0;
}

.feature-section .feature-category {
  padding-right: inherit;
  float: inherit;
  margin-bottom: inherit;
}

.promoted-articles .article-promoted a:after {
  content: none;
}

/* ENDED STYLE RESET FROM THEME */

/*=========================================*/
/*=========================================*/
/*=              CUSTOM CSS               =*/
/*=========================================*/
/*=========================================*/
.--color-td-darkblue {
  color: var(--color-td-darkblue);
}
.--color-td-orange {
  color: var(--color-td-orange);
}
.--color-td-lightblue {
  color: var(--color-td-lightblue);
}
.--color-td-teal {
  color: var(--color-td-teal);
}
.--color-td-lightgrey {
  color: var(--color-td-lightgrey);
}
.--color-td-bluegrey {
  color: var(--color-td-bluegrey);
}
.--color-td-grey {
  color: var(--color-td-grey);
}
.--color-td-white {
  color: var(--color-td-white);
}
.--color-td-black {
  color: var(--color-td-black);
}
.bg-color--darkblue {
  background-color: var(--color-td-darkblue);
}
.bg-color--orange {
  background-color: var(--color-td-orange);
}
.bg-color--lightblue {
  background-color: var(--color-td-lightblue);
}
.bg-color--teal {
  background-color: var(--color-td-teal);
}
.bg-color--lightgrey {
  background-color: var(--color-td-lightgrey);
}
.bg-color--bluegrey {
  background-color: var(--color-td-bluegrey);
}
.bg-color--grey {
  background-color: var(--color-td-grey);
}
.bg-color--white {
  background-color: var(--color-td-white);
}
.bg-color--black {
  background-color: var(--color-td-black);
}
.color--darkblue {
  color: var(--color-td-darkblue);
}
.color--orange {
  color: var(--color-td-orange);
}
.color--lightblue {
  color: var(--color-td-lightblue);
}
.color--teal {
  color: var(--color-td-teal);
}
.color--lightgrey {
  color: var(--color-td-lightgrey);
}
.color--bluegrey {
  color: var(--color-td-bluegrey);
}
.color--grey {
  color: var(--color-td-grey);
}
.color--white {
  color: var(--color-td-white);
}
.color--black {
  color: var(--color-td-black);
}
.text-uppercase {
  text-transform: uppercase;
}
.overflow-hidden {
  overflow: hidden !important;
}
summary {
  user-select: none;
  outline: none;
  /* transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1); */
}
summary::-webkit-details-marker {
  display: none;
}
a,
.wysiwyg-underline,
.wysiwyg-underline a {
  color: var(--color-td-teal);
}

[data-element-text]::before {
  content: attr(data-element-text);
}

html,
body {
  background-color: #f5f5f5;
  color: var(--color-td-darkblue);
  font-size: 16px;
  font-weight: var(--weight-td-regular);
}
html {
  background: white;
}
body > main {
  opacity: 0;
}
body > main.show {
  transition: opacity 1s cubic-bezier(0, 0, 0, 1) 1s;
  opacity: 1;
}
p {
  color: var(--color-td-darkblue);
}
.-flex-end {
  display: flex;
  justify-content: flex-end;
}
.-flex-between {
  display: flex;
  justify-content: space-between;
}

.container-flex {
  display: flex;
  justify-content: flex-start;
  flex: 1;
}
.content {
  width: 100%;
  height: auto;
  min-height: 40vh;
  max-width: 980px;
  margin: 0;
  padding: 20px;
  transform: translate3d(0, 0, 0);
  background: #fff;
  z-index: 2;
}

.icon-carrote {
  padding-right: 20px;
  position: relative;
}
.icon-carrote::before {
  content: '\E75E';
  font-family: 'entypo';
  margin-right: 5px;
  /* transition: all 0.15s ease-in-out; */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.icon-carrote--left::before {
  content: '\E75D';
}
[open] .icon-carrote:before {
  content: '\E75C';
}

/****** TAGS ******/
.tags {
  list-style: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
  display: inline-flex;
  flex-flow: row wrap;
}
.tag {
  background: #808080;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  margin-left: 5px;
}
.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 5px;
  position: absolute;
  width: 6px;
  top: 10px;
}
.tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #808080;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.article-list .tag:nth-child(n + 6) {
  display: none;
  pointer-events: none;
}

/***** Buttons *****/
.button {
  color: var(--color-td-darkblue);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;

  font-size: 0.8125rem;
  font-weight: lighter;
  white-space: nowrap;
  padding: 0.875rem 1rem;
}
.button:hover {
  text-decoration: none;
}
.button--br-radius {
  border-radius: 3px;
}
.button.button--link:hover {
  text-decoration: none;
}
.button.button--ghost {
  padding: 0.9375rem;
}
.button.button--ghost-border {
  border: 0.0625rem solid var(--color-td-grey-100);
}
.button--icon {
  position: relative;
}
.button--icon .icon {
  display: flex;
  position: relative;
}
.button--icon-left .icon {
  margin-right: 0.5rem;
}
.button--icon-right .icon {
  margin-left: 0.5rem;
}
.icon--top-right-arrow {
  max-width: 8px;
  min-width: 8px;
  height: 9px;
  margin: auto 0;
}
/***** hero *****/
.hero-unit.small {
  height: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
/* @media (min-width: 1220px) {
  .hero-unit.small {
    padding-top: 3rem;
    height: auto;
    min-height: auto;
  }
} */
.--open.hero-unit.small {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  height: auto;
  min-height: auto;
}
/***** Sidebar *****/

.sidebar-item:not(:last-of-type) {
  padding-bottom: 15px;
}
.sidebar-item:first-of-type {
  padding-top: 14px;
}
.sidebar-item .sidebar-item {
  margin-left: 15px;
}
.sidebar-item .sidebar-item-title {
  font-weight: var(--weight-td-regular);
  font-size: 16px;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
  line-height: 1.25;
}
.sidebar-item--active .sidebar-item-title {
  color: var(--color-td-teal);
}

/* .sidebar-item-title:hover {
  color: #333;
} */
.sidebar-home .sidebar-item-title:before {
  display: none;
}
.sidebar-section[open]:not(.sidebar-category--active) > .sidebar-category-title,
.sidebar-item[open] > .sidebar-item-title {
  color: var(--color-td-teal);
}
.sidebar-item-link {
  display: block;
  color: #666;
  text-decoration: none;
}
.sidebar-item-link:hover {
  color: #333;
}
.sidebar-section {
  font-family: var(--font-td-poppins);
}
.sidebar-section:not(:first-of-type) {
  padding-top: 22px;
}
.sidebar-category-title {
  font-weight: var(--weight-td-semibold);
  font-size: 16px;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
  cursor: pointer;
}
.sidebar-overflow {
  overflow: auto;
}
.sidebar-panel #user-dropdown::before,
.sidebar-panel #user-dropdown::after {
  display: none;
}
.sidebar-panel .user-nav {
  display: flex;
  flex-direction: column;
  padding: 4.5rem 1.5rem 1.5rem 1.5rem;
}
main .submit-a-request,
.sidebar-panel .submit-a-request {
  color: var(--color-td-darkblue);
  border-color: var(--color-td-darkblue);
  display: inline-flex;
}
main .submit-a-request:hover,
.sidebar-panel .submit-a-request:hover {
  color: var(--color-td-white);
}
.sidebar-panel .user-info {
  margin-left: 0;
}
.sidebar-panel #user #user-name {
  color: var(--color-td-white);
  background-color: var(--color-td-teal);
  border-color: var(--color-td-teal);
}
.sidebar-panel #user #user-name:hover {
  background-color: var(--color-td-darkblue);
  border-color: var(--color-td-darkblue);
}
.sidebar-panel #user-avatar {
  display: none;
}
header .sidebar-panel {
  display: none;
}
.--open.sidebar-panel {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--color-td-white);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
}
.--open .sidebar {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}
.--open .sidebar-section {
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
  position: relative;
}
.--open .sidebar-section {
  border-bottom: 1px solid var(--color-td-grey-100);
}
.--open .sidebar-category-title {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.--open .sidebar-item {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media (max-width: 768px) {
  main .sidebar-panel {
    display: none;
  }
}
@media (min-width: 1220px) {
  header .sidebar-panel,
  header .sidebar-panel.--open,
  header:not(.small) .header-mobile-menus {
    display: none;
  }
}

/***** HOMEPAGE *****/
.main-categories {
  padding-top: 110px;
  padding-bottom: 5.625rem;
}
.categories-wrapper {
  position: relative;
  top: -15px;
}
.categories-wrapper > div:first-of-type {
  position: relative;
  top: -15px;
}
.category-thumb {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  justify-content: center;
  position: relative;
  background-color: var(--color-td-teal);
  border-radius: 3px;
}
.category-link > * {
  transition: all 250ms ease-out;
}
.category-thumb:not(.category-thumb--small) {
  align-items: start;
  flex-direction: column;
  padding: 1.875rem;
  min-height: 14.5rem;
  justify-content: flex-start;
  background-color: var(--color-td-white);
  box-shadow: 0 0.375rem 0.8125rem 0 rgba(0, 0, 0, 0.07);
}
.category-thumb h2,
.category-thumb .category-title {
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-semibold);
  font-size: 0.8125rem;
  color: var(--color-td-white);
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.category-thumb:not(.category-thumb--small) .icon {
  margin-bottom: 1.5625rem;
}
.category-thumb:not(.category-thumb--small) h2,
.category-thumb:not(.category-thumb--small) .category-title {
  font-size: 0.875rem;
  color: var(--color-td-orange);
  letter-spacing: 0;
  line-height: 1.375rem;
  margin-bottom: 0.4375rem;
}
.category-thumb:not(.category-thumb--small) .icon img:first-of-type {
  display: none;
}
.category-thumb:not(.category-thumb--small) .icon img:last-of-type {
  display: block;
}
.category-link
  .category-thumb:hover:not(.category-thumb--small)
  .icon
  img:first-of-type {
  display: block;
}
.category-link
  .category-thumb:hover:not(.category-thumb--small)
  .icon
  img:last-of-type {
  display: none;
}
.category-thumb:hover:not(.category-thumb--small) {
  background-color: var(--color-td-teal);
}
.category-thumb:hover:not(.category-thumb--small) > * {
  color: var(--color-td-white);
}
.category-thumb .category-description {
  font-family: var(--font-td-roboto);
  font-size: 1rem;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
  line-height: 1.5rem;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.category-thumb .category-read-more {
  display: flex;
  position: absolute;
  left: 1rem;
  bottom: 1.5rem;
}
.button--icon .icon {
  max-width: 0.5625rem;
  min-width: 0.5625rem;
}
.external-links--section {
  padding-top: 3.75rem;
  padding-bottom: 2.71875rem;
}
.promoted-articles h2 {
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-semibold);
  font-size: 1.375rem;
  color: var(--color-td-darkblue);
  letter-spacing: -0.015625rem;
  line-height: 2.5625rem;
  margin-bottom: 2.5rem;
}
.promoted-articles .article-promoted:hover .promoted-articles--title,
.promoted-articles .article-promoted:hover .article-text {
  text-decoration: underline;
}

/***** HEADINGS *****/
h1,
h2 {
  font-size: 26px;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
}
h2 {
  font-size: 20px;
}
/***** BREADCRUMBS *****/
main {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 340px);
}
main > div:not(.breadcrumbs-wrapper) {
  padding-top: 110px;
}
.breadcrumbs-wrapper + * {
  padding-top: 3.75rem;
}
.breadcrumbs-wrapper {
  margin: 0 -20px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.breadcrumbs-wrapper::before,
.breadcrumbs-wrapper::after {
  width: 100%;
  height: 100%;
  background-color: var(--color-td-white);
  position: absolute;
  top: 0;
  content: '';
  z-index: -1;
}
.breadcrumbs-wrapper::before {
  left: 0;
  transform: translateX(-50%);
}
.breadcrumbs-wrapper::after {
  right: 0;
  transform: translateX(50%);
}
.breadcrumbs-wrapper .sub-nav {
  background-color: var(--color-td-white);
  /* margin-bottom: 50px; */
  border-bottom-width: 0;
}
.breadcrumbs-wrapper .sub-nav-far {
  margin-bottom: 0;
}

/***** Article Body Text *****/
.article-body p,
.article-body a,
.article-body li {
  font-weight: var(--weight-td-regular);
  font-size: 1rem;
  color: var(--color-td-darkblue);
  letter-spacing: 0;
  line-height: 1.5rem;
}
.article-body a {
  color: var(--color-td-teal);
}
.article--pre-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: start;
  margin-top: 1.375rem;
}
@media (min-width: 768px) {
  .article--pre-footer {
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    margin-top: 5.8125rem;
  }
}

.article-back-to-section {
  position: relative;
}
.article-back-to-section a {
  display: inline-block;
}
/***** Search Page *****/
.search-result {
  font-weight: var(--weight-td-regular);
  font-size: 14px;
  color: #9f9f9f;
  letter-spacing: 0;
}
/* .breadcrumbs.search-results-breadcrumbs {
  white-space: nowrap;
  overflow: hidden;
} */

/* .results-list-item-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
} */
.results-list-item-link:hover,
.results-list-item-link:hover * {
  text-decoration: none;
}
.meta-group {
  max-width: 100%;
  text-decoration: none;
}
@media (min-width: 500px) {
  .meta-group {
    display: flex;
  }
}
.meta-group * {
  font-family: var(--font-td-poppins);
  font-size: 0.75rem;
  font-weight: var(--weight-td-medium);
  line-height: 1.375rem;
}
.meta-group > div:first-of-type,
.meta-group > div:nth-of-type(2) {
  font-family: var(--font-td-poppins);
  font-weight: var(--weight-td-semibold);
  font-size: 0.625rem;
  color: var(--color-td-orange);
  letter-spacing: 0;
  line-height: 1.375rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 0.425rem;
}
.meta-group > div:nth-of-type(2) {
  color: var(--color-td-darkblue);
}
.meta-group .breadcrumbs-search-results {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  bottom: 0.0625rem;
}
.meta-group .breadcrumbs-search-results div:not(:last-child) {
  font-weight: var(--weight-td-medium);
  color: var(--color-td-teal);
  display: inline-block;
  max-width: 33px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 15px;
}
@media (min-width: 500px) {
  .meta-group .breadcrumbs-search-results div:not(:last-child) {
    max-width: calc(33px * 2);
  }
}
@media (min-width: 700px) {
  .meta-group .breadcrumbs-search-results div:not(:last-child) {
    max-width: 100%;
  }
}
.meta-group .breadcrumbs-search-results div:not(:last-child)::after {
  color: var(--color-td-darkblue);
  content: '\E75E';
  font-family: 'entypo';
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.meta-group .breadcrumbs-search-results div:last-child {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/****** Categories ****/
.category .section.col {
  padding: 0 0.5rem 1rem;
}
.category .section.col a:hover {
  color: var(--color-td-darkblue);
  text-decoration-color: inherit;
}
.category figure img {
  max-width: 600px;
}
/***** Footer *****/
.footer {
  background-color: var(--color-td-white);
  /* margin-top: 3.75rem; */
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  position: relative;
  z-index: 1;
}
.footer-inner {
  opacity: 0;
  text-align: center;
}

.footer p,
.footer .button {
  font-weight: var(--weight-td-regular);
  font-size: 0.875rem;
}
.footer p {
  font-size: 0.775rem;
}
.footer .button.button--ghost {
  padding: 0;
}
@media (max-width: 991px) {
  .footer .button.button--ghost {
    display: flex;
    padding-bottom: 0.9375rem;
  }
}
@media only screen and (min-width: 992px) {
  .footer-inner {
    text-align: right;
  }
  .footer .button--ghost:not(:first-of-type) {
    margin-left: 1.875rem;
  }
}
@media only screen and (max-width: 991px) {
  .footer .button--ghost {
    padding-bottom: 0.9375rem;
    text-align: center;
  }
}
.footer .footer-logo {
  display: block;
  max-width: 5.875rem;
}
@media only screen and (max-width: 991px) {
  .footer .footer-logo {
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 100%;
  }
}

.upload-dropzone {
  border-radius: 0.1875rem;
  border-width: 2px;
  border-color: var(--color-td-darkblue);
}

.upload-dropzone,
.upload-dropzone span,
.upload-dropzone span a {
  color: var(--color-td-darkblue);
  font-family: var(--font-td-poppins);
  font-size: 0.8125rem;
  font-weight: var(--weight-td-semibold);
  letter-spacing: 0.0625rem;
  line-height: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.upload-dropzone:hover,
.upload-dropzone:hover span,
.upload-dropzone:hover span a {
  color: var(--color-td-white) !important;
  background-color: var(--color-td-darkblue);
}
/*=========================================*/
/*=========================================*/
/*=========================================*/
/*=========================================*/
/* 2020/02/01 - New visual form this theme */
/*=========================================*/
/*=========================================*/
/*=========================================*/
/*=========================================*/