/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Perform a value into a percentage value.
 * @param {number} $value - The value which should be converted.
 * @returns {number} $value - The percentage.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column-width().
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-column-gutter().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Alias for j-span().
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-shift().
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * Alias for j-unshift().
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 * Aliases for j-edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Alias for j-center().
 */
/**
 * Uncenter an element.
 */
/**
 * Alias for j-uncenter().
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Alias for j-stack().
 */
/**
 * Unstack an element.
 */
/**
 * Alias for j-unstack().
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Alias for j-align().
 */
/**
 * Apply a clearfix to an element.
 */
/**
 * Alias for j-cf().
 */
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
.grid {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3.4%;
  width: auto;
  max-width: 1080px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
  margin-bottom: 30px; }
  .grid:nth-of-type(12n) {
    margin-right: 0;
    float: right; }
  .grid:nth-of-type(12n + 1) {
    clear: both; }
  .grid:before, .grid:after {
    content: '';
    display: table; }
  .grid:after {
    clear: both; }
  .grid .grid__col {
    float: left;
    clear: none;
    width: 5.21667%;
    margin-left: 0;
    margin-right: 3.4%;
    background-color: blue;
    height: 300px;
    opacity: 0.2; }
    .grid .grid__col:last-child {
      margin-right: 0; }
    .grid .grid__col:nth-child(5), .grid .grid__col:nth-child(6), .grid .grid__col:nth-child(7), .grid .grid__col:nth-child(8) {
      background-color: red; }
  @media only screen and (max-width: 519px) {
    .grid {
      float: left;
      clear: none;
      width: 100%;
      margin-left: 0;
      margin-right: 3.4%; }
      .grid:nth-of-type(4n) {
        margin-right: 0;
        float: right; }
      .grid:nth-of-type(4n + 1) {
        clear: both; }
      .grid .grid__col {
        float: left;
        clear: none;
        width: 21.85%;
        margin-left: 0;
        margin-right: 4.2%; }
        .grid .grid__col:last-child {
          margin-right: 0; }
        .grid .grid__col:nth-child(11), .grid .grid__col:nth-child(12) {
          background-color: red; } }
  .grid.grid--overlay {
    height: 100%;
    display: none; }
    .grid.grid--overlay .grid__col {
      height: 100%; }

.row:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
  visibility: hidden; }

.col-xs-1-2 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 48.3%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-1-2:last-child {
    margin-right: 0; }

.col-xs-2-2 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-2-2:last-child {
    margin-right: 0; }

@media only print, screen and (min-width: 520px) {
  .col-sm-1-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-1-2:last-child {
      margin-right: 0; }
  .col-sm-2-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-2-2:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 712px) {
  .col-md-1-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-1-2:last-child {
      margin-right: 0; }
  .col-md-2-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-2-2:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 816px) {
  .col-lg-1-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-1-2:last-child {
      margin-right: 0; }
  .col-lg-2-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-2-2:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 1080px) {
  .col-xl-1-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-1-2:last-child {
      margin-right: 0; }
  .col-xl-2-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-2-2:last-child {
      margin-right: 0; } }

.col-xs-1-3 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 31.06667%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-1-3:last-child {
    margin-right: 0; }

.col-xs-2-3 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 65.53333%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-2-3:last-child {
    margin-right: 0; }

.col-xs-3-3 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-3-3:last-child {
    margin-right: 0; }

@media only print, screen and (min-width: 520px) {
  .col-sm-1-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 31.06667%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-1-3:last-child {
      margin-right: 0; }
  .col-sm-2-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 65.53333%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-2-3:last-child {
      margin-right: 0; }
  .col-sm-3-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-3-3:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 712px) {
  .col-md-1-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 31.06667%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-1-3:last-child {
      margin-right: 0; }
  .col-md-2-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 65.53333%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-2-3:last-child {
      margin-right: 0; }
  .col-md-3-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-3-3:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 816px) {
  .col-lg-1-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 31.06667%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-1-3:last-child {
      margin-right: 0; }
  .col-lg-2-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 65.53333%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-2-3:last-child {
      margin-right: 0; }
  .col-lg-3-3 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-3-3:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 1080px) {
  .col-xl-1-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 31.06667%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-1-2:last-child {
      margin-right: 0; }
  .col-xl-2-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 65.53333%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-2-2:last-child {
      margin-right: 0; }
  .col-xl-3-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-3-2:last-child {
      margin-right: 0; } }

