@charset "UTF-8";
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
MAIN SASS CONFIGURATION

* @Version:    1.0 - 2018
* @author:     Burocratik
* @email:      hello@burocratik.com
* @website:    http://www.burocratik.com
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
INCLUDES
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/* =RESET ORGINAL
http://meyerweb.com/eric/tools/css/reset/

/* =NORMALIZE.css
https://github.com/necolas/normalize.css */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*-------------------------------------------------------------------------
  =GRID
-------------------------------------------------------------------------*/
.row {
  max-width: 106.250rem;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap; }

.row .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }

.row.expanded {
  max-width: none; }

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row.is-collapse-child,
.row.collapse > .column > .row,
.row.collapse > .columns > .row {
  margin-left: 0;
  margin-right: 0; }

.column,
.columns {
  -ms-flex: 1 1 0px;
  -webkit-box-flex: 1;
          flex: 1 1 0px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  min-width: initial; }

.column.row.row,
.row.row.columns {
  float: none;
  display: block; }

.row .column.row.row,
.row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

.xxlarge-1 {
  -ms-flex: 0 0 6.25%;
  -webkit-box-flex: 0;
          flex: 0 0 6.25%;
  max-width: 6.25%; }

.xxlarge-offset-0 {
  margin-left: 0%; }

.xxlarge-2 {
  -ms-flex: 0 0 12.5%;
  -webkit-box-flex: 0;
          flex: 0 0 12.5%;
  max-width: 12.5%; }

.xxlarge-offset-1 {
  margin-left: 6.25%; }

.xxlarge-3 {
  -ms-flex: 0 0 18.75%;
  -webkit-box-flex: 0;
          flex: 0 0 18.75%;
  max-width: 18.75%; }

.xxlarge-offset-2 {
  margin-left: 12.5%; }

.xxlarge-4 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%; }

.xxlarge-offset-3 {
  margin-left: 18.75%; }

.xxlarge-5 {
  -ms-flex: 0 0 31.25%;
  -webkit-box-flex: 0;
          flex: 0 0 31.25%;
  max-width: 31.25%; }

.xxlarge-offset-4 {
  margin-left: 25%; }

.xxlarge-6 {
  -ms-flex: 0 0 37.5%;
  -webkit-box-flex: 0;
          flex: 0 0 37.5%;
  max-width: 37.5%; }

.xxlarge-offset-5 {
  margin-left: 31.25%; }

.xxlarge-7 {
  -ms-flex: 0 0 43.75%;
  -webkit-box-flex: 0;
          flex: 0 0 43.75%;
  max-width: 43.75%; }

.xxlarge-offset-6 {
  margin-left: 37.5%; }

.xxlarge-8 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%; }

.xxlarge-offset-7 {
  margin-left: 43.75%; }

.xxlarge-9 {
  -ms-flex: 0 0 56.25%;
  -webkit-box-flex: 0;
          flex: 0 0 56.25%;
  max-width: 56.25%; }

.xxlarge-offset-8 {
  margin-left: 50%; }

.xxlarge-10 {
  -ms-flex: 0 0 62.5%;
  -webkit-box-flex: 0;
          flex: 0 0 62.5%;
  max-width: 62.5%; }

.xxlarge-offset-9 {
  margin-left: 56.25%; }

.xxlarge-11 {
  -ms-flex: 0 0 68.75%;
  -webkit-box-flex: 0;
          flex: 0 0 68.75%;
  max-width: 68.75%; }

.xxlarge-offset-10 {
  margin-left: 62.5%; }

.xxlarge-12 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%; }

.xxlarge-offset-11 {
  margin-left: 68.75%; }

.xxlarge-13 {
  -ms-flex: 0 0 81.25%;
  -webkit-box-flex: 0;
          flex: 0 0 81.25%;
  max-width: 81.25%; }

.xxlarge-offset-12 {
  margin-left: 75%; }

.xxlarge-14 {
  -ms-flex: 0 0 87.5%;
  -webkit-box-flex: 0;
          flex: 0 0 87.5%;
  max-width: 87.5%; }

.xxlarge-offset-13 {
  margin-left: 81.25%; }

.xxlarge-15 {
  -ms-flex: 0 0 93.75%;
  -webkit-box-flex: 0;
          flex: 0 0 93.75%;
  max-width: 93.75%; }

.xxlarge-offset-14 {
  margin-left: 87.5%; }

.xxlarge-16 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%; }

.xxlarge-offset-15 {
  margin-left: 93.75%; }

.xxlarge-order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1; }

.xxlarge-order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2; }

.xxlarge-order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3; }

.xxlarge-order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4; }

.xxlarge-order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5; }

.xxlarge-order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6; }

.xxlarge-up-1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-1 > .column,
.xxlarge-up-1 > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%; }

.xxlarge-up-2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-2 > .column,
.xxlarge-up-2 > .columns {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%; }

.xxlarge-up-3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-3 > .column,
.xxlarge-up-3 > .columns {
  -ms-flex: 0 0 33.33333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.xxlarge-up-4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-4 > .column,
.xxlarge-up-4 > .columns {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%; }

.xxlarge-up-5 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-5 > .column,
.xxlarge-up-5 > .columns {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%; }

.xxlarge-up-6 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-6 > .column,
.xxlarge-up-6 > .columns {
  -ms-flex: 0 0 16.66667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.xxlarge-up-7 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-7 > .column,
.xxlarge-up-7 > .columns {
  -ms-flex: 0 0 14.28571%;
  -webkit-box-flex: 0;
          flex: 0 0 14.28571%;
  max-width: 14.28571%; }

.xxlarge-up-8 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-8 > .column,
.xxlarge-up-8 > .columns {
  -ms-flex: 0 0 12.5%;
  -webkit-box-flex: 0;
          flex: 0 0 12.5%;
  max-width: 12.5%; }

.xxlarge-collapse > .column,
.xxlarge-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.xxlarge-uncollapse > .column,
.xxlarge-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

@media screen and (max-width: 1650px) {
  .xlarge-1 {
    -ms-flex: 0 0 6.25%;
    -webkit-box-flex: 0;
            flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xlarge-offset-1 {
    margin-left: 6.25%; }
  .xlarge-3 {
    -ms-flex: 0 0 18.75%;
    -webkit-box-flex: 0;
            flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xlarge-offset-2 {
    margin-left: 12.5%; }
  .xlarge-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-offset-3 {
    margin-left: 18.75%; }
  .xlarge-5 {
    -ms-flex: 0 0 31.25%;
    -webkit-box-flex: 0;
            flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xlarge-offset-4 {
    margin-left: 25%; }
  .xlarge-6 {
    -ms-flex: 0 0 37.5%;
    -webkit-box-flex: 0;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xlarge-offset-5 {
    margin-left: 31.25%; }
  .xlarge-7 {
    -ms-flex: 0 0 43.75%;
    -webkit-box-flex: 0;
            flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xlarge-offset-6 {
    margin-left: 37.5%; }
  .xlarge-8 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-offset-7 {
    margin-left: 43.75%; }
  .xlarge-9 {
    -ms-flex: 0 0 56.25%;
    -webkit-box-flex: 0;
            flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xlarge-offset-8 {
    margin-left: 50%; }
  .xlarge-10 {
    -ms-flex: 0 0 62.5%;
    -webkit-box-flex: 0;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xlarge-offset-9 {
    margin-left: 56.25%; }
  .xlarge-11 {
    -ms-flex: 0 0 68.75%;
    -webkit-box-flex: 0;
            flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xlarge-offset-10 {
    margin-left: 62.5%; }
  .xlarge-12 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .xlarge-offset-11 {
    margin-left: 68.75%; }
  .xlarge-13 {
    -ms-flex: 0 0 81.25%;
    -webkit-box-flex: 0;
            flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xlarge-offset-12 {
    margin-left: 75%; }
  .xlarge-14 {
    -ms-flex: 0 0 87.5%;
    -webkit-box-flex: 0;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xlarge-offset-13 {
    margin-left: 81.25%; }
  .xlarge-15 {
    -ms-flex: 0 0 93.75%;
    -webkit-box-flex: 0;
            flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xlarge-offset-14 {
    margin-left: 87.5%; }
  .xlarge-16 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .xlarge-offset-15 {
    margin-left: 93.75%; }
  .xlarge-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .xlarge-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .xlarge-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .xlarge-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .xlarge-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .xlarge-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .xlarge-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-1 > .column,
  .xlarge-up-1 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .xlarge-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-2 > .column,
  .xlarge-up-2 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-3 > .column,
  .xlarge-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xlarge-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-4 > .column,
  .xlarge-up-4 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-5 > .column,
  .xlarge-up-5 > .columns {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .xlarge-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-6 > .column,
  .xlarge-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xlarge-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-7 > .column,
  .xlarge-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    -webkit-box-flex: 0;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .xlarge-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-8 > .column,
  .xlarge-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 1650px) and (max-width: 1650px) {
  .xlarge-expand {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

.row.xlarge-unstack > .column,
.row.xlarge-unstack > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

@media screen and (max-width: 1650px) {
  .row.xlarge-unstack > .column,
  .row.xlarge-unstack > .columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

@media screen and (max-width: 1650px) {
  .xlarge-collapse > .column,
  .xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xlarge-uncollapse > .column,
  .xlarge-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 1440px) {
  .large-1 {
    -ms-flex: 0 0 6.25%;
    -webkit-box-flex: 0;
            flex: 0 0 6.25%;
    max-width: 6.25%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .large-offset-1 {
    margin-left: 6.25%; }
  .large-3 {
    -ms-flex: 0 0 18.75%;
    -webkit-box-flex: 0;
            flex: 0 0 18.75%;
    max-width: 18.75%; }
  .large-offset-2 {
    margin-left: 12.5%; }
  .large-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-3 {
    margin-left: 18.75%; }
  .large-5 {
    -ms-flex: 0 0 31.25%;
    -webkit-box-flex: 0;
            flex: 0 0 31.25%;
    max-width: 31.25%; }
  .large-offset-4 {
    margin-left: 25%; }
  .large-6 {
    -ms-flex: 0 0 37.5%;
    -webkit-box-flex: 0;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .large-offset-5 {
    margin-left: 31.25%; }
  .large-7 {
    -ms-flex: 0 0 43.75%;
    -webkit-box-flex: 0;
            flex: 0 0 43.75%;
    max-width: 43.75%; }
  .large-offset-6 {
    margin-left: 37.5%; }
  .large-8 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-7 {
    margin-left: 43.75%; }
  .large-9 {
    -ms-flex: 0 0 56.25%;
    -webkit-box-flex: 0;
            flex: 0 0 56.25%;
    max-width: 56.25%; }
  .large-offset-8 {
    margin-left: 50%; }
  .large-10 {
    -ms-flex: 0 0 62.5%;
    -webkit-box-flex: 0;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .large-offset-9 {
    margin-left: 56.25%; }
  .large-11 {
    -ms-flex: 0 0 68.75%;
    -webkit-box-flex: 0;
            flex: 0 0 68.75%;
    max-width: 68.75%; }
  .large-offset-10 {
    margin-left: 62.5%; }
  .large-12 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-11 {
    margin-left: 68.75%; }
  .large-13 {
    -ms-flex: 0 0 81.25%;
    -webkit-box-flex: 0;
            flex: 0 0 81.25%;
    max-width: 81.25%; }
  .large-offset-12 {
    margin-left: 75%; }
  .large-14 {
    -ms-flex: 0 0 87.5%;
    -webkit-box-flex: 0;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .large-offset-13 {
    margin-left: 81.25%; }
  .large-15 {
    -ms-flex: 0 0 93.75%;
    -webkit-box-flex: 0;
            flex: 0 0 93.75%;
    max-width: 93.75%; }
  .large-offset-14 {
    margin-left: 87.5%; }
  .large-16 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-15 {
    margin-left: 93.75%; }
  .large-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .large-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .large-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .large-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .large-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .large-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .large-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-1 > .column,
  .large-up-1 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .large-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-2 > .column,
  .large-up-2 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .large-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-3 > .column,
  .large-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-4 > .column,
  .large-up-4 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .large-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-5 > .column,
  .large-up-5 > .columns {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .large-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-6 > .column,
  .large-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-7 > .column,
  .large-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    -webkit-box-flex: 0;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .large-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-8 > .column,
  .large-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 1440px) and (max-width: 1440px) {
  .large-expand {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

.row.large-unstack > .column,
.row.large-unstack > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

@media screen and (max-width: 1440px) {
  .row.large-unstack > .column,
  .row.large-unstack > .columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

@media screen and (max-width: 1440px) {
  .large-collapse > .column,
  .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 1279px) {
  .largeMax-1 {
    -ms-flex: 0 0 6.25%;
    -webkit-box-flex: 0;
            flex: 0 0 6.25%;
    max-width: 6.25%; }
  .largeMax-offset-0 {
    margin-left: 0%; }
  .largeMax-2 {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .largeMax-offset-1 {
    margin-left: 6.25%; }
  .largeMax-3 {
    -ms-flex: 0 0 18.75%;
    -webkit-box-flex: 0;
            flex: 0 0 18.75%;
    max-width: 18.75%; }
  .largeMax-offset-2 {
    margin-left: 12.5%; }
  .largeMax-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .largeMax-offset-3 {
    margin-left: 18.75%; }
  .largeMax-5 {
    -ms-flex: 0 0 31.25%;
    -webkit-box-flex: 0;
            flex: 0 0 31.25%;
    max-width: 31.25%; }
  .largeMax-offset-4 {
    margin-left: 25%; }
  .largeMax-6 {
    -ms-flex: 0 0 37.5%;
    -webkit-box-flex: 0;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .largeMax-offset-5 {
    margin-left: 31.25%; }
  .largeMax-7 {
    -ms-flex: 0 0 43.75%;
    -webkit-box-flex: 0;
            flex: 0 0 43.75%;
    max-width: 43.75%; }
  .largeMax-offset-6 {
    margin-left: 37.5%; }
  .largeMax-8 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .largeMax-offset-7 {
    margin-left: 43.75%; }
  .largeMax-9 {
    -ms-flex: 0 0 56.25%;
    -webkit-box-flex: 0;
            flex: 0 0 56.25%;
    max-width: 56.25%; }
  .largeMax-offset-8 {
    margin-left: 50%; }
  .largeMax-10 {
    -ms-flex: 0 0 62.5%;
    -webkit-box-flex: 0;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .largeMax-offset-9 {
    margin-left: 56.25%; }
  .largeMax-11 {
    -ms-flex: 0 0 68.75%;
    -webkit-box-flex: 0;
            flex: 0 0 68.75%;
    max-width: 68.75%; }
  .largeMax-offset-10 {
    margin-left: 62.5%; }
  .largeMax-12 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .largeMax-offset-11 {
    margin-left: 68.75%; }
  .largeMax-13 {
    -ms-flex: 0 0 81.25%;
    -webkit-box-flex: 0;
            flex: 0 0 81.25%;
    max-width: 81.25%; }
  .largeMax-offset-12 {
    margin-left: 75%; }
  .largeMax-14 {
    -ms-flex: 0 0 87.5%;
    -webkit-box-flex: 0;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .largeMax-offset-13 {
    margin-left: 81.25%; }
  .largeMax-15 {
    -ms-flex: 0 0 93.75%;
    -webkit-box-flex: 0;
            flex: 0 0 93.75%;
    max-width: 93.75%; }
  .largeMax-offset-14 {
    margin-left: 87.5%; }
  .largeMax-16 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .largeMax-offset-15 {
    margin-left: 93.75%; }
  .largeMax-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .largeMax-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .largeMax-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .largeMax-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .largeMax-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .largeMax-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .largeMax-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-1 > .column,
  .largeMax-up-1 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .largeMax-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-2 > .column,
  .largeMax-up-2 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .largeMax-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-3 > .column,
  .largeMax-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .largeMax-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-4 > .column,
  .largeMax-up-4 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .largeMax-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-5 > .column,
  .largeMax-up-5 > .columns {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .largeMax-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-6 > .column,
  .largeMax-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .largeMax-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-7 > .column,
  .largeMax-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    -webkit-box-flex: 0;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .largeMax-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .largeMax-up-8 > .column,
  .largeMax-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .largeMax-expand {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

.row.largeMax-unstack > .column,
.row.largeMax-unstack > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

@media screen and (max-width: 1279px) {
  .row.largeMax-unstack > .column,
  .row.largeMax-unstack > .columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

@media screen and (max-width: 1279px) {
  .largeMax-collapse > .column,
  .largeMax-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .largeMax-uncollapse > .column,
  .largeMax-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 1024px) {
  .medium-1 {
    -ms-flex: 0 0 6.25%;
    -webkit-box-flex: 0;
            flex: 0 0 6.25%;
    max-width: 6.25%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .medium-offset-1 {
    margin-left: 6.25%; }
  .medium-3 {
    -ms-flex: 0 0 18.75%;
    -webkit-box-flex: 0;
            flex: 0 0 18.75%;
    max-width: 18.75%; }
  .medium-offset-2 {
    margin-left: 12.5%; }
  .medium-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .medium-offset-3 {
    margin-left: 18.75%; }
  .medium-5 {
    -ms-flex: 0 0 31.25%;
    -webkit-box-flex: 0;
            flex: 0 0 31.25%;
    max-width: 31.25%; }
  .medium-offset-4 {
    margin-left: 25%; }
  .medium-6 {
    -ms-flex: 0 0 37.5%;
    -webkit-box-flex: 0;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .medium-offset-5 {
    margin-left: 31.25%; }
  .medium-7 {
    -ms-flex: 0 0 43.75%;
    -webkit-box-flex: 0;
            flex: 0 0 43.75%;
    max-width: 43.75%; }
  .medium-offset-6 {
    margin-left: 37.5%; }
  .medium-8 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .medium-offset-7 {
    margin-left: 43.75%; }
  .medium-9 {
    -ms-flex: 0 0 56.25%;
    -webkit-box-flex: 0;
            flex: 0 0 56.25%;
    max-width: 56.25%; }
  .medium-offset-8 {
    margin-left: 50%; }
  .medium-10 {
    -ms-flex: 0 0 62.5%;
    -webkit-box-flex: 0;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .medium-offset-9 {
    margin-left: 56.25%; }
  .medium-11 {
    -ms-flex: 0 0 68.75%;
    -webkit-box-flex: 0;
            flex: 0 0 68.75%;
    max-width: 68.75%; }
  .medium-offset-10 {
    margin-left: 62.5%; }
  .medium-12 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .medium-offset-11 {
    margin-left: 68.75%; }
  .medium-13 {
    -ms-flex: 0 0 81.25%;
    -webkit-box-flex: 0;
            flex: 0 0 81.25%;
    max-width: 81.25%; }
  .medium-offset-12 {
    margin-left: 75%; }
  .medium-14 {
    -ms-flex: 0 0 87.5%;
    -webkit-box-flex: 0;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .medium-offset-13 {
    margin-left: 81.25%; }
  .medium-15 {
    -ms-flex: 0 0 93.75%;
    -webkit-box-flex: 0;
            flex: 0 0 93.75%;
    max-width: 93.75%; }
  .medium-offset-14 {
    margin-left: 87.5%; }
  .medium-16 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .medium-offset-15 {
    margin-left: 93.75%; }
  .medium-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .medium-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .medium-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .medium-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .medium-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .medium-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .medium-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-1 > .column,
  .medium-up-1 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .medium-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-2 > .column,
  .medium-up-2 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .medium-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-3 > .column,
  .medium-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-4 > .column,
  .medium-up-4 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .medium-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-5 > .column,
  .medium-up-5 > .columns {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .medium-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-6 > .column,
  .medium-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-7 > .column,
  .medium-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    -webkit-box-flex: 0;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .medium-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-8 > .column,
  .medium-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .medium-expand {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

.row.medium-unstack > .column,
.row.medium-unstack > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

@media screen and (max-width: 1024px) {
  .row.medium-unstack > .column,
  .row.medium-unstack > .columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

@media screen and (max-width: 1024px) {
  .medium-collapse > .column,
  .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 1023px) {
  .small-1 {
    -ms-flex: 0 0 6.25%;
    -webkit-box-flex: 0;
            flex: 0 0 6.25%;
    max-width: 6.25%; }
  .small-offset-0 {
    margin-left: 0%; }
  .small-2 {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .small-offset-1 {
    margin-left: 6.25%; }
  .small-3 {
    -ms-flex: 0 0 18.75%;
    -webkit-box-flex: 0;
            flex: 0 0 18.75%;
    max-width: 18.75%; }
  .small-offset-2 {
    margin-left: 12.5%; }
  .small-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .small-offset-3 {
    margin-left: 18.75%; }
  .small-5 {
    -ms-flex: 0 0 31.25%;
    -webkit-box-flex: 0;
            flex: 0 0 31.25%;
    max-width: 31.25%; }
  .small-offset-4 {
    margin-left: 25%; }
  .small-6 {
    -ms-flex: 0 0 37.5%;
    -webkit-box-flex: 0;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .small-offset-5 {
    margin-left: 31.25%; }
  .small-7 {
    -ms-flex: 0 0 43.75%;
    -webkit-box-flex: 0;
            flex: 0 0 43.75%;
    max-width: 43.75%; }
  .small-offset-6 {
    margin-left: 37.5%; }
  .small-8 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .small-offset-7 {
    margin-left: 43.75%; }
  .small-9 {
    -ms-flex: 0 0 56.25%;
    -webkit-box-flex: 0;
            flex: 0 0 56.25%;
    max-width: 56.25%; }
  .small-offset-8 {
    margin-left: 50%; }
  .small-10 {
    -ms-flex: 0 0 62.5%;
    -webkit-box-flex: 0;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .small-offset-9 {
    margin-left: 56.25%; }
  .small-11 {
    -ms-flex: 0 0 68.75%;
    -webkit-box-flex: 0;
            flex: 0 0 68.75%;
    max-width: 68.75%; }
  .small-offset-10 {
    margin-left: 62.5%; }
  .small-12 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .small-offset-11 {
    margin-left: 68.75%; }
  .small-13 {
    -ms-flex: 0 0 81.25%;
    -webkit-box-flex: 0;
            flex: 0 0 81.25%;
    max-width: 81.25%; }
  .small-offset-12 {
    margin-left: 75%; }
  .small-14 {
    -ms-flex: 0 0 87.5%;
    -webkit-box-flex: 0;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .small-offset-13 {
    margin-left: 81.25%; }
  .small-15 {
    -ms-flex: 0 0 93.75%;
    -webkit-box-flex: 0;
            flex: 0 0 93.75%;
    max-width: 93.75%; }
  .small-offset-14 {
    margin-left: 87.5%; }
  .small-16 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .small-offset-15 {
    margin-left: 93.75%; }
  .small-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .small-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .small-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .small-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .small-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .small-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .small-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-1 > .column,
  .small-up-1 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .small-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-2 > .column,
  .small-up-2 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .small-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-3 > .column,
  .small-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .small-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-4 > .column,
  .small-up-4 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .small-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-5 > .column,
  .small-up-5 > .columns {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .small-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-6 > .column,
  .small-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .small-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-7 > .column,
  .small-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    -webkit-box-flex: 0;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .small-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-8 > .column,
  .small-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .small-expand {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

.row.small-unstack > .column,
.row.small-unstack > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

@media screen and (max-width: 1023px) {
  .row.small-unstack > .column,
  .row.small-unstack > .columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

@media screen and (max-width: 1023px) {
  .small-collapse > .column,
  .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .small-uncollapse > .column,
  .small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 767px) {
  .xsmall-1 {
    -ms-flex: 0 0 6.25%;
    -webkit-box-flex: 0;
            flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xsmall-offset-0 {
    margin-left: 0%; }
  .xsmall-2 {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xsmall-offset-1 {
    margin-left: 6.25%; }
  .xsmall-3 {
    -ms-flex: 0 0 18.75%;
    -webkit-box-flex: 0;
            flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xsmall-offset-2 {
    margin-left: 12.5%; }
  .xsmall-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .xsmall-offset-3 {
    margin-left: 18.75%; }
  .xsmall-5 {
    -ms-flex: 0 0 31.25%;
    -webkit-box-flex: 0;
            flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xsmall-offset-4 {
    margin-left: 25%; }
  .xsmall-6 {
    -ms-flex: 0 0 37.5%;
    -webkit-box-flex: 0;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xsmall-offset-5 {
    margin-left: 31.25%; }
  .xsmall-7 {
    -ms-flex: 0 0 43.75%;
    -webkit-box-flex: 0;
            flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xsmall-offset-6 {
    margin-left: 37.5%; }
  .xsmall-8 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .xsmall-offset-7 {
    margin-left: 43.75%; }
  .xsmall-9 {
    -ms-flex: 0 0 56.25%;
    -webkit-box-flex: 0;
            flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xsmall-offset-8 {
    margin-left: 50%; }
  .xsmall-10 {
    -ms-flex: 0 0 62.5%;
    -webkit-box-flex: 0;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xsmall-offset-9 {
    margin-left: 56.25%; }
  .xsmall-11 {
    -ms-flex: 0 0 68.75%;
    -webkit-box-flex: 0;
            flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xsmall-offset-10 {
    margin-left: 62.5%; }
  .xsmall-12 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .xsmall-offset-11 {
    margin-left: 68.75%; }
  .xsmall-13 {
    -ms-flex: 0 0 81.25%;
    -webkit-box-flex: 0;
            flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xsmall-offset-12 {
    margin-left: 75%; }
  .xsmall-14 {
    -ms-flex: 0 0 87.5%;
    -webkit-box-flex: 0;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xsmall-offset-13 {
    margin-left: 81.25%; }
  .xsmall-15 {
    -ms-flex: 0 0 93.75%;
    -webkit-box-flex: 0;
            flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xsmall-offset-14 {
    margin-left: 87.5%; }
  .xsmall-16 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .xsmall-offset-15 {
    margin-left: 93.75%; }
  .xsmall-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .xsmall-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .xsmall-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .xsmall-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .xsmall-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .xsmall-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .xsmall-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-1 > .column,
  .xsmall-up-1 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .xsmall-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-2 > .column,
  .xsmall-up-2 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .xsmall-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-3 > .column,
  .xsmall-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xsmall-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-4 > .column,
  .xsmall-up-4 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .xsmall-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-5 > .column,
  .xsmall-up-5 > .columns {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .xsmall-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-6 > .column,
  .xsmall-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xsmall-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-7 > .column,
  .xsmall-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    -webkit-box-flex: 0;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .xsmall-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-8 > .column,
  .xsmall-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 767px) and (max-width: 767px) {
  .xsmall-expand {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

.row.xsmall-unstack > .column,
.row.xsmall-unstack > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

@media screen and (max-width: 767px) {
  .row.xsmall-unstack > .column,
  .row.xsmall-unstack > .columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

@media screen and (max-width: 767px) {
  .xsmall-collapse > .column,
  .xsmall-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xsmall-uncollapse > .column,
  .xsmall-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 374px) {
  .xxsmall-1 {
    -ms-flex: 0 0 6.25%;
    -webkit-box-flex: 0;
            flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xxsmall-offset-0 {
    margin-left: 0%; }
  .xxsmall-2 {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xxsmall-offset-1 {
    margin-left: 6.25%; }
  .xxsmall-3 {
    -ms-flex: 0 0 18.75%;
    -webkit-box-flex: 0;
            flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xxsmall-offset-2 {
    margin-left: 12.5%; }
  .xxsmall-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .xxsmall-offset-3 {
    margin-left: 18.75%; }
  .xxsmall-5 {
    -ms-flex: 0 0 31.25%;
    -webkit-box-flex: 0;
            flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xxsmall-offset-4 {
    margin-left: 25%; }
  .xxsmall-6 {
    -ms-flex: 0 0 37.5%;
    -webkit-box-flex: 0;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xxsmall-offset-5 {
    margin-left: 31.25%; }
  .xxsmall-7 {
    -ms-flex: 0 0 43.75%;
    -webkit-box-flex: 0;
            flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xxsmall-offset-6 {
    margin-left: 37.5%; }
  .xxsmall-8 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .xxsmall-offset-7 {
    margin-left: 43.75%; }
  .xxsmall-9 {
    -ms-flex: 0 0 56.25%;
    -webkit-box-flex: 0;
            flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xxsmall-offset-8 {
    margin-left: 50%; }
  .xxsmall-10 {
    -ms-flex: 0 0 62.5%;
    -webkit-box-flex: 0;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xxsmall-offset-9 {
    margin-left: 56.25%; }
  .xxsmall-11 {
    -ms-flex: 0 0 68.75%;
    -webkit-box-flex: 0;
            flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xxsmall-offset-10 {
    margin-left: 62.5%; }
  .xxsmall-12 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .xxsmall-offset-11 {
    margin-left: 68.75%; }
  .xxsmall-13 {
    -ms-flex: 0 0 81.25%;
    -webkit-box-flex: 0;
            flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xxsmall-offset-12 {
    margin-left: 75%; }
  .xxsmall-14 {
    -ms-flex: 0 0 87.5%;
    -webkit-box-flex: 0;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xxsmall-offset-13 {
    margin-left: 81.25%; }
  .xxsmall-15 {
    -ms-flex: 0 0 93.75%;
    -webkit-box-flex: 0;
            flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xxsmall-offset-14 {
    margin-left: 87.5%; }
  .xxsmall-16 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .xxsmall-offset-15 {
    margin-left: 93.75%; }
  .xxsmall-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .xxsmall-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .xxsmall-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .xxsmall-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .xxsmall-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .xxsmall-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .xxsmall-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-1 > .column,
  .xxsmall-up-1 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .xxsmall-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-2 > .column,
  .xxsmall-up-2 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .xxsmall-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-3 > .column,
  .xxsmall-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xxsmall-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-4 > .column,
  .xxsmall-up-4 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .xxsmall-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-5 > .column,
  .xxsmall-up-5 > .columns {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .xxsmall-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-6 > .column,
  .xxsmall-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xxsmall-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-7 > .column,
  .xxsmall-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    -webkit-box-flex: 0;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .xxsmall-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-8 > .column,
  .xxsmall-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    -webkit-box-flex: 0;
            flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 374px) and (max-width: 374px) {
  .xxsmall-expand {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

.row.xxsmall-unstack > .column,
.row.xxsmall-unstack > .columns {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

@media screen and (max-width: 374px) {
  .row.xxsmall-unstack > .column,
  .row.xxsmall-unstack > .columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
            flex: 1 1 0px; } }

@media screen and (max-width: 374px) {
  .xxsmall-collapse > .column,
  .xxsmall-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xxsmall-uncollapse > .column,
  .xxsmall-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

.shrink {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  max-width: 100%; }

.column.align-top,
.align-top.columns {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.column.align-bottom,
.align-bottom.columns {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.column.align-middle,
.align-middle.columns {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.column.align-stretch,
.align-stretch.columns {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.align-right {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end; }

.align-center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center; }

.align-justify {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.align-top {
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start; }

.align-self-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.align-bottom {
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end; }

.align-self-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.align-middle {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center; }

.align-self-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.align-stretch {
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch; }

.align-self-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
INITIAL SETUP
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
html,
body {
  width: 100%;
  min-height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  color: #000000;
  overflow-x: hidden;
  overflow-scrolling: touch;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  background-color: #ffffff; }

body.js-loading-page {
  cursor: progress; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#loading-page {
  display: none;
  position: fixed;
  z-index: 10002;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: #ffffff; }

#loading-page.js-loading-page {
  display: block;
  width: 100%;
  height: 100%; }
  #loading-page.js-loading-page .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000; }

#outdated {
  display: none; }

[data-buroScrollbar] {
  height: 100vh;
  height: calc(100vh - var(--vh-check, 0px));
  overflow: hidden;
  will-change: transform;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px); }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
EASINGS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/*
.example {
  animation: there-and-back 2.5s ease(in-quad) infinite alternate;
}
*/
/*-------------------------------------------------------------------------
=IMAGES and =ICONS
-------------------------------------------------------------------------*/
img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none; }

/*-------------------------------------------------------------------------
  =RESET STYLES and GENERAL CLASSES
-------------------------------------------------------------------------*/
.block-bg-cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.block-bg-cover .element-cover {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  overflow: hidden; }

.firefox .block-bg-cover .element-cover,
.ie .block-bg-cover .element-cover {
  max-width: none;
  width: 100%; }

/*-------------------------------------------------------------------------
  =SASS MIXINS
-------------------------------------------------------------------------*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
1. FONTS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
@font-face {
  font-family: 'Fakt Pro Bln';
  src: url("/public/fonts/FaktPro-Blond.woff2") format("woff2"), url("/public/fonts/FaktPro-Blond.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PF Regal Display Pro';
  src: url("/public/fonts/PFRegalDisplayPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PF Regal Display Pro';
  src: url("/public/fonts/PFRegalDisplayPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'PF Regal Display Pro';
  src: url("/public/fonts/PFRegalDisplayPro-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
2. COLORS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
3. STYLE GUIDES
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
#loading-page {
  background-color: #000000; }

html,
body {
  overflow: hidden;
  height: 100vh; }

[data-js-scroll-section] {
  will-change: transform, opacity, visibility;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.text-sups,
.sup, sup {
  -ms-font-feature-settings: "sups" 1;
  -o-font-feature-settings: "sups" 1;
  -webkit-font-feature-settings: "sups" 1;
  font-feature-settings: "sups" 1; }

.sub, sub,
.sup, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 60%;
  line-height: 0; }

.sup, sup {
  top: -0.75em; }

.sub, sub {
  bottom: -0.25em; }

input:focus,
textarea:focus,
button:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

:invalid,
:-moz-ui-invalid {
  box-shadow: none; }

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

button {
  position: relative;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer; }

h1 {
  font-family: 'PF Regal Display Pro';
  font-weight: normal;
  font-size: calc(28.57143px + 1.84874vw);
  font-weight: normal;
  color: #ffffff;
  line-height: 1.075em;
  letter-spacing: -0.01em; }
  @media (min-width: 1700px) {
    h1 {
      font-size: 60px; } }

p {
  font-family: 'Fakt Pro Bln';
  font-weight: normal;
  font-size: 14px;
  font-weight: normal;
  color: #343332;
  line-height: 1.5em;
  letter-spacing: 0.01em; }
  p br {
    content: '';
    display: block;
    margin: 15px 0; }

br {
  content: '';
  display: block;
  margin: 20px 0; }

.text-center {
  text-align: center; }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
4. MAIN BLOCKS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
.horizontal-section {
  position: relative;
  height: 100vh;
  width: 100vw;
  padding: 30px; }

.mobile-warning-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #000000;
  z-index: 2000; }
  .mobile-warning-wrapper svg {
    position: relative;
    overflow: visible;
    width: 330px; }
  .mobile-warning-wrapper p {
    position: absolute;
    display: inline-block;
    text-align: center;
    bottom: 40px;
    opacity: .4;
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(17.14286px + 0.16807vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.075em;
    letter-spacing: -0.01em; }
    @media (min-width: 1700px) {
      .mobile-warning-wrapper p {
        font-size: 20px; } }
  @media only screen and (min-width: 1280px) {
    .mobile-warning-wrapper {
      display: none; } }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
5. UI ELEMENTS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
.arrow-scroll-btn-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: calc(100vw - 195px);
  top: calc(50vh - 25px);
  width: 80px;
  height: 50px; }

.link {
  text-decoration: none; }
  .link:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background-color: #ffffff; }

.home-page .page-header {
  position: relative;
  height: 100vh; }

.projects {
  position: relative; }

.projects-page {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 65px;
  background-color: #343332; }
  .projects-page .page-header {
    position: relative;
    height: 100vh; }
    .projects-page .page-header .title-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: none; }
      .projects-page .page-header .title-wrapper .row {
        width: 100%; }
      .projects-page .page-header .title-wrapper p {
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: 14px;
        font-weight: normal;
        color: #ffffff;
        line-height: 1.5em;
        letter-spacing: 0.01em; }
  .projects-page .projects-title {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 65px);
    height: 100vh;
    top: 0px;
    left: 0px; }
    .projects-page .projects-title span {
      position: relative;
      display: block;
      margin-left: 30vw;
      font-family: 'PF Regal Display Pro';
      font-weight: normal;
      font-size: calc(51.42857px + 5.21008vw);
      font-weight: normal;
      color: #9F7C6A;
      line-height: 1.075em;
      letter-spacing: -0.01em;
      white-space: nowrap;
      opacity: .3; }
      @media (min-width: 1700px) {
        .projects-page .projects-title span {
          font-size: 140px; } }
  .projects-page .title-wrapper {
    position: absolute;
    width: calc(100vw - 65px);
    height: 100vh;
    top: 0;
    left: 0; }
  .projects-page .projects-wrapper {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: auto;
    padding: 0px 50px 0 0vw; }

.projects-single-page[data-single-theme='barataSalgueiro'] {
  background-color: #314156; }

.projects-single-page .page-header {
  position: relative; }
  .projects-single-page .page-header .title-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1; }
    .projects-single-page .page-header .title-wrapper > .row {
      height: 100vh; }
    .projects-single-page .page-header .title-wrapper .subtitle {
      display: block;
      margin-bottom: 20px;
      font-family: 'Fakt Pro Bln';
      font-weight: normal;
      font-size: calc(17.71429px + 0.2521vw);
      font-weight: normal;
      color: #ffffff;
      line-height: 1em;
      letter-spacing: -0.02em; }
      @media (min-width: 1700px) {
        .projects-single-page .page-header .title-wrapper .subtitle {
          font-size: 22px; } }
    .projects-single-page .page-header .title-wrapper .title {
      width: 40%; }
  .projects-single-page .page-header .header-image {
    opacity: .8; }
  .projects-single-page .page-header .compass {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    left: 0;
    right: 0;
    bottom: 30px; }

.projects-single-page .our-ideia-container {
  position: relative;
  background-color: #314156; }
  .projects-single-page .our-ideia-container .title {
    position: relative;
    display: block;
    margin-top: 115px;
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(45.71429px + 4.36975vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.075em;
    letter-spacing: -0.02em;
    text-transform: uppercase; }
    @media (min-width: 1700px) {
      .projects-single-page .our-ideia-container .title {
        font-size: 120px; } }
  .projects-single-page .our-ideia-container .subtitle {
    position: relative;
    display: block;
    font-family: 'Fakt Pro Bln';
    font-weight: normal;
    font-size: calc(18.57143px + 0.37815vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.15em;
    letter-spacing: 0.35em;
    text-transform: uppercase; }
    @media (min-width: 1700px) {
      .projects-single-page .our-ideia-container .subtitle {
        font-size: 25px; } }
  .projects-single-page .our-ideia-container .content-wrapper {
    position: relative;
    margin-top: 150px; }
    .projects-single-page .our-ideia-container .content-wrapper p {
      text-indent: 40px;
      margin-top: 15px;
      font-family: 'Fakt Pro Bln';
      font-weight: normal;
      font-size: calc(18.85714px + 0.42017vw);
      font-weight: normal;
      color: #ffffff;
      line-height: 1.5em;
      letter-spacing: 0.01em; }
      @media (min-width: 1700px) {
        .projects-single-page .our-ideia-container .content-wrapper p {
          font-size: 26px; } }
      .projects-single-page .our-ideia-container .content-wrapper p:first-of-type {
        margin-top: 0px; }
      .projects-single-page .our-ideia-container .content-wrapper p strong {
        display: block;
        font-family: 'PF Regal Display Pro';
        font-weight: normal;
        font-size: calc(24px + 1.17647vw);
        font-weight: normal;
        color: #ffffff;
        line-height: 1.15em;
        letter-spacing: -0.01em;
        margin-bottom: 35px; }
        @media (min-width: 1700px) {
          .projects-single-page .our-ideia-container .content-wrapper p strong {
            font-size: 44px; } }
    .projects-single-page .our-ideia-container .content-wrapper .images-wrapper {
      position: relative; }
      .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .main-image {
        mix-blend-mode: luminosity; }
      .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .second-image {
        position: absolute;
        width: 40%;
        bottom: -10%;
        right: 5%;
        width: calc(102.85714px + 12.77311vw);
        bottom: calc(-68.57143px - 7.73109vw);
        left: calc(68.57143px + 7.73109vw); }
        @media (min-width: 1700px) {
          .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .second-image {
            width: 320px; } }
        @media (min-width: 1700px) {
          .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .second-image {
            bottom: -200px; } }
        @media (min-width: 1700px) {
          .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .second-image {
            left: 200px; } }
      .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .third-image {
        position: absolute;
        width: calc(68.57143px + 7.73109vw);
        bottom: calc(-34.28571px - 2.68908vw);
        right: calc(-25.71429px - 1.42857vw); }
        @media (min-width: 1700px) {
          .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .third-image {
            width: 200px; } }
        @media (min-width: 1700px) {
          .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .third-image {
            bottom: -80px; } }
        @media (min-width: 1700px) {
          .projects-single-page .our-ideia-container .content-wrapper .images-wrapper .third-image {
            right: -50px; } }
    .projects-single-page .our-ideia-container .content-wrapper .big-title {
      display: inline-block;
      font-family: 'PF Regal Display Pro';
      font-weight: normal;
      font-size: calc(97.14286px + 11.93277vw);
      font-weight: normal;
      color: #ffffff;
      line-height: 1em;
      letter-spacing: 0.01em;
      text-transform: uppercase; }
      @media (min-width: 1700px) {
        .projects-single-page .our-ideia-container .content-wrapper .big-title {
          font-size: 300px; } }
      .projects-single-page .our-ideia-container .content-wrapper .big-title div {
        will-change: transform; }
    .projects-single-page .our-ideia-container .content-wrapper .second-text-wrapper {
      position: relative; }
      .projects-single-page .our-ideia-container .content-wrapper .second-text-wrapper .big-title {
        margin-top: 220px; }
      .projects-single-page .our-ideia-container .content-wrapper .second-text-wrapper .text-container {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2; }
      .projects-single-page .our-ideia-container .content-wrapper .second-text-wrapper p {
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: 14px;
        font-weight: normal;
        color: #ffffff;
        line-height: 1.5em;
        letter-spacing: 0.01em; }
    .projects-single-page .our-ideia-container .content-wrapper .second-images-wrapper {
      position: relative; }
      .projects-single-page .our-ideia-container .content-wrapper .second-images-wrapper .main-image {
        display: block;
        margin: 0 auto;
        width: 70%; }
      .projects-single-page .our-ideia-container .content-wrapper .second-images-wrapper .second-image {
        position: relative;
        width: 35%;
        bottom: 10%;
        left: 60%; }

.projects-single-page .gallery-container {
  position: relative;
  overflow: hidden; }

.projects-single-page .location-container {
  position: relative; }
  .projects-single-page .location-container .block-bg-cover {
    position: relative; }
  .projects-single-page .location-container .title-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 130px 0;
    z-index: 1; }
  .projects-single-page .location-container .title {
    position: relative;
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(33.14286px + 2.52101vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.075em;
    letter-spacing: -0.02em;
    text-transform: uppercase; }
    @media (min-width: 1700px) {
      .projects-single-page .location-container .title {
        font-size: 76px; } }
    .projects-single-page .location-container .title span {
      position: relative;
      top: -10px;
      font-family: 'PF Regal Display Pro';
      font-weight: normal;
      font-size: calc(21.71429px + 0.84034vw);
      font-weight: normal;
      font-style: italic;
      color: #ffffff;
      line-height: 1em;
      letter-spacing: -0.02em;
      text-transform: lowercase; }
      @media (min-width: 1700px) {
        .projects-single-page .location-container .title span {
          font-size: 36px; } }

.projects-single-page .neighbourhood-container {
  position: relative;
  padding: 130px 0; }
  .projects-single-page .neighbourhood-container .title {
    position: relative;
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(33.14286px + 2.52101vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.075em;
    letter-spacing: -0.02em;
    text-transform: uppercase; }
    @media (min-width: 1700px) {
      .projects-single-page .neighbourhood-container .title {
        font-size: 76px; } }
    .projects-single-page .neighbourhood-container .title span {
      position: relative;
      top: -10px;
      font-family: 'PF Regal Display Pro';
      font-weight: normal;
      font-size: calc(21.71429px + 0.84034vw);
      font-weight: normal;
      font-style: italic;
      color: #ffffff;
      line-height: 1em;
      letter-spacing: -0.02em;
      text-transform: lowercase; }
      @media (min-width: 1700px) {
        .projects-single-page .neighbourhood-container .title span {
          font-size: 36px; } }
  .projects-single-page .neighbourhood-container figure {
    margin: 100px auto; }
    .projects-single-page .neighbourhood-container figure img {
      position: relative;
      margin: 0 auto; }
    .projects-single-page .neighbourhood-container figure figcaption {
      position: relative;
      margin-top: 40px;
      font-family: 'Fakt Pro Bln';
      font-weight: normal;
      font-size: 11px;
      font-weight: normal;
      color: #ffffff;
      line-height: 1em;
      letter-spacing: 0.14em;
      text-transform: uppercase; }
      .projects-single-page .neighbourhood-container figure figcaption br {
        margin: 5px 0; }
  .projects-single-page .neighbourhood-container h3 {
    position: relative;
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(28.57143px + 1.84874vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.1em;
    letter-spacing: -0.01em; }
    @media (min-width: 1700px) {
      .projects-single-page .neighbourhood-container h3 {
        font-size: 60px; } }
  .projects-single-page .neighbourhood-container .column-layout {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2; }
  .projects-single-page .neighbourhood-container p {
    position: relative;
    margin-top: 40px;
    text-indent: 40px;
    font-family: 'Fakt Pro Bln';
    font-weight: normal;
    font-size: calc(18.85714px + 0.42017vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.5em;
    letter-spacing: 0.01em; }
    @media (min-width: 1700px) {
      .projects-single-page .neighbourhood-container p {
        font-size: 26px; } }
    .projects-single-page .neighbourhood-container p:first-of-type {
      margin-top: 0px; }

.projects-single-page .philosophy-container {
  position: relative;
  padding: 130px 0; }
  .projects-single-page .philosophy-container p {
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(24px + 1.17647vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.15em;
    letter-spacing: -0.01em; }
    @media (min-width: 1700px) {
      .projects-single-page .philosophy-container p {
        font-size: 44px; } }
  .projects-single-page .philosophy-container a {
    position: relative;
    display: inline-block;
    margin-top: 65px;
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(20.57143px + 0.67227vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.15em;
    letter-spacing: -0.01em; }
    @media (min-width: 1700px) {
      .projects-single-page .philosophy-container a {
        font-size: 32px; } }

.projects-single-page .next-project-container {
  position: relative;
  padding-top: 130px; }
  .projects-single-page .next-project-container .row {
    position: relative;
    top: calc(25.71429px + 1.42857vw); }
    @media (min-width: 1700px) {
      .projects-single-page .next-project-container .row {
        top: 50px; } }
  .projects-single-page .next-project-container span {
    position: relative;
    display: block;
    margin-bottom: 30px;
    font-family: 'Fakt Pro Bln';
    font-weight: normal;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1em;
    letter-spacing: 0.14em;
    text-transform: uppercase; }

.about-page {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 65px;
  background-color: #ffffff; }
  .about-page .page-header,
  .about-page .page-content {
    position: relative;
    height: 100vh; }
  .about-page .page-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .about-page h1 {
    color: #9F7C6A; }
  .about-page .horizontal-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .about-page .horizontal-section p.columns-text {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2; }
    .about-page .horizontal-section p.single-br br {
      content: none; }
  .about-page .first-section .address-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .about-page .image-section {
    padding: 0; }
    .about-page .image-section img {
      position: relative;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 50% 50%;
         object-position: 50% 50%; }
  .about-page .vision-section {
    width: 160vw;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: hidden; }
    .about-page .vision-section .vision-title {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .about-page .vision-section .vision-title sup {
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: calc(16.57143px + 0.08403vw);
        font-weight: normal;
        color: #9F7C6A;
        line-height: 1.5em;
        letter-spacing: 0.01em;
        top: -90px;
        left: 20px; }
        @media (min-width: 1700px) {
          .about-page .vision-section .vision-title sup {
            font-size: 18px; } }
      .about-page .vision-section .vision-title span {
        position: relative;
        display: block;
        font-family: 'PF Regal Display Pro';
        font-weight: normal;
        font-size: calc(51.42857px + 5.21008vw);
        font-weight: normal;
        color: #9F7C6A;
        line-height: 1.075em;
        letter-spacing: -0.01em;
        white-space: nowrap; }
        @media (min-width: 1700px) {
          .about-page .vision-section .vision-title span {
            font-size: 140px; } }
    .about-page .vision-section .first-part {
      position: relative;
      width: 60vw; }
    .about-page .vision-section .second-part {
      position: relative;
      width: 100vw;
      padding-left: 40px; }
      .about-page .vision-section .second-part .subtitle-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center; }
        .about-page .vision-section .second-part .subtitle-wrapper span {
          position: relative;
          display: block;
          width: 50%;
          font-family: 'PF Regal Display Pro';
          font-weight: normal;
          font-size: calc(29.71429px + 2.01681vw);
          font-weight: normal;
          color: #343332;
          line-height: 1.075em;
          letter-spacing: -0.01em; }
          @media (min-width: 1700px) {
            .about-page .vision-section .second-part .subtitle-wrapper span {
              font-size: 64px; } }
      .about-page .vision-section .second-part .row {
        height: 100%; }
      .about-page .vision-section .second-part .first-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        .about-page .vision-section .second-part .first-image img {
          position: relative;
          top: 40px; }
      .about-page .vision-section .second-part .second-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .about-page .vision-section .second-part .second-image img {
          position: relative;
          top: -40px; }
  .about-page .philosophy-section {
    width: 175vw;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .about-page .philosophy-section .philosophy-title {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      left: 50vw;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .about-page .philosophy-section .philosophy-title sup {
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: calc(16.57143px + 0.08403vw);
        font-weight: normal;
        color: #9F7C6A;
        line-height: 1.5em;
        letter-spacing: 0.01em;
        top: -90px;
        left: 20px; }
        @media (min-width: 1700px) {
          .about-page .philosophy-section .philosophy-title sup {
            font-size: 18px; } }
      .about-page .philosophy-section .philosophy-title span {
        position: relative;
        display: block;
        font-family: 'PF Regal Display Pro';
        font-weight: normal;
        font-size: calc(51.42857px + 5.21008vw);
        font-weight: normal;
        color: #AD8874;
        line-height: 1.075em;
        letter-spacing: -0.01em;
        white-space: nowrap; }
        @media (min-width: 1700px) {
          .about-page .philosophy-section .philosophy-title span {
            font-size: 140px; } }
    .about-page .philosophy-section .background {
      position: absolute;
      top: 0;
      left: 75vw;
      width: 100vw;
      height: 100%;
      background-color: #9F7C6A; }
    .about-page .philosophy-section .first-part {
      position: relative;
      width: 75vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .about-page .philosophy-section .first-part .subtitle-wrapper span {
        position: relative;
        display: block;
        width: 70%;
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: calc(24px + 1.17647vw);
        font-weight: normal;
        color: #343332;
        line-height: 1.3em; }
        @media (min-width: 1700px) {
          .about-page .philosophy-section .first-part .subtitle-wrapper span {
            font-size: 44px; } }
    .about-page .philosophy-section .second-part {
      position: relative;
      width: 100vw;
      left: -60px;
      padding-left: 40px;
      padding-top: 40px; }
      .about-page .philosophy-section .second-part figure {
        position: relative;
        left: -50%; }
        .about-page .philosophy-section .second-part figure figcaption {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          top: 0;
          right: -90%;
          padding-top: 100px;
          height: 100%;
          width: 100%; }
          .about-page .philosophy-section .second-part figure figcaption .caption-wrapper {
            position: relative;
            white-space: nowrap; }
            .about-page .philosophy-section .second-part figure figcaption .caption-wrapper span {
              font-family: 'Fakt Pro Bln';
              font-weight: normal;
              font-size: 12px;
              font-weight: normal;
              color: #343332;
              line-height: 1.2em;
              letter-spacing: 0;
              opacity: 0.5; }
            .about-page .philosophy-section .second-part figure figcaption .caption-wrapper p {
              font-family: 'PF Regal Display Pro';
              font-weight: normal;
              font-size: calc(28.57143px + 1.84874vw);
              font-weight: normal;
              color: #343332;
              line-height: 1.3em;
              letter-spacing: -0.02; }
              @media (min-width: 1700px) {
                .about-page .philosophy-section .second-part figure figcaption .caption-wrapper p {
                  font-size: 60px; } }
      .about-page .philosophy-section .second-part p {
        color: #ffffff; }

.home .main-menu-wrapper .sidebar-wrapper .projects-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.home .main-menu-wrapper .sidebar-wrapper .burger .dash {
  display: none; }

.main-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  pointer-events: none; }
  .main-menu-wrapper .background {
    position: absolute;
    top: 0;
    left: 65px;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 51, 50, 0.7); }
  .main-menu-wrapper .sidebar-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    top: 0;
    left: 0;
    padding: 35px 0;
    width: 65px;
    height: 100%;
    pointer-events: visible;
    z-index: 1; }
    .main-menu-wrapper .sidebar-wrapper .background-sidebar {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #9F7C6A;
      pointer-events: none; }
    .main-menu-wrapper .sidebar-wrapper .logo-link {
      position: relative;
      padding: 0 20px; }
    .main-menu-wrapper .sidebar-wrapper svg {
      position: relative;
      width: 13px; }
    .main-menu-wrapper .sidebar-wrapper ul {
      position: relative; }
      .main-menu-wrapper .sidebar-wrapper ul li a {
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: calc(16.28571px + 0.04202vw);
        font-weight: normal;
        color: #343332;
        line-height: 2em;
        letter-spacing: 0.1em;
        text-decoration: none; }
        @media (min-width: 1700px) {
          .main-menu-wrapper .sidebar-wrapper ul li a {
            font-size: 17px; } }
    .main-menu-wrapper .sidebar-wrapper .projects-link {
      display: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .main-menu-wrapper .sidebar-wrapper .projects-link .home-burger {
        width: 38px;
        height: 23px; }
    .main-menu-wrapper .sidebar-wrapper .burger {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 40px;
      height: 40px;
      top: -20px; }
      .main-menu-wrapper .sidebar-wrapper .burger.close .dash:nth-child(1) {
        -webkit-transform: rotate(45deg) translateX(1px);
                transform: rotate(45deg) translateX(1px); }
      .main-menu-wrapper .sidebar-wrapper .burger.close .dash:nth-child(2) {
        -webkit-transform: rotate(-45deg) translateX(-1px);
                transform: rotate(-45deg) translateX(-1px); }
      .main-menu-wrapper .sidebar-wrapper .burger .dash {
        display: inline-block;
        position: relative;
        width: 2px;
        height: 32px;
        margin: 0;
        border-radius: 2px;
        background-color: #343332;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform-origin: center center;
                transform-origin: center center;
        pointer-events: none; }
        .main-menu-wrapper .sidebar-wrapper .burger .dash:nth-child(1) {
          -webkit-transform: translateX(-4px);
                  transform: translateX(-4px); }
        .main-menu-wrapper .sidebar-wrapper .burger .dash:nth-child(2) {
          -webkit-transform: translateX(4px);
                  transform: translateX(4px); }
  .main-menu-wrapper .links-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 35px 0 35px 100px;
    top: 0;
    left: 65px;
    width: 620px;
    height: 100%; }
    .main-menu-wrapper .links-wrapper .background-links {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #9F7C6A;
      pointer-events: none; }
    .main-menu-wrapper .links-wrapper ul {
      position: relative; }
      .main-menu-wrapper .links-wrapper ul li {
        position: relative;
        display: block;
        overflow: hidden; }
        .main-menu-wrapper .links-wrapper ul li a {
          position: relative;
          display: block;
          font-family: 'Fakt Pro Bln';
          font-weight: normal;
          font-size: calc(28px + 1.76471vw);
          font-weight: normal;
          color: #343332;
          line-height: 1.3em;
          letter-spacing: -0.02em;
          text-decoration: none; }
          @media (min-width: 1700px) {
            .main-menu-wrapper .links-wrapper ul li a {
              font-size: 58px; } }
          .main-menu-wrapper .links-wrapper ul li a sup {
            opacity: .5; }

.intro-splash-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #000000;
  z-index: 100; }
  .intro-splash-wrapper svg {
    position: relative;
    overflow: visible;
    width: 330px; }
    .intro-splash-wrapper svg path {
      opacity: 0; }
    .intro-splash-wrapper svg .description {
      display: none; }
  .intro-splash-wrapper .btn {
    position: relative;
    display: block;
    top: -50px;
    font-family: 'PF Regal Display Pro';
    font-weight: normal;
    font-size: calc(17.71429px + 0.2521vw);
    font-weight: normal;
    color: #ffffff;
    line-height: 1.1em;
    visibility: hidden; }
    @media (min-width: 1700px) {
      .intro-splash-wrapper .btn {
        font-size: 22px; } }
    .intro-splash-wrapper .btn.active .line {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    .intro-splash-wrapper .btn .line {
      display: block;
      position: absolute;
      bottom: -2px;
      left: -10%;
      width: 120%;
      height: 2px;
      background-color: #ffffff;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
      transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
      -o-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
      transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
      transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
    .intro-splash-wrapper .btn.exit .line {
      -webkit-transform-origin: right;
              transform-origin: right;
      -webkit-transform: scaleX(0);
              transform: scaleX(0); }
    .intro-splash-wrapper .btn span:not(.line) {
      opacity: 0;
      visibility: hidden; }

.page-timeline-wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 101;
  pointer-events: none;
  opacity: 0;
  visibility: hidden; }
  .page-timeline-wrapper .line-hitzone {
    position: absolute;
    display: block;
    width: 48px;
    height: 100%;
    top: 0;
    left: -24px;
    pointer-events: visible;
    cursor: -webkit-grab;
    cursor: grab; }
  .page-timeline-wrapper .line {
    position: absolute;
    display: block;
    left: 25px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #B38167; }
    .page-timeline-wrapper .line.line-up {
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
      -webkit-transform: scaleY(0.5);
              transform: scaleY(0.5); }
    .page-timeline-wrapper .line.line-down {
      -webkit-transform-origin: top;
              transform-origin: top;
      -webkit-transform: scaleY(0.5);
              transform: scaleY(0.5); }
  .page-timeline-wrapper .trace {
    position: absolute;
    display: block;
    top: 0;
    left: 1px;
    width: 1px;
    height: 100%;
    background: #B38167;
    display: none; }
  .page-timeline-wrapper .drag-btn {
    position: absolute;
    top: 0;
    left: -11px;
    width: 73px;
    height: 44px;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    pointer-events: visible; }
    .page-timeline-wrapper .drag-btn svg {
      overflow: visible; }
      .page-timeline-wrapper .drag-btn svg .inner-circle {
        opacity: 0; }
    .page-timeline-wrapper .drag-btn .outer-circle {
      fill: none; }

.mouse-cursor-wrapper {
  position: fixed;
  display: block;
  width: 100vw;
  height: 100vh;
  mix-blend-mode: difference;
  z-index: 1001;
  pointer-events: none;
  opacity: 0; }
  .mouse-cursor-wrapper .outer-pointer {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    opacity: 1; }
    .mouse-cursor-wrapper .outer-pointer span {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 100%;
      background-color: #ffffff; }
  .mouse-cursor-wrapper .inner-pointer {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: 16px;
    left: 16px;
    border-radius: 8px; }
    .mouse-cursor-wrapper .inner-pointer .inner-pointer-wrapper {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .mouse-cursor-wrapper .inner-pointer .handler-middle {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 100%;
      background-color: #222; }
    .mouse-cursor-wrapper .inner-pointer .handler-1,
    .mouse-cursor-wrapper .inner-pointer .handler-2 {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 100%;
      background-color: #222;
      -webkit-transform: scale(0);
              transform: scale(0); }

.js-custom-cursor * {
  cursor: none !important; }

.video-player-wrapper {
  position: relative; }
  .video-player-wrapper .video-chapters {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0; }
    .video-player-wrapper .video-chapters li {
      position: absolute;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      width: 100px;
      left: 0;
      top: 0; }
      .video-player-wrapper .video-chapters li .title {
        position: relative;
        display: inline-block;
        padding-left: 15px;
        font-family: 'PF Regal Display Pro';
        font-weight: normal;
        font-size: calc(16.57143px + 0.08403vw);
        font-weight: normal;
        color: #ffffff;
        line-height: 1.1em;
        letter-spacing: 0.01em;
        text-align: left;
        opacity: .4; }
        @media (min-width: 1700px) {
          .video-player-wrapper .video-chapters li .title {
            font-size: 18px; } }
        .video-player-wrapper .video-chapters li .title .time {
          display: block;
          position: absolute;
          top: 1.8em;
          left: 0;
          padding-left: 15px;
          font-family: 'Fakt Pro Bln';
          font-weight: normal;
          font-size: 13px;
          font-weight: normal;
          color: #ffffff;
          line-height: 1.1em;
          letter-spacing: 0.05em;
          opacity: 0; }
      .video-player-wrapper .video-chapters li .line {
        position: relative;
        display: inline-block;
        width: 1px;
        height: 100%;
        background-color: #ffffff;
        opacity: .4; }
      .video-player-wrapper .video-chapters li .chapter-btn {
        position: absolute;
        display: block;
        width: 120%;
        height: 20%;
        top: calc(50% - 10%);
        left: 0;
        background: none;
        padding: 0;
        border: none;
        outline: none;
        cursor: pointer;
        opacity: .4; }

.video-shader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.project-thumb-wrapper {
  position: relative;
  display: block;
  margin: 0 100px; }
  .project-thumb-wrapper .project-content-wrapper {
    position: relative;
    display: block; }
  .project-thumb-wrapper .subtitle {
    position: absolute;
    top: -25px;
    left: 0px;
    font-family: 'Fakt Pro Bln';
    font-weight: normal;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.5em;
    letter-spacing: 0.01em; }
  .project-thumb-wrapper .project-image {
    position: relative;
    overflow: hidden; }
    .project-thumb-wrapper .project-image img {
      max-height: 100%;
      max-width: none;
      width: 500px;
      height: auto;
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      -webkit-transform-origin: center;
              transform-origin: center; }
  .project-thumb-wrapper .project-title {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .project-thumb-wrapper .project-title svg {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      -webkit-transform-origin: center;
              transform-origin: center; }
  .project-thumb-wrapper .mask,
  .project-thumb-wrapper .mask-2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #252423;
    -webkit-transform-origin: right;
            transform-origin: right;
    z-index: 1; }
  .project-thumb-wrapper .mask-2 {
    opacity: 0;
    visibility: hidden;
    background-color: #252423; }
  .project-thumb-wrapper .project-trails-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden; }
    .project-thumb-wrapper .project-trails-wrapper .trail {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #745C52; }
    .project-thumb-wrapper .project-trails-wrapper .trail-1 {
      opacity: .8; }
    .project-thumb-wrapper .project-trails-wrapper .trail-2 {
      opacity: .6; }
    .project-thumb-wrapper .project-trails-wrapper .trail-3 {
      opacity: .4; }
    .project-thumb-wrapper .project-trails-wrapper .trail-4 {
      opacity: .2; }
  .project-thumb-wrapper.casa-da-arriaga .mask {
    background-color: #252423; }
  .project-thumb-wrapper.casa-da-arriaga .project-image img {
    width: calc(178.57143px + 23.90756vw); }
    @media (min-width: 1700px) {
      .project-thumb-wrapper.casa-da-arriaga .project-image img {
        width: 585px; } }
  .project-thumb-wrapper.casa-da-arriaga .project-trails-wrapper .trail {
    background-color: #745C52; }
  .project-thumb-wrapper.barata-salgueiro .mask {
    background-color: #252423; }
  .project-thumb-wrapper.barata-salgueiro .project-image img {
    width: auto;
    height: 80vh; }
  .project-thumb-wrapper.barata-salgueiro .project-trails-wrapper .trail {
    background-color: #5E6C7E; }
  .project-thumb-wrapper.jardim-a-estrela .mask {
    background-color: #252423; }
  .project-thumb-wrapper.jardim-a-estrela .project-image img {
    width: auto;
    height: 70vh; }
  .project-thumb-wrapper.jardim-a-estrela .project-trails-wrapper .trail {
    background-color: #4D503E; }
  .project-thumb-wrapper.quartel-da-estrela .mask {
    background-color: #252423; }
  .project-thumb-wrapper.quartel-da-estrela .project-image img {
    width: calc(178.57143px + 23.90756vw); }
    @media (min-width: 1700px) {
      .project-thumb-wrapper.quartel-da-estrela .project-image img {
        width: 585px; } }
  .project-thumb-wrapper.quartel-da-estrela .project-trails-wrapper .trail {
    background-color: #676055; }

.gallery-slider-wrapper-webgl {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none; }

.gallery-slider-container {
  position: relative;
  height: 100vh;
  background: #1B2532;
  z-index: 1; }

.gallery-slider-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 100px;
  height: 100vh;
  z-index: 1; }
  .gallery-slider-wrapper .gallery-thumb-wrapper {
    margin: 0 40px;
    position: relative; }
    .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-number {
      position: relative;
      display: block;
      margin-bottom: 15px;
      font-family: 'Fakt Pro Bln';
      font-weight: normal;
      font-size: 12px;
      font-weight: normal;
      color: #ffffff;
      line-height: 1.5em;
      letter-spacing: 0.01em;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper {
      position: relative;
      overflow: hidden; }
      .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask,
      .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #314156;
        -webkit-transform: scaleY(0);
                transform: scaleY(0);
        -webkit-transform-origin: bottom;
                transform-origin: bottom; }
      .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
        background-color: #1B2532; }
    .gallery-slider-wrapper .gallery-thumb-wrapper img {
      max-width: 40vw;
      max-height: 70vh;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-transform-origin: center;
              transform-origin: center;
      pointer-events: none; }
    .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-description {
      position: relative;
      display: block;
      margin-top: 25px;
      font-family: 'Fakt Pro Bln';
      font-weight: normal;
      font-size: 12px;
      font-weight: normal;
      color: #ffffff;
      line-height: 1.5em;
      letter-spacing: 0.01em;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }

.gallery-timeline-wrapper {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2; }
  .gallery-timeline-wrapper .line {
    position: absolute;
    display: block;
    left: 0px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #314156; }
  .gallery-timeline-wrapper .trace {
    position: absolute;
    display: block;
    top: 0;
    left: 1px;
    width: 1px;
    height: 100%;
    background: #314156; }

.gallery-full-image-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0; }
  .gallery-full-image-wrapper img.element-cover {
    position: absolute; }
  .gallery-full-image-wrapper .gallery-full-ui {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0;
    left: 0;
    padding: 50px 0;
    width: 100%;
    height: 100%; }
    .gallery-full-image-wrapper .gallery-full-ui .arrow-left {
      position: absolute;
      top: calc(50% - 18px);
      left: 50px; }
      .gallery-full-image-wrapper .gallery-full-ui .arrow-left path {
        pointer-events: none; }
    .gallery-full-image-wrapper .gallery-full-ui .arrow-right {
      position: absolute;
      top: calc(50% - 18px);
      right: 50px; }
      .gallery-full-image-wrapper .gallery-full-ui .arrow-right path {
        pointer-events: none; }
    .gallery-full-image-wrapper .gallery-full-ui .close {
      position: absolute;
      top: 50px;
      right: 50px; }
      .gallery-full-image-wrapper .gallery-full-ui .close path {
        pointer-events: none; }
    .gallery-full-image-wrapper .gallery-full-ui .project-title {
      width: 200px; }
    .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper {
      position: relative;
      text-align: center; }
      .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number {
        display: block;
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: calc(20px + 0.58824vw);
        font-weight: normal;
        color: #ffffff;
        line-height: 1.2em;
        letter-spacing: 0.08em;
        text-transform: uppercase; }
        @media (min-width: 1700px) {
          .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number {
            font-size: 30px; } }
        .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number .current-slide {
          font-family: 'Fakt Pro Bln';
          font-weight: normal;
          font-size: calc(40px + 3.52941vw);
          font-weight: normal;
          color: #ffffff;
          line-height: 1.2em;
          letter-spacing: 0.08em; }
          @media (min-width: 1700px) {
            .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number .current-slide {
              font-size: 100px; } }
      .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .image-description {
        display: block;
        font-family: 'Fakt Pro Bln';
        font-weight: normal;
        font-size: 14px;
        font-weight: normal;
        color: #ffffff;
        line-height: 1.5em;
        letter-spacing: 0.01em; }

.neighbourhood-reveal-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  width: 100vw;
  background-color: #314156; }
  .neighbourhood-reveal-wrapper canvas {
    mix-blend-mode: luminosity; }
  .neighbourhood-reveal-wrapper img {
    position: relative;
    max-width: 700px;
    opacity: 0; }
  .neighbourhood-reveal-wrapper .dom-image-wrapper {
    top: 0;
    height: 100%;
    width: 100%; }
  .neighbourhood-reveal-wrapper .dom-image {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  .neighbourhood-reveal-wrapper .dom-image-wrapper,
  .neighbourhood-reveal-wrapper .dom-image {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 1;
    mix-blend-mode: luminosity; }
  .neighbourhood-reveal-wrapper video {
    position: absolute;
    margin: 0 auto;
    left: 100px;
    right: 0;
    opacity: 1;
    mix-blend-mode: lighten;
    max-width: 700px; }

.neighbourhood-canvas {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0; }

.architect-signature-wrapper {
  position: absolute;
  width: calc(74.28571px + 8.57143vw);
  bottom: calc(-22.85714px - 1.0084vw);
  left: calc(-34.28571px - 2.68908vw); }
  @media (min-width: 1700px) {
    .architect-signature-wrapper {
      width: 220px; } }
  @media (min-width: 1700px) {
    .architect-signature-wrapper {
      bottom: -40px; } }
  @media (min-width: 1700px) {
    .architect-signature-wrapper {
      left: -80px; } }
  .architect-signature-wrapper svg {
    overflow: hidden; }