.col-xs-1-4 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 22.45%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-1-4:last-child {
    margin-right: 0; }

.col-xs-2-4 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 48.3%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-2-4:last-child {
    margin-right: 0; }

.col-xs-3-4 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 74.15%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-3-4:last-child {
    margin-right: 0; }

.col-xs-4-4 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-4-4:last-child {
    margin-right: 0; }

@media only print, screen and (min-width: 520px) {
  .col-sm-1-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-1-4:last-child {
      margin-right: 0; }
  .col-sm-2-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-2-4:last-child {
      margin-right: 0; }
  .col-sm-3-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-3-4:last-child {
      margin-right: 0; }
  .col-sm-4-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-4-4:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 712px) {
  .col-md-1-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-1-4:last-child {
      margin-right: 0; }
  .col-md-2-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-2-4:last-child {
      margin-right: 0; }
  .col-md-3-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-3-4:last-child {
      margin-right: 0; }
  .col-md-4-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-4-4:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 816px) {
  .col-lg-1-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-1-4:last-child {
      margin-right: 0; }
  .col-lg-2-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-2-4:last-child {
      margin-right: 0; }
  .col-lg-3-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-3-4:last-child {
      margin-right: 0; }
  .col-lg-4-4 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-4-4:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 1080px) {
  .col-xl-1-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-1-2:last-child {
      margin-right: 0; }
  .col-xl-2-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-2-2:last-child {
      margin-right: 0; }
  .col-xl-3-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-3-2:last-child {
      margin-right: 0; }
  .col-xl-4-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-4-2:last-child {
      margin-right: 0; } }

.col-xs-1-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 9.525%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-1-8:last-child {
    margin-right: 0; }

.col-xs-2-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 22.45%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-2-8:last-child {
    margin-right: 0; }

.col-xs-3-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 35.375%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-3-8:last-child {
    margin-right: 0; }

.col-xs-4-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 48.3%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-4-8:last-child {
    margin-right: 0; }

.col-xs-5-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 61.225%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-5-8:last-child {
    margin-right: 0; }

.col-xs-6-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 74.15%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-6-8:last-child {
    margin-right: 0; }

.col-xs-7-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 87.075%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-7-8:last-child {
    margin-right: 0; }

.col-xs-8-8 {
  min-height: 1px;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3.4%; }
  .col-xs-8-8:last-child {
    margin-right: 0; }

@media only print, screen and (min-width: 520px) {
  .col-sm-1-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 9.525%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-1-8:last-child {
      margin-right: 0; }
  .col-sm-2-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-2-8:last-child {
      margin-right: 0; }
  .col-sm-3-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 35.375%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-3-8:last-child {
      margin-right: 0; }
  .col-sm-4-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-4-8:last-child {
      margin-right: 0; }
  .col-sm-5-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 61.225%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-5-8:last-child {
      margin-right: 0; }
  .col-sm-6-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-6-8:last-child {
      margin-right: 0; }
  .col-sm-7-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 87.075%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-7-8:last-child {
      margin-right: 0; }
  .col-sm-8-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-sm-8-8:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 712px) {
  .col-md-1-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 9.525%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-1-8:last-child {
      margin-right: 0; }
  .col-md-2-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-2-8:last-child {
      margin-right: 0; }
  .col-md-3-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 35.375%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-3-8:last-child {
      margin-right: 0; }
  .col-md-4-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-4-8:last-child {
      margin-right: 0; }
  .col-md-5-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 61.225%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-5-8:last-child {
      margin-right: 0; }
  .col-md-6-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-6-8:last-child {
      margin-right: 0; }
  .col-md-7-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 87.075%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-7-8:last-child {
      margin-right: 0; }
  .col-md-8-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-md-8-8:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 816px) {
  .col-lg-1-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 9.525%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-1-8:last-child {
      margin-right: 0; }
  .col-lg-2-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-2-8:last-child {
      margin-right: 0; }
  .col-lg-3-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 35.375%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-3-8:last-child {
      margin-right: 0; }
  .col-lg-4-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-4-8:last-child {
      margin-right: 0; }
  .col-lg-5-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 61.225%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-5-8:last-child {
      margin-right: 0; }
  .col-lg-6-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-6-8:last-child {
      margin-right: 0; }
  .col-lg-7-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 87.075%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-7-8:last-child {
      margin-right: 0; }
  .col-lg-8-8 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-lg-8-8:last-child {
      margin-right: 0; } }

@media only print, screen and (min-width: 1080px) {
  .col-xl-1-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 9.525%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-1-2:last-child {
      margin-right: 0; }
  .col-xl-2-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 22.45%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-2-2:last-child {
      margin-right: 0; }
  .col-xl-3-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 35.375%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-3-2:last-child {
      margin-right: 0; }
  .col-xl-4-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 48.3%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-4-2:last-child {
      margin-right: 0; }
  .col-xl-5-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 61.225%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-5-2:last-child {
      margin-right: 0; }
  .col-xl-6-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 74.15%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-6-2:last-child {
      margin-right: 0; }
  .col-xl-7-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 87.075%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-7-2:last-child {
      margin-right: 0; }
  .col-xl-8-2 {
    min-height: 1px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3.4%; }
    .col-xl-8-2:last-child {
      margin-right: 0; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

[class*="ic"] {
  speak: normal; }

.dynamic-house-wrapper .app-dynamic-house {
  display: block;
  position: relative; }
  .dynamic-house-wrapper .app-dynamic-house h3,
  .dynamic-house-wrapper .app-dynamic-house h4 {
    margin-bottom: 0.85rem; }
  .dynamic-house-wrapper .app-dynamic-house p {
    margin-bottom: 1rem; }
    .dynamic-house-wrapper .app-dynamic-house p + h4 {
      margin-top: 1.9rem; }
    .dynamic-house-wrapper .app-dynamic-house p + .linklist--spacetop:not(.linklist--with-header) {
      margin-top: -0.55rem; }
  .dynamic-house-wrapper .app-dynamic-house p + ul.list,
  .dynamic-house-wrapper .app-dynamic-house .hl-2 + ul.list {
    margin-top: -0.05rem; }
  .dynamic-house-wrapper .app-dynamic-house .list {
    margin-bottom: 2rem; }
  .dynamic-house-wrapper .app-dynamic-house .list__item {
    margin-bottom: 0.9rem; }
  .dynamic-house-wrapper .app-dynamic-house .linklist__item {
    position: relative;
    line-height: 1.2; }
    .dynamic-house-wrapper .app-dynamic-house .linklist__item + .linklist__item {
      margin-top: 0.9rem; }
    .dynamic-house-wrapper .app-dynamic-house .linklist__item .link {
      display: inline-table; }
      .dynamic-house-wrapper .app-dynamic-house .linklist__item .link .hide {
        display: inline;
        font-size: 0;
        opacity: 0; }
    .dynamic-house-wrapper .app-dynamic-house .linklist__item .text-content-after {
      display: inline-block;
      transform: translateY(0.2rem); }
  .dynamic-house-wrapper .app-dynamic-house .linklist--small-margin {
    margin-bottom: 1rem; }
  .dynamic-house-wrapper .app-dynamic-house .linklist--with-header {
    margin-top: 2rem; }
    .dynamic-house-wrapper .app-dynamic-house .linklist--with-header:before {
      content: attr(aria-label); }
    .dynamic-house-wrapper .app-dynamic-house .linklist--with-header .linklist__item:first-child {
      margin-top: 1rem; }
  .dynamic-house-wrapper .app-dynamic-house .link {
    position: relative;
    display: inline-flex !important; }
    .dynamic-house-wrapper .app-dynamic-house .link.link--underline {
      line-height: 1.2; }
    .dynamic-house-wrapper .app-dynamic-house .link.ic-arrowRight::before {
      margin-right: 0.8rem;
      margin-top: 0.2rem; }
    .dynamic-house-wrapper .app-dynamic-house .link .ic-info {
      padding-right: 0 !important; }
  .dynamic-house-wrapper .app-dynamic-house .accessibility {
    overflow: hidden;
    z-index: 0;
    opacity: 0;
    word-break: break-all; }
  .dynamic-house-wrapper .app-dynamic-house .link__accessibility {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip__arrow {
    border-style: none; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip__arrow, .dynamic-house-wrapper .app-dynamic-house .tooltip__arrow::before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    z-index: -1; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip__arrow::before {
    content: "";
    background: #f6f5ed !important; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip .list.list--dashed > .list__item {
    margin-bottom: 0; }
    .dynamic-house-wrapper .app-dynamic-house .tooltip .list.list--dashed > .list__item::before {
      content: "-";
      font-weight: normal;
      font-size: 1.5rem; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip[data-popper-placement^="top"] .tooltip__arrow {
    bottom: -0.6rem; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip[data-popper-placement="bottom"] .tooltip__arrow {
    top: -0.6rem; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip[data-popper-placement^="left"] .tooltip__arrow {
    right: -0.6rem; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip[data-popper-placement^="right"] .tooltip__arrow {
    left: -0.6rem; }
  .dynamic-house-wrapper .app-dynamic-house .tooltip-ref {
    white-space: normal; }
    .dynamic-house-wrapper .app-dynamic-house .tooltip-ref.link {
      color: inherit; }
    .dynamic-house-wrapper .app-dynamic-house .tooltip-ref.link :last-child[class*="ic-"] {
      padding-right: 0 !important; }
    .dynamic-house-wrapper .app-dynamic-house .tooltip-ref .ic-info {
      margin-top: -3px; }
      .dynamic-house-wrapper .app-dynamic-house .tooltip-ref .ic-info:before {
        font-size: 1.8rem !important; }
  .dynamic-house-wrapper .app-dynamic-house .error-message {
    display: block;
    margin-top: 0; }
  .dynamic-house-wrapper .app-dynamic-house .list-title-complex {
    margin-bottom: -1rem;
    margin-top: 1.5rem; }
    .dynamic-house-wrapper .app-dynamic-house .list-title-complex .tooltip-ref .ic-info {
      display: inline-block;
      position: inherit;
      bottom: 0;
      margin-left: 0.2rem; }

.dynamic-house-wrapper .app-dynamic-house img,
.dynamic-house-wrapper .app-dynamic-house canvas {
  height: auto;
  max-width: 100%;
  user-select: none; }

.dynamic-house-wrapper .app-dynamic-house__item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 3rem; }
  @media only print, screen and (min-width: 520px) {
    .dynamic-house-wrapper .app-dynamic-house__item {
      padding-bottom: 2rem; } }
  @media only print, screen and (min-width: 712px) {
    .dynamic-house-wrapper .app-dynamic-house__item {
      flex-direction: row;
      flex-wrap: wrap; } }
  .dynamic-house-wrapper .app-dynamic-house__item *:last-child {
    margin-bottom: 0; }

.dynamic-house-wrapper .app-dynamic-house__spinner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 40%;
  right: 50%;
  border: 5px solid transparent;
  border-radius: 50%;
  z-index: 1;
  animation: spin 0.6s linear infinite;
  border-top-color: #60800f; }

.dynamic-house-wrapper .app-dynamic-house__image {
  position: relative; }
  .dynamic-house-wrapper .app-dynamic-house__image canvas {
    position: absolute;
    top: 0;
    left: 0; }
    .dynamic-house-wrapper .app-dynamic-house__image canvas + img {
      opacity: 0;
      pointer-events: none; }
  @media only print, screen and (min-width: 712px) {
    .dynamic-house-wrapper .app-dynamic-house__image {
      float: left;
      clear: none;
      width: 48.3%;
      margin-left: 0;
      margin-right: 3.4%; }
      .dynamic-house-wrapper .app-dynamic-house__image:last-child {
        margin-right: 0; } }

.dynamic-house-wrapper .app-dynamic-house__accessibility {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.5rem;
  border-radius: 50%;
  font-size: 7px;
  cursor: pointer; }
  @media (min-width: 712px) {
    .dynamic-house-wrapper .app-dynamic-house__accessibility {
      padding: 1.1rem; } }
  @media (min-width: 890px) {
    .dynamic-house-wrapper .app-dynamic-house__accessibility {
      padding: 1.2rem; } }
  @media (min-width: 980px) {
    .dynamic-house-wrapper .app-dynamic-house__accessibility {
      padding: 1.3rem; } }
  @media (min-width: 1080px) {
    .dynamic-house-wrapper .app-dynamic-house__accessibility {
      padding: 1.25rem; } }

.dynamic-house-wrapper .app-dynamic-house__content {
  order: 2;
  margin-top: 2.8rem; }
  @media only print, screen and (min-width: 712px) {
    .dynamic-house-wrapper .app-dynamic-house__content {
      float: left;
      clear: none;
      width: 48.3%;
      margin-left: 0;
      margin-right: 3.4%;
      order: 0;
      margin-top: 0;
      margin-left: -1px; }
      .dynamic-house-wrapper .app-dynamic-house__content:nth-of-type(2n) {
        margin-right: 0;
        float: right; }
      .dynamic-house-wrapper .app-dynamic-house__content:nth-of-type(2n + 1) {
        clear: both; } }
  .dynamic-house-wrapper .app-dynamic-house__content .show {
    display: table; }
  .dynamic-house-wrapper .app-dynamic-house__content .hide {
    display: none; }
  .dynamic-house-wrapper .app-dynamic-house__content .link--hover {
    color: #00446E; }
    .dynamic-house-wrapper .app-dynamic-house__content .link--hover .link__name-text {
      text-decoration: underline; }
  .dynamic-house-wrapper .app-dynamic-house__content .link {
    display: inline-flex; }

.dynamic-house-wrapper .app-dynamic-house__navigation {
  margin-top: 1.67rem;
  text-align: center; }
  @media only print, screen and (min-width: 712px) {
    .dynamic-house-wrapper .app-dynamic-house__navigation {
      float: left;
      clear: none;
      width: 48.3%;
      margin-left: 0;
      margin-right: 3.4%;
      display: flex;
      justify-content: flex-end;
      position: relative;
      margin-top: 3.25rem; }
      .dynamic-house-wrapper .app-dynamic-house__navigation:last-child {
        margin-right: 0; } }

.dynamic-house-wrapper .app-dynamic-house__toggle-overview {
  cursor: pointer; }
  @media only print, screen and (min-width: 712px) {
    .dynamic-house-wrapper .app-dynamic-house__toggle-overview {
      position: absolute !important;
      top: 50%;
      left: 0;
      transform: translateY(-50%); } }
  .dynamic-house-wrapper .app-dynamic-house__toggle-overview.hide {
    visibility: hidden; }

.dynamic-house-wrapper .app-dynamic-house__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.67rem;
  color: #1b618c; }
  @media only print, screen and (min-width: 712px) {
    .dynamic-house-wrapper .app-dynamic-house__pagination {
      margin-bottom: 0; } }

.dynamic-house-wrapper .app-dynamic-house__pagination-button {
  display: inline-block;
  width: 3.6rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1.4;
  color: currentColor;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid transparent; }
  .dynamic-house-wrapper .app-dynamic-house__pagination-button[class*="ic-arrow"]:before {
    font-size: 2.4rem; }
  .dynamic-house-wrapper .app-dynamic-house__pagination-button span {
    display: none; }
  .dynamic-house-wrapper .app-dynamic-house__pagination-button:disabled {
    color: #bdc0c2;
    cursor: not-allowed; }
    .dynamic-house-wrapper .app-dynamic-house__pagination-button:disabled:focus, .dynamic-house-wrapper .app-dynamic-house__pagination-button:disabled:hover {
      color: #bdc0c2; }
  .dynamic-house-wrapper .app-dynamic-house__pagination-button:first-child {
    padding-left: 0; }
  .dynamic-house-wrapper .app-dynamic-house__pagination-button:last-child {
    padding-right: 0; }
  .dynamic-house-wrapper .app-dynamic-house__pagination-button:hover {
    border: 2px solid #00446E; }

.dynamic-house-wrapper .app-dynamic-house__container-pagination-value {
  display: inline-table;
  margin: 0 0.4rem; }

.dynamic-house-wrapper .app-dynamic-house__pagination-value {
  display: table-cell;
  min-width: 1.8rem; }

[data-whatinput="keyboard"] .dynamic-house-wrapper .app-dynamic-house__pagination-button:focus {
  outline: none;
  border: 2px dashed #00446E; }
  [data-whatinput="keyboard"] .dynamic-house-wrapper .app-dynamic-house__pagination-button:focus:before {
    color: #00446E; }