@charset "UTF-8";
/* ----------------------------------------------------------------------------------------------- */
/* ============================================= BASE ============================================ */
/* ----------------------------------------------------------------------------------------------- */
@import url("https://p.typekit.net/p.css?s=1&k=vwz1bkr&ht=tk&f=41113.41115.41120&a=127757&app=typekit&e=css");
@import url("https://p.typekit.net/p.css?s=1&k=fco8yqi&ht=tk&f=41095.41113.41115.41120&a=2491590&app=typekit&e=css");
@font-face {
  font-family: "roc-grotesk-condensed";
  src: url("https://use.typekit.net/af/aa1685/00000000000000007735b7d7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/aa1685/00000000000000007735b7d7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/aa1685/00000000000000007735b7d7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "roc-grotesk-wide";
  src: url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "roc-grotesk-wide";
  src: url("https://use.typekit.net/af/ece23c/00000000000000007735b7ca/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/ece23c/00000000000000007735b7ca/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/ece23c/00000000000000007735b7ca/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "roc-grotesk-wide";
  src: url("https://use.typekit.net/af/993c02/00000000000000007735b7df/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/993c02/00000000000000007735b7df/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/993c02/00000000000000007735b7df/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "public-sans";
  src: url("../fonts/PublicSans-Regular.ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "public-sans";
  src: url("../fonts/PublicSans-Medium.ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "public-sans";
  src: url("../fonts/PublicSans-Bold.ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
body {
  margin: 0;
}

main {
  margin-bottom: 10rem;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #35363D;
}

h1, h2 {
  font-family: "roc-grotesk-wide", sans-serif;
}

h3, h4, h5, h6 {
  font-family: "public-sans", Arial;
}

h1 {
  font-size: 1.25rem;
  line-height: 1.1111111111em;
  margin-bottom: 0.8888888889em;
}

h2 {
  font-size: 1.75rem;
  line-height: 1.2142857143em;
  margin-bottom: 0.4285714286em;
}

h3 {
  font-size: 1.5rem;
  line-height: 1.25em;
  margin-bottom: 1em;
}

h4 {
  font-size: 1.3125rem;
  line-height: 1.1752380952em;
  margin-bottom: 0.380952381em;
  text-decoration-line: underline;
}

h5 {
  font-size: 1.25rem;
  line-height: 1.6em;
  margin-bottom: 0.4em;
}

h6 {
  font-size: 1rem;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

p, li {
  font-family: "public-sans", Arial;
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  margin-bottom: 1.1428571429em;
  color: #35363D;
}

.xs, .xs > p, .xs > a {
  font-size: 0.6875rem;
  line-height: 1.4545454545em;
}

.sm, .sm > p, .sm > a {
  font-size: 0.6875rem;
  line-height: 1.4545454545em;
  margin-bottom: 1.4545454545em;
}

.md, .md > p, .md > a {
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  margin-bottom: 1.1428571429em;
}

.lg, .lg > p, .lg > a {
  font-size: 1.125rem;
  line-height: 1.5555555556em;
  margin-bottom: 1.3333333333em;
}

.xl, .xl > p, .xl > a {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.6666666667em;
}

.quote {
  font-family: "public-sans", Arial;
  font-size: 1.25rem;
  font-style: italic;
  line-height: 1.3em;
  color: #35363D;
}

a {
  font-family: "public-sans", Arial;
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  letter-spacing: 0.05em;
  text-decoration: underline;
  color: #2AA486;
}

a.lg {
  font-size: 1.25rem;
  line-height: 1.15em;
}

ul, ol {
  margin-bottom: 1.5rem;
}

ul {
  padding: 0 0 0 1.125rem;
}
ul > li {
  font-family: "public-sans", Arial;
  font-size: 1.1rem;

}
ul > li > p {
  margin: 0;
}

ol {
  list-style: none;
  padding: 0 0 0 0.5rem;
  counter-reset: item-counter;
}
ol > li {
  counter-increment: item-counter;
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
ol > li > p {
  margin: 0;
}
ol > li::before {
  content: counter(item-counter) ".";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "public-sans", Arial;

  color: #35363D;
}
.clear {
  clear: both;
}
.button-text {
  font-family: "public-sans", Arial;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #35363D;
}
.button-text--size-s {
  font-size: 0.75rem;
  line-height: 1.3333333333em;
}
.button-text--size-l {
  font-size: 1.25rem;
  line-height: 1.175em;
}

.navigation-text {
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.175em;
  color: #35363D;
}

.big-stat {
  font-family: "roc-grotesk-condensed", sans-serif;
  font-size: 5rem;
  font-style: "Condensed Medium";
  font-weight: 500;
  line-height: 1.44em;
  text-transform: uppercase;
  color: #35363D;
}

.font-weight-normal {
  font-weight: 400;
}

.font-weight-semibold {
  font-weight: 500;
}

.font-weight-bold {
  font-weight: 700;
}

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

.text-underline {
  text-decoration: underline;
}

.text-italic {
  font-style: italic;
}

.font-color-white {
  color: #FFFFFF;
}

.font-color-caption {
  color: #8D8D99;
}

.font-color-shade {
  color: #35363D;
}

.elevation-20 {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.elevation-40 {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.elevation-60 {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.elevation-80 {
  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
    line-height: 1.15em;
    margin-bottom: 1.3333333333em;
  }

  h2 {
    font-size: 2.625rem;
    line-height: 1.1428571429em;
    margin-bottom: 0.380952381em;
  }

  h3 {
    font-size: 2rem;
    line-height: 1.175em;
    margin-bottom: 1em;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.175em;
    margin-bottom: 0.3333333333em;
  }

  h5 {
    font-size: 1.5rem;
    line-height: 1.3333333333em;
    margin-bottom: 0.3333333333em;
  }

  h6 {
    font-size: 1.125rem;
    line-height: 1.3333333333em;
    margin-bottom: 0.4444444444em;
  }

  p {
    font-size: 1.125rem;
    line-height: 1.5555555556em;
    margin-bottom: 1.3333333333em;
  }

  .sm, .sm > p, .sm > a {
    font-size: 0.875rem;
    line-height: 1.5714285714em;
    margin-bottom: 1.7142857143em;
  }

  .md, .md > p, .md > a {
    font-size: 1.125rem;
    line-height: 1.5555555556em;
    margin-bottom: 1.3333333333em;
  }

  .lg, .lg > p, .lg > a {
    font-size: 1.5rem;
    line-height: 1.5em;
    margin-bottom: 1.3333333333em;
  }

  .xl, .xl > p, .xl > a {
    font-size: 2.25rem;
    line-height: 1.175em;
    margin-bottom: 0.6666666667em;
  }

  .quote {
    font-size: 2rem;
    line-height: 1.175em;
  }

  a {
    font-size: 1rem;
    line-height: 1.375em;
  }
  a.lg {
    font-size: 1.5rem;
    line-height: 1.1666666667em;
  }

  ul, ol {
    margin-bottom: 2rem;
  }

  ol > li {
    margin-bottom: 2rem;
    padding-left: 2rem;
  }
  ol > li::before {
    font-size: 1.125rem;
    line-height: 1.5555555556em;
  }
}
@media (min-width: 400px) {
  h1 {
    font-size: 2.25rem;
  }
  .big-stat {
    font-size: 8rem;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* =========================================== BUTTONS =========================================== */
/* ----------------------------------------------------------------------------------------------- */
.button {
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  background-color: #2AA486;
  border: 2px solid #2AA486;
  padding: 0.8em;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button:not(:disabled) {
  cursor: pointer;
}
.button:hover:not(:disabled) {
  background-color: #5AC79F;
  border-color: #5AC79F;
}
.button:active:not(:disabled) {
  background-color: #177166;
  border-color: #177166;
  color: #D2D2D9;
}
.button:active:not(:disabled).button--icons-around::before, .button:active:not(:disabled).button--icon-left::before, .button:active:not(:disabled).button--icons-around::after, .button:active:not(:disabled).button--icon-right::after {
  background-image: url("../img/arrow-right-shades-300.svg");
}
.button:active:not(:disabled).button--icon::after {
  background-image: url("../img/plus-shades-300.svg");
}
.button:focus {
  outline: 0;
}
.button:disabled {
  background-color: #E4E4EB;
  border-color: #E4E4EB;
  color: #8D8D99;
}
.button:disabled.button--icons-around::before, .button:disabled.button--icon-left::before, .button:disabled.button--icons-around::after, .button:disabled.button--icon-right::after {
  background-image: url("../img/arrow-right-shades-500.svg");
}
.button:disabled.button--icon::after {
  background-image: url("../img/plus-shades-500.svg");
}
.button--icons-around::before, .button--icon-left::before, .button--icons-around::after, .button--icon-right::after, .button--icon::after {
  content: "";
  width: 1em;
  height: 1em;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.button--icons-around::before, .button--icon-left::before, .button--icons-around::after, .button--icon-right::after {
  background-image: url("../img/arrow-right-white.svg");
}
.button--icons-around::before, .button--icon-left::before {
  float: left;
  margin: 0 0.6em 0 0;
  transform: scaleX(-1);
}
.button--icons-around::after, .button--icon-right::after {
  float: right;
  margin: 0 0 0 0.6em;
}
.button--icon-right-email::after {
  background-image: url("../img/email-white.svg");
}
.button--icon::after {
  float: right;
  background-image: url("../img/plus-white.svg");
}
.button--icon-dash::after {
  background-image: url("../img/dash-white.svg");
}
.button--md {
  font-size: 1rem;
  padding: 0.6875em 0.875em;
  margin-bottom: .5rem;
}
.button--md.button--icon {
  padding: 0.75em;
}
.button--sm {
  font-size: 0.75rem;
  padding: 0.6666666667em 0.8333333333em;
}
.button--sm.button--icon {
  padding: 0.6666666667em;
}
.button--secondary {
  background-color: #18181E;
  border-color: #18181E;
}
.button--secondary:hover:not(:disabled) {
  background-color: #35363D;
  border-color: #35363D;
}
.button--secondary:active:not(:disabled) {
  background-color: #18181E;
  border-color: #18181E;
  color: #B6B6BF;
}
.button--secondary:active:not(:disabled).button--icons-around::before, .button--secondary:active:not(:disabled).button--icon-left::before, .button--secondary:active:not(:disabled).button--icons-around::after, .button--secondary:active:not(:disabled).button--icon-right::after {
  background-image: url("../img/arrow-right-shades-400.svg");
}
.button--secondary:active:not(:disabled).button--icon::after {
  background-image: url("../img/plus-shades-400.svg");
}
.button--secondary:active:not(:disabled).button--icon-right-email::after {
  background-image: url("../img/email-shades-400.svg");
}
.button--secondary:disabled {
  background-color: #B6B6BF;
  border-color: #B6B6BF;
  color: #F0F0F5;
}
.button--secondary:disabled.button--icons-around::before, .button--secondary:disabled.button--icon-left::before, .button--secondary:disabled.button--icons-around::after, .button--secondary:disabled.button--icon-right::after {
  background-image: url("../img/arrow-right-shades-100.svg");
}
.button--secondary:disabled.button--icon::after {
  background-image: url("../img/plus-shades-100.svg");
}
.button--secondary:disabled.button--icon-right-email::after {
  background-image: url("../img/email-shades-100.svg");
}
.button--wheat {
  background-color: #471601;
  border-color: #471601;
  color: #fff;
}
.button--wheat:hover:not(:disabled) {
  background-color: #6B2A10;
  border-color: #6B2A10;
}
.button--wheat:active:not(:disabled) {
  background-color: #471601;
  border-color: #471601;
}
.button--wheat:disabled {
  background-color: #B6B6BF;
  border-color: #B6B6BF;
  color: #F0F0F5;
}
.button--wheat:disabled.button--icons-around::before, .button--wheat:disabled.button--icon-left::before, .button--wheat:disabled.button--icons-around::after, .button--wheat:disabled.button--icon-right::after {
  background-image: url("../img/arrow-right-shades-100.svg");
}
.button--wheat:disabled.button--icon::after {
  background-image: url("../img/plus-shades-100.svg");
}
.button--white {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #35363D;
}
.button--white.button--icons-around::before, .button--white.button--icon-left::before, .button--white.button--icons-around::after, .button--white.button--icon-right::after {
  background-image: url("../img/arrow-right-shades-700.svg");
}
.button--white.button--icon::after {
  background-image: url("../img/plus-shades-700.svg");
}
.button--white:hover:not(:disabled) {
  background-color: #F5F5FA;
  border-color: #F5F5FA;
  color: #35363D;
}
.button--white:hover:not(:disabled).button--icons-around::before, .button--white:hover:not(:disabled).button--icon-left::before, .button--white:hover:not(:disabled).button--icons-around::after, .button--white:hover:not(:disabled).button--icon-right::after {
  background-image: url("../img/arrow-right-shades-700.svg");
}
.button--white:hover:not(:disabled).button--icon::after {
  background-image: url("../img/plus-shades-700.svg");
}
.button--white:active:not(:disabled) {
  background-color: #D2D2D9;
  border-color: #D2D2D9;
  color: #35363D;
}
.button--white:active:not(:disabled).button--icons-around::before, .button--white:active:not(:disabled).button--icon-left::before, .button--white:active:not(:disabled).button--icons-around::after, .button--white:active:not(:disabled).button--icon-right::after {
  background-image: url("../img/arrow-right-shades-700.svg");
}
.button--white:active:not(:disabled).button--icon::after {
  background-image: url("../img/plus-shades-700.svg");
}
.button--outline {
  background-color: transparent;
  border-color: #18181E;
  color: #18181E;
}
.button--outline.button--icons-around::before, .button--outline.button--icon-left::before, .button--outline.button--icons-around::after, .button--outline.button--icon-right::after {
  background-image: url("../img/arrow-right-shades-900.svg");
}
.button--outline.button--icon::after {
  background-image: url("../img/plus-shades-900.svg");
}
.button--outline.button--icon-dash::after {
  background-image: url("../img/dash-shades-900.svg");
}
.button--outline:hover:not(:disabled) {
  background-color: #E4E4EB;
  border-color: #35363D;
  color: #35363D;
}
.button--outline:hover:not(:disabled).button--icons-around::before, .button--outline:hover:not(:disabled).button--icon-left::before, .button--outline:hover:not(:disabled).button--icons-around::after, .button--outline:hover:not(:disabled).button--icon-right::after {
  background-image: url("../img/arrow-right-shades-700.svg");
}
.button--outline:hover:not(:disabled).button--icon::after {
  background-image: url("../img/plus-shades-700.svg");
}
.button--outline:hover:not(:disabled).button--icon-dash::after {
  background-image: url("../img/dash-shades-700.svg");
}
.button--outline:active:not(:disabled) {
  background-color: #B6B6BF;
  color: #5D5E69;
}
.button--outline:active:not(:disabled).button--icons-around::before, .button--outline:active:not(:disabled).button--icon-left::before, .button--outline:active:not(:disabled).button--icons-around::after, .button--outline:active:not(:disabled).button--icon-right::after {
  background-image: url("../img/arrow-right-shades-600.svg");
}
.button--outline:active:not(:disabled).button--icon::after {
  background-image: url("../img/plus-shades-600.svg");
}
.button--outline:active:not(:disabled).button--icon-dash::after {
  background-image: url("../img/dash-shades-600.svg");
}
.button--outline:disabled {
  background-color: transparent;
  border-color: #8D8D99;
}

/* ----------------------------------------------------------------------------------------------- */
/* =========================================== INPUTS ============================================ */
/* ----------------------------------------------------------------------------------------------- */
.text-area, .input-field {
  font-size: 1.125rem;
  font-family: "public-sans", Arial;
  font-weight: 400;
  line-height: 1.3333333333em;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFFFFF;
  border: 2px solid #E4E4EB;
  padding: 0.3333333333em 0.7777777778em;
  position: relative;
  color: #8D8D99;
  outline: none;
}

.input-field--icon-right, .input-field--icon-right-2, .input-field--icon-left, .input-field--icons-around, .input-field--icon-search {
  background-repeat: no-repeat;
}
.input-field--icon-right {
  padding: 0.3333333333em 2.5em 0.3333333333em 0.7777777778em;
  background-image: url("../img/input-avatar.svg");
  background-position: center right 0.7777777778em;
}
.input-field--icon-right-2 {
  padding: 0.3333333333em 4.25em 0.3333333333em 0.7777777778em;
  background-image: url("../img/input-avatar.svg"), url("../img/input-avatar.svg");
  background-position: center right 0.7777777778em, center right 2.5em;
}
.input-field--icon-left, .input-field--icon-search {
  padding: 0.3333333333em 0.7777777778em 0.3333333333em 2.5em;
  background-position: center left 0.7777777778em;
}
.input-field--icon-left {
  background-image: url("../img/input-avatar.svg");
}
.input-field--icon-search {
  background-image: url("../img/search.svg");
}
.input-field--icons-around {
  padding: 0.3333333333em 2.5em;
  background-image: url("../img/input-avatar.svg"), url("../img/input-avatar.svg");
  background-position: center right 0.7777777778em, center left 0.7777777778em;
}

.text-area {
  height: 2.3333333333em;
}
.text-area::-webkit-resizer {
  background-image: url("../img/text-area-resize.svg");
  background-position: right 0.2222222222em bottom 0.2222222222em;
  background-size: 0.6666666667em;
  background-repeat: no-repeat;
}
.text-area--extra-padding {
  padding: 0.6666666667em 1.3333333333em;
  min-height: 3.1111111111em;
}
.text-area--h-120 {
  height: 6.6666666667em;
}

.input-field--black-border, .text-area--black-border {
  border-color: #35363D;
}

/* ----------------------------------------------------------------------------------------------- */
/* ========================================== SELECTORS ========================================== */
/* ----------------------------------------------------------------------------------------------- */
.checkbox, .radio {
  display: block;
  position: relative;
  font-size: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox input, .radio input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  z-index: -9999;
}
.checkbox input:not(:disabled) ~ .selector__content, .radio input:not(:disabled) ~ .selector__content {
  cursor: pointer;
}
.checkbox .selector__content, .radio .selector__content {
  display: inline-block;
  position: relative;
  font-family: "public-sans", Arial;
  font-size: 0.875rem;
  line-height: 1.1428571429em;
  min-height: 1.1428571429em;
  color: #35363D;
  padding-left: 1.7142857143rem;
}
.checkbox .selector__content::before, .radio .selector__content::before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  content: "";
  width: 1.1428571429em;
  height: 1.1428571429em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #D2D2D9;
  background-position: center center;
  background-repeat: no-repeat;
}
.checkbox:hover input:not(:disabled) ~ .selector__content, .radio:hover input:not(:disabled) ~ .selector__content {
  color: #18181E;
}
.checkbox:hover input:not(:disabled) ~ .selector__content::before, .radio:hover input:not(:disabled) ~ .selector__content::before {
  border-color: #2AA486;
}
.checkbox input:checked:not(:disabled) ~ .selector__content, .radio input:checked:not(:disabled) ~ .selector__content {
  color: #18181E;
}
.checkbox input:checked:not(:disabled) ~ .selector__content::before, .radio input:checked:not(:disabled) ~ .selector__content::before {
  border-color: #2AA486;
  background-color: #2AA486;
}
.checkbox input:disabled ~ .selector__content, .radio input:disabled ~ .selector__content {
  color: #8D8D99;
}
.checkbox input:disabled ~ .selector__content::before, .radio input:disabled ~ .selector__content::before {
  background-color: #E4E4EB;
}

.checkbox .selector__content::before {
  background-size: 100%;
}
.checkbox input:checked:not(:disabled) ~ .selector__content::before {
  background-image: url("../img/check.svg");
}
.checkbox input:indeterminate:not(:disabled) ~ .selector__content {
  color: #18181E;
}
.checkbox input:indeterminate:not(:disabled) ~ .selector__content::before {
  border-color: #2AA486;
  background-color: #2AA486;
  background-image: url("../img/indeterminate.svg");
}
.checkbox input:checked:disabled ~ .selector__content::before {
  background-image: url("../img/check-disabled.svg");
}
.checkbox input:indeterminate:disabled ~ .selector__content::before {
  background-image: url("../img/indeterminate-disabled.svg");
}
.checkbox--toggle .selector__content {
  font-size: 1rem;
  font-family: "roc-grotesk-wide", sans-serif;
  line-height: 1.125em;
  min-height: 1em;
  padding-left: 2.5714285714rem;
}
.checkbox--toggle .selector__content::before {
  width: 1.75em;
  height: 1em;
  border-color: #E4E4EB;
  border-radius: 50px;
  background-color: #E4E4EB;
}
.checkbox--toggle .selector__content::after {
  content: "";
  display: block;
  width: 0.625em;
  height: 0.625em;
  position: absolute;
  top: 0.1875em;
  left: 0.1875em;
  border-radius: 50px;
  background-color: #FFFFFF;
  transition: left 0.05s linear 0s;
}
.checkbox--toggle input:checked:not(:disabled) ~ .selector__content::before, .checkbox--toggle input:disabled:checked ~ .selector__content::before {
  background-image: none;
}
.checkbox--toggle input:checked:not(:disabled) ~ .selector__content::after, .checkbox--toggle input:disabled:checked ~ .selector__content::after {
  left: 0.9375em;
}
.checkbox--toggle input:disabled:not(:checked) ~ .selector__content::before {
  border-color: #D2D2D9;
}
.checkbox--toggle input:disabled:not(:checked) ~ .selector__content::after {
  background-color: #D2D2D9;
}
.checkbox--toggle input:disabled:checked ~ .selector__content::before {
  border-color: #D2D2D9;
  background-color: #D2D2D9;
}
.checkbox--toggle input:disabled:checked ~ .selector__content::after {
  background-color: #F0F0F5;
}

.radio .selector__content::before {
  border-radius: 50px;
  background-image: none;
}
.radio input:checked ~ .selector__content::after {
  content: "";
  display: block;
  width: 0.5714285714em;
  height: 0.5714285714em;
  position: absolute;
  top: 0.2857142857em;
  left: 0.2857142857em;
  border-radius: 50px;
  background-color: #FFFFFF;
}

/* ----------------------------------------------------------------------------------------------- */
/* ======================================= INPUT CONTAINERS ====================================== */
/* ----------------------------------------------------------------------------------------------- */
.input-container--top-padding {
  padding-top: 1.875em;
}
.input-container--bottom-padding {
  padding-bottom: 2.25em;
}
.input-container .checkbox, .input-container .radio {
  margin-bottom: 1.125rem;
}
.input-container .checkbox:last-of-type, .input-container .radio:last-of-type {
  margin-bottom: 0;
}
.input-container--vertical-selectors-margin .checkbox, .input-container--vertical-selectors-margin .radio, .input-container--vertical-selectors-margin .input-container__sub-label {
  margin-left: 2.75rem;
}
.input-container--vertical-selectors-margin .input-container__top-label--icon-left::before {
  margin-right: 1.5em;
}
.input-container--horizontal-selectors .checkbox, .input-container--horizontal-selectors .radio {
  display: inline-block;
  min-width: 6.25rem;
  margin-bottom: 0;
  margin-right: 0.625rem;
}
.input-container__top-label {
  display: block;
  font-size: 1rem;
  line-height: 1.25em;
  font-family: "public-sans", Arial;
  font-weight: 700;
  color: #B6B6BF;
  margin-bottom: 0.75em;
  min-height: 1.25em;
}
.input-container__top-label--icon-right::after, .input-container__top-label--icon-left::before {
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: url("../img/input-label-question-mark.svg") center center/100% no-repeat;
}
.input-container__top-label--icon-right::after {
  float: right;
}
.input-container__top-label--icon-left::before {
  float: left;
  margin-right: 0.3125em;
}
.input-container__sub-label {
  display: block;
  font-size: 0.6875rem;
  line-height: 1.0909090909em;
  font-family: "public-sans", Arial;
  font-weight: 400;
  color: #8D8D99;
  margin-top: 0.7272727273em;
}
.input-container__sub-label--icon-right::after, .input-container__sub-label--icon-left::before {
  content: "";
  width: 1.0909090909em;
  height: 1.0909090909em;
  background: url("../img/input-label-warning.svg") center/100% no-repeat;
}
.input-container__sub-label--icon-right::after {
  float: right;
}
.input-container__sub-label--icon-left::before {
  float: left;
  margin-right: 0.7272727273em;
}
.input-container__sub-label--error {
  color: #CE5340;
}
.input-container__sub-label--error.input-container__sub-label--icon-right::after, .input-container__sub-label--error.input-container__sub-label--icon-left::before {
  background-image: url("../img/input-label-warning-red.svg");
}

/* ----------------------------------------------------------------------------------------------- */
/* ========================================== DROPDOWNS ========================================== */
/* ----------------------------------------------------------------------------------------------- */
.select select, .dropdown__select {
  position: relative;
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  line-height: 1.3333333333em;
  width: 100%;
  box-sizing: border-box;
  padding: 0.3333333333em 2.6666666667em 0.3333333333em 0.7777777778em;
  background-color: #FFFFFF;
  border: 2px solid #E4E4EB;
  text-align: left;
  outline: none;
  color: #35363D;
  cursor: pointer;
}

.dropdown {
  display: block;
  position: relative;
  width: 100%;
}
.dropdown--active .sub-items {
  display: block;
  z-index: 9999;
}
.dropdown--active .dropdown__select::after {
  transform: rotate(-90deg);
}
.dropdown__select::after {
  content: "";
  right: 0.7777777778em;
  top: 50%;
  margin-top: -0.6666666667em;
  position: absolute;
  width: 1.1111111111em;
  height: 1.3333333333em;
  background: url("../img/arrow-right-shades-900.svg") center/100% auto no-repeat;
  transform: rotate(90deg);
}
.dropdown__select--grey select {
  color: #8D8D99;
}
.dropdown__select--grey::after {
  background-image: url("../img/arrow-right-shades-500.svg");
}

.search-box {
  display: inline-block;
  padding: 0.5rem 0.5rem 0;
  background-color: #FFFFFF;
}
.search-box .sub-items {
  position: static;
  display: block;
  margin-top: 0.5rem;
}
.search-box .sub-items__item > * {
  padding: 0.75rem 0.5rem;
}
.nav__search-box {
  width: 90%;
}

.select {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
}
.select select {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select select:focus {
  outline: 0;
}
.select::after {
  content: "";
  right: 0.8888888889em;
  top: 50%;
  margin-top: -0.5555555556em;
  position: absolute;
  width: 1.1111111111em;
  height: 1.1111111111em;
  background: url("../img/arrow-right-shades-900.svg") center/100% auto no-repeat;
  transform: rotate(90deg);
  pointer-events: none;
}
.select--grey select {
  color: #8D8D99;
}
.select--grey::after {
  background-image: url("../img/arrow-right-shades-500.svg");
}

.sub-items {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  z-index: 9999;
}
.sub-items__item {
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  margin: 0;
}
.sub-items__item > * {
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  cursor: pointer;
}
.sub-items__item__link {
  position: relative;
  display: block;
  font-family: "public-sans", Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1428571429em;
  box-sizing: border-box;
  width: 100%;
  color: #8D8D99;
  text-align: left;
  text-decoration: none;
  letter-spacing: normal;
  cursor: pointer;
}
.sub-items__item__link::after {
  position: absolute;
  content: "";
  right: 0.625rem;
  top: 50%;
  margin-top: -0.5rem;
  width: 1.1428571429em;
  height: 1.1428571429em;
  background: url("../img/arrow-nav-light-grey.svg") center/100% no-repeat;
}
.sub-items__item__link:hover, .sub-items__item__link:active {
  color: #35363D;
}
.sub-items__item__link:hover {
  background-color: #F5F5FA;
}
.sub-items__item__link:active {
  background-color: #F0F0F5;
}
.sub-items__item__link:hover::after, .sub-items__item__link:active::after {
  background-image: url("../img/arrow-nav-grey.svg");
}
.sub-items__item__link--icon::before {
  content: "";
  float: left;
  width: 1.1428571429em;
  height: 1.1428571429em;
  background: url("../img/checkmark-circle-shades-300.svg") center/100% no-repeat;
  margin-right: 0.5714285714em;
}
.sub-items__item__link--icon:hover::before, .sub-items__item__link--icon:active::before {
  background-image: url("../img/checkmark-circle-shades-500.svg");
}

/* ----------------------------------------------------------------------------------------------- */
/* ============================================= TABS ============================================ */
/* ----------------------------------------------------------------------------------------------- */
.tab {
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  background-color: #FFFFFF;
  border: 2px solid #000000;
  padding: 0.4444444444em 0.6666666667em;
  text-align: center;
  text-decoration: none;
  color: #35363D;
  cursor: pointer;
}
.tab:hover {
  background-color: #F0F0F5;
}
.tab:active {
  background-color: #D2D2D9;
  border-color: #35363D;
}
.tab--selected:hover, .tab--selected:active {
  background-color: #212229;
  border-color: #000000;
}
.tab--selected {
  background-color: #212229;
  color: #FFFFFF;
}
.tab--selected.tab--icon-left::before, .tab--selected.tab--icon-right::after, .tab--selected.tab--icon::after {
  background-image: url("../img/eye-white.svg");
}
.tab:focus {
  outline: 0;
}
.tab--icon-left::before, .tab--icon-right::after, .tab--icon::after {
  content: "";
  width: 0.8888888889em;
  height: 1em;
  background: url("../img/eye.svg") center/100% auto no-repeat;
}
.tab--icon-left::before {
  float: left;
  margin-right: 0.4444444444em;
}
.tab--icon-right::after, .tab--icon::after {
  float: right;
}
.tab--icon-right::after {
  margin-left: 0.4444444444em;
}
.tab--icon {
  padding: 0.4444444444em 0.5555555556em;
}
.tab--underline {
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0.2222222222em 0.3333333333em 0.5555555556em;
  background-color: transparent;
}
.tab--underline:hover {
  border-color: #D2D2D9;
  background-color: transparent;
}
.tab--underline:active {
  border-color: #8D8D99;
}
.tab--underline.tab--selected {
  font-weight: 700;
  border-color: #2AA486;
  color: #35363D;
}
.tab--underline.tab--selected.tab--icon-left::before, .tab--underline.tab--selected.tab--icon-right::after, .tab--underline.tab--selected.tab--icon::after {
  background-image: url("../img/eye.svg");
}

.tab-group {
  font-size: 0;
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
}
/*.tab-group .tab:not(:first-child):not(:last-child) {
  margin-right: -0.125rem;
}*/
.tab-group .tab.tab--underline:not(:last-child) {
  margin-right: 1.5rem;
}
.tab-group--secondary-nav {
  display: none;
  background-color: #F5F5FA;
}
.tab-group--secondary-nav .tab.tab--underline {
  padding: 1.1111111111em 0.8888888889em 1em;
}
.tab-group--secondary-nav .tab.tab--underline, .tab-group--secondary-nav .tab.tab--underline:hover, .tab-group--secondary-nav .tab.tab--underline:active {
  color: #5D5E69;
}
.tab-group--secondary-nav .tab.tab--underline.tab--selected {
  color: #35363D;
}
.tab-group--secondary-nav .tab.tab--underline:not(:last-child) {
  margin-right: 0;
}

@media (min-width: 992px) {
  .tab-group--secondary-nav {
    display: block;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ========================================= PAGINATION ========================================== */
/* ----------------------------------------------------------------------------------------------- */
.pagination-button {
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  line-height: 1;
  width: 2.2222222222em;
  height: 2.2222222222em;
  padding: 0;
  box-sizing: border-box;
  border: 2px solid #18181E;
  background-color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  color: #18181E;
}
.pagination-button:not(:disabled) {
  cursor: pointer;
}
.pagination-button:focus {
  outline: 0;
}
.pagination-button:hover:not(:disabled) {
  background-color: #E4E4EB;
  border-color: #35363D;
  color: #35363D;
}
.pagination-button:active:not(:disabled) {
  background-color: #B6B6BF;
  color: #5D5E69;
}
.pagination-button:disabled {
  background-color: #FFFFFF;
  border-color: #8D8D99;
  color: #8D8D99;
}
.pagination-button--selected {
  background-color: #2AA486;
  border-color: #2AA486;
  color: #FFFFFF;
}
.pagination-button--selected:hover:not(:disabled), .pagination-button--selected:active:not(:disabled) {
  background-color: #2AA486;
  border-color: #2AA486;
  color: #FFFFFF;
}
.pagination-button--sm {
  font-size: 0.875rem;
  width: 2.2857142857em;
  height: 2.2857142857em;
}
.pagination-button--right, .pagination-button--left {
  background-image: url("../img/arrow-right-shades-900.svg");
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
}
.pagination-button--right {
  float: right;
}
.pagination-button--left {
  float: left;
  transform: scaleX(-1);
}

.pagination-dot {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 100px;
  background-color: #E4E4EB;
  cursor: pointer;
}
.pagination-dot--md {
  width: 0.75rem;
  height: 0.75rem;
}
.pagination-dot--sm {
  width: 0.5rem;
  height: 0.5rem;
}
.pagination-dot--active {
  background-color: #2AA486;
}

.pagination {
  display: inline-block;
  font-size: 0;
}
.pagination .pagination-button:not(:last-child), .pagination .pagination-dot:not(:last-child) {
  margin-right: 0.5rem;
}
.pagination--responsive .pagination-button {
  display: none;
}
.pagination--responsive .pagination-button--left, .pagination--responsive .pagination-button--right, .pagination--responsive .pagination-button--selected {
  display: inline-block;
}
.pagination--grouped-dots {
  background-color: #FFFFFF;
  border-radius: 100px;
  padding: 0.5rem 1rem;
}
.pagination--grouped-dots--arrows {
  position: relative;
  padding: 0.5rem 2.375rem;
}
.pagination--grouped-dots--arrows .pagination-dot:nth-last-child(2) {
  margin-right: 0;
}
.pagination--grouped-dots--arrows__right-arrow, .pagination--grouped-dots--arrows__left-arrow {
  position: absolute;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../img/arrow-right-shades-200.svg") center/100% no-repeat;
  top: 50%;
  margin-top: -0.5rem;
  cursor: pointer;
}
.pagination--grouped-dots--arrows__right-arrow {
  right: 0;
  margin-right: 0.625rem;
}
.pagination--grouped-dots--arrows__left-arrow {
  left: 0;
  margin-left: 0.625rem;
  transform: scaleX(-1);
}

@media (min-width: 576px) {
  .pagination--responsive .pagination-button {
    display: inline-block;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ========================================== TOOLTIPS =========================================== */
/* ----------------------------------------------------------------------------------------------- */
.tooltip, .popover {
  position: absolute;
  box-sizing: border-box;
  max-width: 18.75rem;
  background-color: #FFFFFF;
}
.tooltip::after, .popover::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  bottom: -0.3125rem;
  left: 50%;
  margin-left: -0.3125rem;
  background: url("../img/tooltip-pointer-white.svg") center/100% no-repeat;
}
.tooltip--dark, .popover--dark {
  background-color: #18181E;
}
.tooltip--dark::after, .popover--dark::after {
  background-image: url("../img/tooltip-pointer.svg");
}

.tooltip {
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  line-height: 1.3333333333em;
  padding: 0.5555555556rem 0.8888888889rem;
  text-align: center;
  color: #18181E;
}
.tooltip--bottom-left::after, .tooltip--top-left::after {
  left: 15%;
}
.tooltip--bottom-right::after, .tooltip--top-right::after {
  left: 85%;
}
.tooltip--top-left::after, .tooltip--top-center::after, .tooltip--top-right::after {
  bottom: 100%;
  margin-bottom: -0.3125rem;
  transform: scaleY(-1);
}
.tooltip--left::after, .tooltip--right::after {
  bottom: 50%;
  margin-bottom: -0.3125rem;
}
.tooltip--left::after {
  left: 0;
  transform: rotate(90deg);
}
.tooltip--right::after {
  left: 100%;
  transform: rotate(-90deg);
}
.tooltip--no-pointer::after {
  display: none;
}
.tooltip--icon::before {
  content: "";
  width: 1.3333333333em;
  height: 1.3333333333em;
  display: block;
  background: url("../img/smiling-face.svg") center/100% no-repeat;
}
.tooltip--md {
  font-size: 0.875rem;
  line-height: 1.4285714286em;
}
.tooltip--md.tooltip--icon::before {
  width: 1.4285714286em;
  height: 1.4285714286em;
}
.tooltip--sm {
  font-size: 0.6875rem;
  line-height: 1.4545454545em;
}
.tooltip--sm.tooltip--icon::before {
  width: 1.4545454545em;
  height: 1.4545454545em;
}
.tooltip--dark {
  color: #FFFFFF;
}
.tooltip--dark.tooltip--icon::before {
  background-image: url("../img/smiling-face-white.svg");
}

.popover {
  padding: 1rem 1.5rem;
}
.popover__title {
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333333333em;
  color: #18181E;
  margin: 0 0 0.2222222222em;
}
.popover__text {
  font-family: "public-sans", Arial;
  font-size: 0.875rem;
  line-height: 1.4285714286em;
  color: #35363D;
  margin: 0;
}
.popover--icon-left {
  padding-left: 3.25rem;
}
.popover--icon-left::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: 1rem;
  top: 1.125rem;
  background-image: url("../img/alert-circle-red.svg");
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.popover--dark.popover--icon-left::before {
  background-image: url("../img/alert-circle-white.svg");
}
.popover--dark .popover__title {
  color: #FFFFFF;
}
.popover--dark .popover__text {
  color: #E4E4EB;
}

/* ----------------------------------------------------------------------------------------------- */
/* ============================================ CHIPS ============================================ */
/* ----------------------------------------------------------------------------------------------- */
.chip {
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 0.6875rem;
  line-height: 1.4545454545em;
  padding: 0.3636363636em 0.7272727273em;
  border: 2px solid #D2D2D9;
  background-color: #FFFFFF;
  color: #212229;
  cursor: pointer;
}
.chip:hover {
  background-color: #35363D;
  border-color: #18181E;
  color: #FFFFFF;
}
.chip:hover .chip__icon {
  background-image: url("../img/close-white.svg");
}
.chip:active {
  background-color: #18181E;
  border-color: #18181E;
  color: #B6B6BF;
}
.chip:active .chip__icon {
  background-image: url("../img/close-light-grey.svg");
}
.chip__icon {
  width: 1.4545454545em;
  height: 1.4545454545em;
  background: url("../img/close-grey.svg") center/100% no-repeat;
}
.chip--cursor-on-icon {
  cursor: default;
}
.chip--cursor-on-icon .chip__icon {
  cursor: pointer;
}
.chip--icon-left {
  padding-left: 0.4545454545em;
}
.chip--icon-left .chip__icon {
  float: left;
  margin-right: 0.3636363636em;
}
.chip--icon-right {
  padding-right: 0.4545454545em;
}
.chip--icon-right .chip__icon {
  float: right;
  margin-left: 0.3636363636em;
}
.chip--lg {
  font-size: 1.125rem;
  line-height: 1.3333333333em;
  padding: 0.3333333333em 0.7777777778em;
}
.chip--lg .chip__icon {
  width: 1.3333333333em;
  height: 1.3333333333em;
}
.chip--lg.chip--icon-left {
  padding-left: 0.4444444444em;
}
.chip--lg.chip--icon-left .chip__icon {
  margin-right: 0.2777777778em;
}
.chip--lg.chip--icon-right {
  padding-right: 0.4444444444em;
}
.chip--lg.chip--icon-right .chip__icon {
  margin-left: 0.2777777778em;
}
.chip--fill {
  border-color: #FFFFFF;
}
.chip--outline {
  background-color: transparent;
}
.chip--success {
  background-color: #D3F0E1;
  border-color: #2AA486;
  color: #2AA486;
}
.chip--success .chip__icon {
  background-image: url("../img/close-green.svg");
}
.chip--success:hover {
  background-color: #2AA486;
  border-color: #177166;
}
.chip--success:active {
  background-color: #177166;
  border-color: #177166;
  color: #B9EBD2;
}
.chip--success:active .chip__icon {
  background-image: url("../img/close-light-green.svg");
}
.chip--warning {
  background-color: #FFF1CB;
  border-color: #FAB941;
  color: #CA6C36;
}
.chip--warning .chip__icon {
  background-image: url("../img/close-yellow.svg");
}
.chip--warning:hover {
  background-color: #FAB941;
  border-color: #E4903B;
}
.chip--warning:active {
  background-color: #E4903B;
  border-color: #E4903B;
  color: #FFE59E;
}
.chip--warning:active .chip__icon {
  background-image: url("../img/close-light-yellow.svg");
}
.chip--error {
  background-color: #FFE1DB;
  border-color: #CE5340;
  color: #CE5340;
}
.chip--error .chip__icon {
  background-image: url("../img/close-red.svg");
}
.chip--error:hover {
  background-color: #CE5340;
  border-color: #9E3A2F;
}
.chip--error:active {
  background-color: #9E3A2F;
  border-color: #9E3A2F;
  color: #FAC4B6;
}
.chip--error:active .chip__icon {
  background-image: url("../img/close-light-red.svg");
}

/* ----------------------------------------------------------------------------------------------- */
/* =========================================== AVATARS =========================================== */
/* ----------------------------------------------------------------------------------------------- */
.avatar {
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.4444444444em;
  width: 2.6666666667em;
  min-width: 2.6666666667em;
  height: 2.6666666667em;
  box-sizing: border-box;
  border: 2px solid #D2D2D9;
  background-color: #FFFFFF;
  color: #35363D;
  text-align: center;
}
.avatar--image {
  border: none;
}
.avatar--icon {
  background: #FFFFFF url("../img/smiling-face.svg") center center/50% no-repeat;
}
.avatar__image {
  width: 100%;
  height: 100%;
}
.avatar--circle {
  border-radius: 50%;
}
.avatar--circle .avatar__image {
  border-radius: 50%;
}
.avatar--md {
  font-size: 0.875rem;
  line-height: 2.5714285714em;
  width: 2.8571428571em;
  min-width: 2.8571428571em;
  height: 2.8571428571em;
}
.avatar--sm, .avatar--xs {
  font-size: 0.6875rem;
}
.avatar--sm {
  line-height: 2.5454545455em;
  width: 2.9090909091em;
  min-width: 2.9090909091em;
  height: 2.9090909091em;
}
.avatar--xs {
  line-height: 1.8181818182em;
  width: 2.1818181818em;
  min-width: 2.1818181818em;
  height: 2.1818181818em;
}

.avatar-container {
  font-size: 0;
  display: flex;
}
.avatar-container__info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-left: 1rem;
}
.avatar-container__info__top-label {
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  color: #18181E;
}
.avatar-container__info__bottom-label {
  font-family: "public-sans", Arial;
  font-size: 0.875rem;
  line-height: 1;
  color: #8D8D99;
}
.avatar-container__info--md {
  margin-left: 0.75rem;
}
.avatar-container__info--md .avatar-container__info__top-label {
  font-size: 0.875rem;
}
.avatar-container__info--md .avatar-container__info__bottom-label {
  font-size: 0.6875rem;
}
.avatar-container__info--sm {
  margin-left: 0.625rem;
}
.avatar-container__info--sm .avatar-container__info__top-label {
  font-size: 0.6875rem;
}
.avatar-container__info--sm .avatar-container__info__bottom-label {
  font-size: 0.6875rem;
}

/* ----------------------------------------------------------------------------------------------- */
/* ========================================== CAROUSEL =========================================== */
/* ----------------------------------------------------------------------------------------------- */
.carousel-container .carousel-slide {
  opacity: 20%;
  transition: opacity 300ms;
  transition-delay: 300ms;
  outline: none;
}
.carousel-container .carousel-slide__container {
  padding: 0 1.5rem;
  position: relative;
}
.carousel-container .carousel-slide__container__image {
  display: block;
  width: 100%;
  object-fit: cover;
}
.carousel-container .carousel-slide__container__caption {
  position: relative;
  background-color: rgba(25, 24, 30, 0.8);
  bottom: 0;
  display: block;
  color: #FFFFFF;
  padding: 1rem;
}
.carousel-container .carousel-slide__container__caption__title, .carousel-container .carousel-slide__container__caption__description, .carousel-container .carousel-slide__container__caption__location, .carousel-container .carousel-slide__container__caption__link {
  color: #FFFFFF;
}
.carousel-container .carousel-slide__container__caption__title {
  margin-bottom: 0.5rem;
  display: inline-block;
  text-decoration: none;
}
.carousel-container .carousel-slide__container__caption__description {
  margin-bottom: 0.75rem;
}
.carousel-container .carousel-slide__container__caption__location {
  display: inline-block;
  margin-left: 0.75rem;
}
.carousel-container .carousel-slide.slick-current {
  opacity: 100%;
  transition: opacity 300ms;
  transition-delay: 300ms;
}

.hero-carousel-container.slick-slider {
  margin-bottom: 4rem;
}
.hero-carousel-container .carousel-slide {
  outline: none;
}
.hero-carousel-container .slick-dots {
  bottom: -16px;
}

.slick-dots {
  bottom: -50px;
}

.slick-dots li {
  margin: 0;
}

.slick-dots li button::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background-color: #E4E4EB;
  border-radius: 50px;
  display: inline-block;
  top: 0.25rem;
  left: 0.25rem;
  opacity: 1;
}

.slick-dots li button:hover::before, .slick-dots li button:active::before, .slick-dots li.slick-active button::before {
  background-color: #2AA486;
  opacity: 1;
}

@media (min-width: 768px) {
  .carousel-container .carousel-slide__container {
    padding: 0 7.5%;
  }
  .carousel-container .carousel-slide__container__image {
    min-height: 520px;
  }
  .carousel-container .carousel-slide__container__caption {
    position: absolute;
    bottom: 0;
    left: 7.5%;
    right: 7.5%;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ============================================= MAPS ============================================ */
/* ----------------------------------------------------------------------------------------------- */
.interactive-maps .tab-group {
  position: relative;
  width: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, 250px);
  z-index: 1;
}
/*.interactive-maps .tab-group .tab {
  width: 50%;
}*/
.interactive-maps .map-wrapper {
  position: relative;
  width: 100%;
  padding-top: 6rem;
}
.interactive-maps .map-wrapper--hidden {
  display: none;
}
.interactive-maps .map-wrapper--blocked .map-wrapper__content .map-wrapper__content__block-layer {
  display: block;
}
.interactive-maps .map-wrapper .select {
  position: absolute;
  top: 1.5rem;
  width: 100%;
}
.interactive-maps .map-wrapper__zoom-buttons {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: auto;
}
.interactive-maps .map-wrapper__zoom-buttons .button {
  display: block;
}
.interactive-maps .map-wrapper__zoom-buttons .button:not(.button:last-of-type) {
  border-bottom: none;
}
.interactive-maps .map-wrapper__content {
  position: relative;
  width: 100%;
  padding-top: 55%;
}
.interactive-maps .map-wrapper__content__block-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: none;
}
.interactive-maps .map-wrapper__content .map {
  width: auto;
  max-width: 1440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  width: 85%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}
.interactive-maps .map-wrapper__content .map::after {
  content: "";
  display: table;
  clear: both;
}
.interactive-maps .map-wrapper__content .map .mapTooltip {
  position: absolute;
}
.interactive-maps .map-wrapper__content .map .mapTooltip .tooltip {
  position: relative;
  right: 50%;
}
.interactive-maps .map-wrapper__content .map .zoomButton {
  display: none;
}

.location-title {
  margin-bottom: 2rem;
}

.location-row .location-col__title {
  margin-bottom: 1rem;
}
.location-row .location-col__link {
  display: block;
  margin-bottom: 0.5rem;
}
.location-row .location-col--padding-bottom {
  padding-bottom: 2rem;
}

@media (min-width: 768px) {
  /*.interactive-maps .tab-group {
    float: left;
    width: auto;
  }
  .interactive-maps .tab-group .tab {
    width: auto;
  }*/
  .interactive-maps .map-wrapper {
    padding-top: 5rem;
  }
  .interactive-maps .map-wrapper .select {
    top: 0;
    right: 0;
    width: fit-content;
    width: -moz-fit-content;
  }
  .interactive-maps .map-wrapper__zoom-buttons {
    display: block;
  }

  .location-title {
    margin-bottom: 4rem;
  }

  .location-row {
    width: auto;
    max-width: 1440px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .location-row::after {
    content: "";
    display: table;
    clear: both;
  }
  .location-row--padding-bottom {
    padding-bottom: 5rem;
  }
  .location-row .location-col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 18%;
    margin-left: 0%;
    margin-right: 2.5%;
  }
  .location-row .location-col::after {
    content: "";
    display: table;
    clear: both;
  }
  .location-row .location-col:last-child {
    margin-right: 0%;
  }
  .location-row .location-col__title {
    line-height: 2.375rem;
    margin-bottom: 1.5rem;
  }
  .location-row .location-col--padding-top {
    padding-top: 3.875rem;
  }
  .location-row .location-col--padding-bottom {
    padding-bottom: 0;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ============================================ CARDS ============================================ */
/* ----------------------------------------------------------------------------------------------- */
.card {
  box-sizing: border-box;
  width: 100%;
  padding: 1.5rem;
  border: 16px solid #E4E4EB;
}
.card__title {
  margin-bottom: 0.75rem;
}
.card__title--extra-margin {
  margin-bottom: 1.5rem;
}
.card__description {
  margin-bottom: 1.25rem;
  color: #5D5E69;
}
.card__description--no-margin {
  margin: 0;
}
.card__image {
  margin-bottom: 1.5rem;
  max-width: 100%;
  height: auto;
}
.card__image--w-100 {
  width: 100%;
}
.card__image--fluid {
  object-fit: cover;
  width: 100%;
  height: 160px;
}
.card__input {
  margin-bottom: 1.5rem;
}
.card--centered {
  text-align: center;
}
.card--black-boundary {
  padding: 2rem;
  border: 8px solid #35363D;
}
.card--no-boundary {
  padding: 0;
  border: none;
}
.card--note .card__description {
  color: #000000;
  margin: 0;
}
.card--note-strong {
  padding: 2rem;
  border-color: #D2D2D9;
}
.card--note-strong .card__title, .card--note-strong .card__description {
  color: #000000;
}
.card--sidebar .card__link {
  display: block;
  margin-bottom: 1rem;
}
.card--sidebar .card__link:last-of-type {
  margin-bottom: 0;
}
.card--stacked {
  margin-bottom: 4rem;
}
.card--lg .card__title, .card--xl .card__title {
  margin-bottom: 1rem;
}
.card--lg .card__description, .card--xl .card__description {
  margin-bottom: 2.5rem;
}
.card--xl {
  text-align: center;
}
.card--xl__image-first, .card--xl__image-last {
  width: 100%;
  height: auto;
}
.card--xl__image-first {
  margin-bottom: 2.5rem;
}
.card--xl__image-last {
  margin-top: 2.5rem;
}
.card--xl__content {
  display: inline-block;
}
.card--stat .card__stat {
  color: #35363D;
  margin-bottom: 1.5rem;
  line-height: 1em;
  margin: 0;
}
.card--stat .card__title {
  font-size: 1.5rem;
  line-height: 1.25em;
  color: #8D8D99;
  margin: 0;
}
.card--result .card__stat, .card--result .card__title, .card--result .card__link {
  color: #74D9AD;
}
.card--result .card__title, .card--result .card__description {
  margin-bottom: 1.25rem;
}
.card--result .card__stat {
  line-height: 1em;
  margin-bottom: 0;
}
.card--result .card__description {
  color: #FFFFFF;
}
.card--profile .card__photo {
  margin: 0 0 2rem;
}
.card--profile .card__title {
  margin: 0 0 0.5rem;
  color: #35363D;
}
.card--profile .card__description {
  margin: 0 0 1.5rem;
  color: #5D5E69;
}
.card--contact-info {
  width: auto;
  display: inline-block;
  border: 8px solid #F0F0F5;
  padding: 1rem;
}
.card--contact-info .card__description, .card--contact-info .card__name, .card--contact-info .card__link {
  margin: 0 0 1rem;
}
.card--contact-info .card__description, .card--contact-info .card__name, .card--contact-info .card__phone {
  color: #000000;
}
.card--contact-info .card__name {
  font-weight: 700;
}
.card--contact-info .card__link {
  display: block;
}
.card--contact-info .card__phone {
  margin: 0;
}
.card--simple-contact-info .card__name {
  font-weight: 700;
  margin-bottom: 0;
}
.card--simple-contact-info .card__role {
  color: #8D8D99;
  margin-bottom: 0.25rem;
}
.card--location-info .card__address > *, .card--location-info .card__contact > * {
  margin: 0;
}
.card--location-info .card__address {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .card--lg, .card--xl {
    padding: 2rem;
  }
  .card--lg .card--black-boundary, .card--xl .card--black-boundary {
    padding: 2.5rem;
  }
  .card--lg .card--no-boundary, .card--xl .card--no-boundary {
    padding: 3rem;
  }
}
@media (min-width: 992px) {
  .card--lg, .card--xl {
    padding: 2.5rem;
  }
  .card--lg .card--black-boundary, .card--xl .card--black-boundary {
    padding: 3rem;
  }
  .card--lg .card--no-boundary, .card--xl .card--no-boundary {
    padding: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .card--lg {
    padding: 5.875rem 7.75rem;
  }
  .card--lg.card--black-boundary {
    padding: 6.375rem 8.25rem;
  }
  .card--lg .card--no-boundary {
    padding: 6.875rem 8.75rem;
  }
  .card--xl {
    padding: 3rem;
    text-align: left;
  }
  .card--xl.card--black-boundary {
    padding: 3.5rem 3.5rem;
  }
  .card--xl .card--no-boundary {
    padding: 4rem;
  }
  .card--xl__image-first, .card--xl__image-last {
    width: 40%;
  }
  .card--xl__image-last {
    margin-top: 0;
    margin-left: 4%;
    float: right;
  }
  .card--xl__image-first {
    margin-bottom: 0;
    margin-right: 4%;
    float: left;
  }
  .card--xl__content {
    width: 56%;
    margin-top: 2%;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* =========================================== OBJECTS =========================================== */
/* ----------------------------------------------------------------------------------------------- */
.list-object {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  position: relative;
  padding: 1rem 0;
  text-decoration: none;
  align-items: flex-start;
}
.list-object__image {
  margin-right: 0.75rem;
  width: 48px;
  height: 48px;
}
.list-object__content {
  display: inline-block;
}
.list-object__content__title, .list-object__content__description {
  margin: 0;
  letter-spacing: normal;
}
.list-object__content__title {
  font-size: 1.125rem;
  line-height: 1.5555555556em;
  color: #2AA486;
}
.list-object__content__description {
  font-size: 0.6875rem;
  line-height: 1.4545454545em;
  color: #8D8D99;
}
.list-object__arrow {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: url("../img/arrow-right-shades-300.svg") center/100% no-repeat;
  cursor: pointer;
}
.list-object--big {
  padding: 1.5rem 0;
}
.list-object--big .list-object__image {
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 1.5rem;
}
.list-object--big .list-object__content {
  display: inline-block;
}
.list-object--big .list-object__content__title {
  font-size: 1.25rem;
  line-height: 1.6em;
  color: #35363D;
}
.list-object--big .list-object__content__description {
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  margin-bottom: 1.5rem;
}
.list-object__content__description .tags {
  display: none;
}

.card-object {
  width: 100%;
  box-sizing: border-box;
  padding: 1.75rem 1.25rem;
  border: 4px solid #E4E4EB;
  text-align: center;
}
.card-object__image {
  margin-bottom: 1rem;
  max-width: 80px;
  max-height: 80px;
}
.card-object__image--120 {
  object-fit: cover;
  max-width: 120px;
  width: 120px;
  max-height: 120px;
  height: 120px;
}
.card-object__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5555555556em;
  color: #35363D;
  margin: 0;
}
.card-object__description {
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  margin-bottom: 2em;
  color: #8D8D99;
}
.card-object--fluid {
  padding: 1.25rem 1.25rem;
}
.card-object--fluid .card-object__image {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  max-height: 144px;
  height: 144px;
}

.objects-list {
  width: 100%;
}
.objects-list .list-object:not(.list-object:last-of-type) {
  border-bottom: 1px solid #E4E4EB;
}
.objects-list--delimited .list-object:last-of-type {
  border-bottom: 1px solid #E4E4EB;
}
.objects-list--delimited .list-object:first-of-type {
  border-top: 1px solid #E4E4EB;
}

.objects-grid {
  display: inline-block;
  width: 100%;
}
.objects-grid__cell {
  margin-bottom: 2.5rem;
}
.objects-grid__cell:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .objects-grid__cell {
    float: left;
    clear: none;
    text-align: inherit;
    width: 47.75%;
    margin-left: 0%;
    margin-right: 4.5%;
    margin-bottom: 4.5%;
  }
  .objects-grid__cell::after {
    content: "";
    display: table;
    clear: both;
  }
  .objects-grid__cell:nth-child(n) {
    margin-right: 4.5%;
    float: left;
    clear: none;
  }
  .objects-grid__cell:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  .objects-grid__cell:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 768px) {
  .list-object--big {
    padding: 2rem 0;
  }
  .list-object--big .list-object__image {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 2rem;
  }
  .list-object--big .list-object__content__title {
    font-size: 1.5rem;
    line-height: 1.3333333333em;
  }

  .card-object--fluid .card-object__image {
    max-height: 120px;
    height: 120px;
  }

  .objects-grid__cell {
    float: left;
    clear: none;
    text-align: inherit;
    width: 30.3333333333%;
    margin-left: 0%;
    margin-right: 4.5%;
    margin-bottom: 4.5%;
  }
  .objects-grid__cell::after {
    content: "";
    display: table;
    clear: both;
  }
  .objects-grid__cell:nth-child(n) {
    margin-right: 4.5%;
    float: left;
    clear: none;
  }
  .objects-grid__cell:nth-child(3n) {
    margin-right: 0%;
    float: right;
  }
  .objects-grid__cell:nth-child(3n+1) {
    clear: both;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ============================================ MODALS =========================================== */
/* ----------------------------------------------------------------------------------------------- */
.modal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(53, 54, 61, 0.5);
  display: none;
}
.modal::after {
  content: "";
  display: table;
  clear: both;
}
.modal__content {
  position: relative;
  max-width: 700px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2.5rem;
  border: 16px solid #E4E4EB;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
.modal__content__image {
  width: 100%;
}
.modal__content__close {
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  top: 2.5rem;
  right: 2.5rem;
  background: url("../img/close.svg") center/100% no-repeat;
  cursor: pointer;
}
.modal--open {
  display: block;
}

@media (min-width: 992px) {
  .modal__content {
    padding: 2rem;
  }
  .modal__content__close {
    top: 2rem;
    right: 2rem;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ========================================= NAVIGATION ========================================== */
/* ----------------------------------------------------------------------------------------------- */
.nav {
  position: relative;
  width: auto;
  max-width: 1440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 0;
  min-height: 3.5rem;
}
.nav::after {
  content: "";
  display: table;
  clear: both;
}
.nav__logo {
  float: left;
  width: 5.375rem;
  height: 1.5rem;
  margin: 1rem 0 1rem 1rem;
  background: url("../img/mcd-logo.svg") center/100% no-repeat;
}
.nav__toggle {
  display: block;
  float: right;
  width: 1.5rem;
  height: 1.5rem;
  margin: 1rem 1rem 1rem 0;
  background: transparent url("../img/hamburger.svg") center/100% no-repeat;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
}
.nav__items {
  width: 100%;
  display: none;
}
.nav__item {
  display: block;
  position: relative;
}
.nav__item:first-of-type {
  margin-top: 0.75rem;
}
.nav__item--active .nav__item__selector--drop-down::after {
  transform: scaleY(-1);
}
.nav__item__selector {
  display: inline-block;
  font-family: "public-sans", Arial;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1111111111em;
  padding: 0.6666666667em 0.8888888889em;
  background-color: transparent;
  text-align: left;
  text-decoration: none;
  letter-spacing: normal;
  outline: none;
  border: none;
  color: #18181E;
  cursor: pointer;
}
.nav__item__selector:hover {
  background-color: #F5F5FA;
}
.nav__item__selector--drop-down::after {
  content: "";
  float: right;
  position: relative;
  top: 0.1666666667em;
  margin-left: 0.4444444444em;
  width: 0.8888888889em;
  height: 0.8888888889em;
  background: url("../img/arrow-nav.svg") center center/100% no-repeat;
}
.nav .button {
  display: none;
  margin: 0.75rem 1rem 1.5rem;
}
.nav--open .nav__toggle {
  background-image: url("../img/mobile-close.svg");
}
.nav .sub-items {
  position: relative;
}
.nav .sub-items__item__link {
  font-size: 1.125rem;
  line-height: 1.1111111111em;
  padding: 0.6666666667em 1.3333333333em;
  color: #5D5E69;
}
.nav .sub-items__item__link::after {
  display: none;
}
.nav .sub-items__item:last-of-type .sub-items__item__link {
  margin-bottom: 0.6666666667em;
}

.breadcrumb {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.breadcrumb__item {
  display: none;
  margin: 0;
  padding: 0;
}
.breadcrumb__item__link, .breadcrumb__item__current {
  font-family: "public-sans", Arial;
  font-size: 0.875rem;
  line-height: 1.5714285714em;
}
.breadcrumb__item__link {
  color: #2AA486;
}
.breadcrumb__item__current {
  font-weight: 700;
  color: #8D8D99;
}
.breadcrumb__item:first-child {
  display: inline-block;
}
.breadcrumb__item:first-child::before {
  display: none;
}
.breadcrumb__item:first-child .breadcrumb__item__link::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  background: url("../img/arrow-right-sea-600.svg") center/100% no-repeat;
  margin-right: 0.375rem;
  top: 0.0625rem;
  transform: scaleX(-1);
}

@media (min-width: 992px) {
  .nav {
    height: 5rem;
    text-align: center;
  }
  .nav__logo {
    width: 9rem;
    height: 2.5rem;
    margin: 1.25rem 0 1.25rem 1.25rem;
  }
  .nav__toggle {
    display: none;
  }
  .nav__items {
    width: auto;
    margin: 0;
    display: inline-block;
  }
  .nav__item {
    display: inline-block;
  }
  .nav__item:first-of-type {
    margin-top: 0;
  }
  .nav__item__selector {
    padding: 1.6666666667em 0.4444444444em;
  }
  .nav__item__selector--drop-down {
    padding: 1.6666666667em 0.8888888889em 1.6666666667em 0.4444444444em;
  }
  .nav .button {
    display: block;
    float: right;
    /*margin: 1.0625rem 3.0625rem 1.0625rem 0;*/
    margin: 1.0625rem 1.25rem 1.0625rem 0;
  }
  .nav .sub-items {
    position: absolute;
    top: 5rem;
  }
  .nav .sub-items__item__link {
    font-size: 0.875rem;
    line-height: 1.1428571429em;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    color: #8D8D99;
  }
  .nav .sub-items__item__link::after {
    display: inline-block;
  }
  .nav .sub-items:last-of-type .sub-items__item__link {
    margin-bottom: 0;
  }  
  .nav__search-box {
    position: absolute;
    top: 0;
    /*right: 0;*/
    right: 217px;
    width: 46px;
    margin: 1.0625rem 0 1.0625rem 0;
  }
  .nav__search-box.show {
    width: auto;
  }
  .nav__search-box input {
    border: 4px solid #fff;
  }
  .nav__search-box.show input {
    border-color: #E4E4EB;
  }

  .breadcrumb__item {
    display: inline-block;
  }
  .breadcrumb__item:first-child::before {
    display: none;
  }
  .breadcrumb__item:first-child .breadcrumb__item__link::before {
    display: none;
  }
  .breadcrumb__item:not(:first-child)::before {
    content: "»";
    position: static;
    top: auto;
    left: auto;
    display: inline-block;
    font-family: "public-sans", Arial;
    font-size: 0.875rem;
    line-height: 1.5714285714em;
    margin: 0 0.5rem;
  }
}
@media (min-width: 1200px) {
  .nav__item__selector {
    padding: 1.6666666667em 0.8888888889em;
  }
  .nav__item__selector--drop-down {
    padding: 1.6666666667em 1.7777777778em 1.6666666667em 0.8888888889em;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ============================================ HEROS ============================================ */
/* ----------------------------------------------------------------------------------------------- */
.hero {
  width: auto;
  max-width: 1440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
  position: relative;
}
.hero::after {
  content: "";
  display: table;
  clear: both;
}
.hero__wrapper {
  width: auto;
  max-width: 1232px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  height: 100%;
}
.hero__wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.hero__content {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 1.5rem;
  border: 16px solid #FFFFFF;
  background-color: #FAB941;
  margin-top: 11.5625rem;
}
.hero__content__title, .hero__content__description {
  color: #471601;
}
.hero__content__title {
  margin-bottom: 0.75rem;
}
.hero__content__description.lg {
  margin-bottom: 0;
}
.hero__content__button {
  display: inline-block;
  margin-top: 1.5rem;
}
.hero__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: #FFFFFF url("../img/png/generic-background-logomark-lg.png") center right/cover no-repeat;
}
.hero--right {
  transform: scaleX(-1);
}
.hero--right .hero__content {
  transform: scaleX(-1);
}
.hero--mini .hero__content {
  margin-top: 10.625rem;
  text-align: center;
}
.hero--mini .hero__content__title {
  margin-bottom: 0;
}
.hero--mini .hero__content__description.lg {
  margin-top: 0.75rem;
}
.hero--mini .hero__background {
  height: 240px;
  background-image: url("../img/png/generic-background-logomark.png");
}

@media (min-width: 576px) {
  .hero--mini .hero__content {
    width: auto;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .hero__content {
    margin-top: 22.5rem;
  }
  .hero__background {
    height: 450px;
  }
  .hero--mini .hero__content {
    margin-top: 13.75rem;
  }
  .hero--mini .hero__background {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .hero__content {
    margin-top: 26.875rem;
  }
  .hero__background {
    height: 520px;
  }
  .hero--mini .hero__content {
    margin-top: 13.75rem;
  }
  .hero--mini .hero__background {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  .hero--left, .hero--right {
    height: 700px;
  }
  .hero--left .hero__background, .hero--right .hero__background {
    height: 100%;
  }
  .hero--left .hero__content, .hero--right .hero__content {
    margin-top: 7.25rem;
    max-width: 480px;
  }
  .hero--left .hero__content {
    transform: none;
  }
  .hero--right .hero__content {
    transform: scaleX(-1);
  }
  .hero--mini {
    height: auto;
  }
  .hero--mini .hero__content {
    margin-top: 13.75rem;
  }
  .hero--mini .hero__background {
    height: 300px;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* =========================================== FOOTER ============================================ */
/* ----------------------------------------------------------------------------------------------- */
.footer {
  width: 100%;
  background-color: #35363D;
}
.footer a {
  text-decoration: none;
  letter-spacing: normal;
}
.footer a, .footer a:hover, .footer a:active {
  color: #FFFFFF;
}
.footer__wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: auto;
  max-width: 1136px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 32px;
  padding-right: 32px;
}
.footer__wrapper__grid {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: auto;
  max-width: 1136px;
  float: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 32px;
  padding-right: 32px;
}
.footer__wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.footer__main {
  padding: 2rem 0;
}
.footer__main__logo {
  display: block;
  width: 14.375rem;
  max-width: 100%;
  height: 4rem;
  background: url("../img/mcd-logo-white.svg") center/100% no-repeat;
  margin-bottom: 2.5rem;
}
.footer__main__info {
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.footer__main__info:last-of-type {
  margin-bottom: 1.5rem;
}
.footer__main__network {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.75rem;
}
.footer__main__network--twitter {
  background: url("../img/twitter.png") center/100% no-repeat;
}
.footer__main__network--facebook {
  background: url("../img/facebook.svg") center/100% no-repeat;
}
.footer__main__network--linkedin {
  background: url("../img/linkedin.svg") center/100% no-repeat;
}
.footer__main__network--instagram {
  background: url("../img/instagram.png") center/100% no-repeat;
}
.footer__main__network--youtube {
  background: url("../img/youtube.svg") center/100% no-repeat;
}
.footer__section {
  padding-bottom: 3rem;
}
.footer__section__title, .footer__section__link {
  font-size: 1.5rem;
  line-height: 1.5em;
}
.footer__section__title {
  font-weight: 700;
  color: #8D8D99;
  margin-bottom: 1.5rem;
}
.footer__section__link {
  display: block;
  margin-bottom: 1rem;
}

/* ----------------------------------------------------------------------------------------------- */
/* ======================================= MailChimp form ======================================== */
/* ----------------------------------------------------------------------------------------------- */
#mc_embed_signup{
  background: transparent !important;
  clear: both !important;
  max-width: 1024px !important;
  padding-bottom: 20px !important;
}
.footer #mc_embed_signup{
  color: #fff !important;
  max-width: 300px !important;
}
.footer #mc_embed_signup p {
  color: #fff;
  margin-bottom: 0;
}
.footer #mc_embed_signup h2 {
  color: #fff;
  margin-bottom: 0;
}
.footer #mc_embed_signup form {
  margin: 0 !important;
}
.footer #mc_embed_signup .mc-field-group {
  padding-bottom: 12px !important;
  width: 100% !important;
}
#mc_embed_signup .button {  
  background-color: #0A504C !important;
  border-color: #0A504C !important;
  color: #fff !important;
  font-family: "public-sans", Arial !important;  
}
.footer #mc_embed_signup .button {  
  background-color: #471601 !important;
  border-color: #471601 !important;
  width: 100% !important;
}
.footer #mc_embed_signup div.response {
  margin: 0 !important;
  padding: 0 .5em .5em 0 !important;
}
#mc_embed_signup #mce-success-response, #mc_embed_signup .mc-field-group label {
  font-family: "public-sans", Arial !important;
}
.footer #mc_embed_signup #mce-success-response, .footer #mc_embed_signup .mc-field-group label {
  color: #fff !important;
}
#mce-captcha {
  position: absolute; 
  left: -5000px;
}

@media (min-width: 768px) {
  .footer__wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  .footer__wrapper__grid {
    display: grid;
    grid-template-columns: 390px 1fr;
    column-gap: 6rem;
  }
  .footer__main {
    float: left;
    /*width: 300px;*/
    padding: 0;
    margin-right: 2.5rem;
  }
  .footer__main__info {
    font-size: 1.125rem;
    line-height: 1.5555555556em;
  }
  .footer__section {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-right: 1.5rem;
    padding: 0;
  }
  .footer__section:nth-last-of-type(2) {
    margin-right: 0;
  }
  .footer__section--no-title {
    padding-top: 2.5rem;
  }
  .footer__section__title, .footer__section__link {
    font-size: 0.875rem;
  }
  .footer__section__title {
    line-height: 1.175em;
  }
  .footer__section__link {
    line-height: 1.5714285714em;
  }
}
@media (min-width: 1200px) {
  .footer__main {
    margin-right: 6rem;
  }
  .footer__section {
    width: 160px;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ========================================== ORGANISMS ========================================== */
/* ----------------------------------------------------------------------------------------------- */
.shell {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  border: 16px solid #E4E4EB;
}
.shell--black-boundary {
  padding: 3rem;
  border: 8px solid #35363D;
}
.shell--no-boundary {
  padding: 0;
  border: none;
}
.shell__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shell__placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 8px dashed #E4E4EB;
  font-family: "public-sans", Arial;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.3333333333em;
  color: #000000;
}

.image-gallery {
  display: inline-block;
  width: auto;
  max-width: 1440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.image-gallery::after {
  content: "";
  display: table;
  clear: both;
}
.image-gallery__item {
  float: left;
  clear: none;
  text-align: inherit;
  width: 23.125%;
  margin-left: 0%;
  margin-right: 2.5%;
  margin-bottom: 3%;
}
.image-gallery__item::after {
  content: "";
  display: table;
  clear: both;
}
.image-gallery__item:nth-child(n) {
  margin-right: 2.5%;
  float: left;
  clear: none;
}
.image-gallery__item:nth-child(4n) {
  margin-right: 0%;
  float: right;
}
.image-gallery__item:nth-child(4n+1) {
  clear: both;
}
.image-gallery__item:last-child, .image-gallery__item:nth-last-child(2), .image-gallery__item:nth-last-child(3), .image-gallery__item:nth-last-child(4) {
  margin-bottom: 0;
}

.headline {
  width: auto;
  max-width: 900px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin-bottom: 1.5rem;
}
.headline::after {
  content: "";
  display: table;
  clear: both;
}
.headline__title, .headline__description.lg {
  margin-bottom: 0;
}
.headline--extra-margin {
  margin-bottom: 3rem;
}
.headline--white .headline__title, .headline--white .headline__description {
  color: #FFFFFF;
}

.content-block {
  display: block;
  margin-bottom: 3rem;
}
.content-block--margin-xs {
  margin-bottom: 1rem;
}
.content-block--margin-sm {
  margin-bottom: 1.5rem;
}
.content-block--margin-md {
  margin-bottom: 2rem;
}
.content-block--no-margin {
  margin-bottom: 0;
}
.content-block--no-margin > *:last-child {
  margin-bottom: 0;
}
.content-block--row {
  width: auto;
  max-width: 1440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.content-block--row::after {
  content: "";
  display: table;
  clear: both;
}

.testimonial {
  width: 100%;
  box-sizing: border-box;
  padding: 2.5rem;
  border: 10px solid #F0F0F5;
}
.testimonial__quote {
  margin-bottom: 1rem;
}
.testimonial__name {
  margin-bottom: 0.25rem;
}
.testimonial__title, .testimonial__company {
  margin: 0;
}
.testimonial__company-logo {
  width: 160px;
  height: auto;
  margin-top: 1rem;
}

.content-item {
  width: 100%;
  display: flex;
}
.content-item__image {
  width: 50px;
  height: 50px;
  margin-right: 1rem;
}
.content-item__content {
  display: inline-block;
}
.content-item__content__title, .content-item__content__description {
  margin: 0;
}
.content-item__content__title--margin {
  margin-bottom: 0.5rem;
}

.content-items-list .content-item:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

.frame-image {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.frame-image__image {
  width: 100%;
  height: 100%;
}
.frame-image__r1, .frame-image__r2, .frame-image__r3 {
  display: flex;
}
.frame-image__r1__c1 {
  padding-top: 4%;
  width: 8%;
}
.frame-image__r1__c2 {
  width: 88%;
  background-color: #96E4C3;
}
.frame-image__r1__c3 {
  width: 4%;
  background-color: #96E4C3;
}
.frame-image__r2__c1 {
  width: 8%;
  background-color: #FCD574;
}
.frame-image__r2__c2 {
  width: 88%;
}
.frame-image__r2__c3 {
  width: 4%;
  background-color: #96E4C3;
}
.frame-image__r3__c1 {
  padding-top: 8%;
  width: 8%;
  background-color: #FCD574;
}
.frame-image__r3__c2 {
  width: 88%;
  background-color: #FCD574;
}
.frame-image__r3__c3 {
  width: 4%;
}
.frame-image--inverted .frame-image__r1__c1 {
  width: 4%;
  background-color: #96E4C3;
}
.frame-image--inverted .frame-image__r1__c3 {
  width: 8%;
  background-color: transparent;
}
.frame-image--inverted .frame-image__r2__c1 {
  width: 4%;
  background-color: #96E4C3;
}
.frame-image--inverted .frame-image__r2__c3 {
  width: 8%;
  background-color: #FCD574;
}
.frame-image--inverted .frame-image__r3__c1 {
  width: 4%;
  background-color: transparent;
}
.frame-image--inverted .frame-image__r3__c3 {
  width: 8%;
  background-color: #FCD574;
}

.country-sidebar .country-image {
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: 1.5rem;
}
.country-sidebar .country-image__image {
  width: 100%;
  height: auto;
}
.country-sidebar .country-image__name {
  position: absolute;
  display: inline-block;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  color: #FFFFFF;
}
.country-sidebar .country-info {
  text-align: center;
}

.avatars-row {
  display: flex;
  flex-wrap: wrap;
}
.avatars-row .avatar-container {
  width: 100%;
  margin-bottom: 1.5rem;
}

.chips-row {
  font-size: 0;
}
.chips-row .chip {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.chips-row:last-child {
  margin: 0;
}

.breadcrum-content > .breadcrumb {
  margin-bottom: 1.5rem;
}

@media (min-width: 576px) {
  .country-sidebar {
    display: flex;
    align-items: center;
  }
  .country-sidebar .country-image {
    width: 50%;
    margin-right: 10%;
    margin-bottom: 0;
    float: left;
  }
  .country-sidebar .country-info {
    width: 40%;
    display: inline-block;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .content-item__image {
    margin-right: 1.5rem;
  }

  .headline {
    width: auto;
    max-width: 900px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-bottom: 3rem;
  }
  .headline::after {
    content: "";
    display: table;
    clear: both;
  }

  .content-block {
    margin-bottom: 4rem;
  }
  .content-block--margin-xs {
    margin-bottom: 1.5rem;
  }
  .content-block--margin-sm {
    margin-bottom: 2rem;
  }
  .content-block--margin-md {
    margin-bottom: 2.5rem;
  }
  .content-block--no-margin {
    margin-bottom: 0;
  }
  .content-block--no-margin > *:last-child {
    margin-bottom: 0;
  }

  .avatars-row .avatar-container {
    width: auto;
    margin-right: 4rem;
  }

  .breadcrum-content {
    display: flex;
    align-items: center;
  }
  .breadcrum-content > .breadcrumb {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .country-sidebar {
    display: block;
  }
  .country-sidebar .country-image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.5rem;
    float: none;
  }
  .country-sidebar .country-info {
    width: 100%;
    display: block;
  }
}
/* ----------------------------------------------------------------------------------------------- */
/* ========================================== TEMPLATES ========================================== */
/* ----------------------------------------------------------------------------------------------- */
.section {
  width: 100%;
}
.section--sea {
  background-color: #053734;
}
.section .awards {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(225px, 1fr) );
  gap: 16px;
}
.wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: auto;
  max-width: 1200px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.wrapper--extra-padding {
  width: auto;
  max-width: 1180px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 48px;
  padding-right: 48px;
}
.wrapper--extra-padding::after {
  content: "";
  display: table;
  clear: both;
}
.wrapper--fluid {
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.wrapper--less-padding-top {
  padding-top: 1rem;
}
.wrapper--no-padding-top {
  padding-top: 0;
}
.wrapper--no-padding-bottom {
  padding-bottom: 0;
}
.wrapper--breadcrumb {
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}

.col {
  padding: 1.5rem 0;
}

.cols-2-related-lg > .col:first-of-type {
  padding-bottom: 0;
}

.photo-left > .content .content__title, .photo-right > .content .content__title {
  margin: 2rem 0 1.5rem;
}
.photo-left > .content .content__description, .photo-right > .content .content__description {
  margin-bottom: 1.5rem;
}

.sidebar-left-md > .sidebar, .sidebar-right-md > .sidebar, .sidebar-left-lg > .sidebar, .sidebar-right-lg > .sidebar, .wider-sidebar-left > .sidebar, .wider-sidebar-right > .sidebar {
  margin-top: 2rem;
}
.sidebar-left-md > .sidebar--top, .sidebar-right-md > .sidebar--top, .sidebar-left-lg > .sidebar--top, .sidebar-right-lg > .sidebar--top, .wider-sidebar-left > .sidebar--top, .wider-sidebar-right > .sidebar--top {
  margin-top: 0;
  margin-bottom: 2rem;
}

.wider-left-md > .left, .wider-left-md > .right, .wider-right-md > .left, .wider-right-md > .right, .extra-wider-left-md > .left, .extra-wider-left-md > .right, .extra-wider-right-md > .left, .extra-wider-right-md > .right {
  padding: 1.5rem 0;
}

.object-control__filter {
  border-bottom: 1px solid #E4E4EB;
  padding-bottom: 0.5rem;
}
.object-control__filter__title {
  font-size: 1.5rem;
  line-height: 1.3333333333em;
  margin-bottom: 1.5em;
}
.object-control__content {
  padding-top: 2.5rem;
}
.object-control__content__title {
  font-size: 1.5rem;
  line-height: 1.3333333333em;
  margin-bottom: 1.5em;
}
.object-control__content__order {
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .wrapper--less-padding-top {
    padding-top: 3rem;
  }
  .wrapper--no-padding-top {
    padding-top: 0;
  }
  .wrapper--no-padding-bottom {
    padding-bottom: 0;
  }
  .wrapper--breadcrumb {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
  }

  .cols-2-md > .col, .cols-3-md > .col {
    padding: 0;
  }

  .cols-2-md > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 47.75%;
    margin-left: 0%;
    margin-right: 4.5%;
  }
  .cols-2-md > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .cols-2-md > .col:last-child {
    margin-right: 0%;
  }
  .cols-2-md--extra-gutter > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 46.25%;
    margin-left: 0%;
    margin-right: 7.5%;
  }
  .cols-2-md--extra-gutter > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .cols-2-md--extra-gutter > .col:last-child {
    margin-right: 0%;
  }

  .cols-3-md > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 30.3333333333%;
    margin-left: 0%;
    margin-right: 4.5%;
  }
  .cols-3-md > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .cols-3-md > .col:last-child {
    margin-right: 0%;
  }
  .cols-3-md--extra-gutter > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 28.3333333333%;
    margin-left: 0%;
    margin-right: 7.5%;
  }
  .cols-3-md--extra-gutter > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .cols-3-md--extra-gutter > .col:last-child {
    margin-right: 0%;
  }
  
  .cols-5-md > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 17%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .cols-5-md > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .cols-5-md > .col:last-child {
    margin-right: 0%;
  }
  .cols-5-md--extra-gutter > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 15%;
    margin-left: 0%;
    margin-right: 7.5%;
  }
  .cols-5-md--extra-gutter > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .cols-5-md--extra-gutter > .col:last-child {
    margin-right: 0%;
  }


  .grid-3-md > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 28.3333333333%;
    margin-left: 0%;
    margin-right: 7.5%;
  }
  .grid-3-md > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .grid-3-md > .col:nth-child(n) {
    margin-right: 7.5%;
    float: left;
    clear: none;
  }
  .grid-3-md > .col:nth-child(3n) {
    margin-right: 0%;
    float: right;
  }
  .grid-3-md > .col:nth-child(3n+1) {
    clear: both;
  }

  .wider-left-md > .left, .wider-left-md > .right, .wider-right-md > .left, .wider-right-md > .right, .extra-wider-left-md > .left, .extra-wider-left-md > .right, .extra-wider-right-md > .left, .extra-wider-right-md > .right {
    padding: 0;
  }
  .wider-left-md > .left, .wider-right-md > .left, .extra-wider-left-md > .left, .extra-wider-right-md > .left {
    float: left;
  }
  .wider-left-md > .right, .wider-right-md > .right, .extra-wider-left-md > .right, .extra-wider-right-md > .right {
    display: inline-block;
  }

  .wider-right-md > .right {
    width: 50%;
  }
  .wider-right-md > .left {
    width: 43.333%;
    margin-right: 6.666%;
  }

  .wider-left-md > .right {
    width: 43.333%;
  }
  .wider-left-md > .left {
    width: 50%;
    margin-right: 6.666%;
  }

  .extra-wider-right-md > .right {
    width: 53.333%;
  }
  .extra-wider-right-md > .left {
    width: 40%;
    margin-right: 6.666%;
  }

  .extra-wider-left-md > .right {
    width: 40%;
  }
  .extra-wider-left-md > .left {
    width: 53.333%;
    margin-right: 6.666%;
  }

  .sidebar-left-md > .sidebar, .sidebar-right-md > .sidebar {
    margin-top: 0; margin-bottom: 0;
  }
  .sidebar-left-md > .sidebar--sticky, .sidebar-right-md > .sidebar--sticky {
    position: sticky;
    top: 0;
  }
  .sidebar-left-md > .sidebar--top, .sidebar-right-md > .sidebar--top {
    margin-bottom: 0;
  }
  .sidebar-left-md > .sidebar--note, .sidebar-right-md > .sidebar--note {
    margin-top: 10%;
  }
  .sidebar-left-md > .content, .sidebar-right-md > .content {
    display: inline-block;
  }

  .sidebar-left-md > .sidebar, .sidebar-right-md > .sidebar {
    width: 24.333%;
  }
  .sidebar-left-md > .content, .sidebar-right-md > .content {
    width: 69%;
  }

  .sidebar-left-md > .sidebar {
    float: left;
    margin-right: 6.666%;
  }

  .sidebar-right-md > .sidebar {
    float: right;
  }
  .sidebar-right-md > .content {
    margin-right: 6.666%;
  }

  .photo-left > .content .cols-2-md > .col, .photo-right > .content .cols-2-md > .col {
    padding: 0.75rem 0;
  }
}
@media (min-width: 992px) {
  .cols-2-related-lg > .col {
    float: left;
    clear: none;
    text-align: inherit;
    width: 47.75%;
    margin-left: 0%;
    margin-right: 4.5%;
    padding: 0;
  }
  .cols-2-related-lg > .col::after {
    content: "";
    display: table;
    clear: both;
  }
  .cols-2-related-lg > .col:last-child {
    margin-right: 0%;
  }

  .sidebar-left-lg > .sidebar, .sidebar-right-lg > .sidebar {
    margin-top: 0;
  }
  .sidebar-left-lg > .sidebar--sticky, .sidebar-right-lg > .sidebar--sticky {
    position: sticky;
    top: 0;
  }
  .sidebar-left-lg > .sidebar--top, .sidebar-right-lg > .sidebar--top {
    margin-bottom: 0;
  }
  .sidebar-left-lg > .sidebar--note, .sidebar-right-lg > .sidebar--note {
    margin-top: 10%;
  }
  .sidebar-left-lg > .content, .sidebar-right-lg > .content {
    display: inline-block;
  }

  .sidebar-left-lg > .sidebar, .sidebar-right-lg > .sidebar {
    width: 24.333%;
  }
  .sidebar-left-lg > .content, .sidebar-right-lg > .content {
    width: 69%;
  }

  .sidebar-left-lg > .sidebar {
    float: left;
    margin-right: 6.666%;
  }

  .sidebar-right-lg > .sidebar {
    float: right;
  }
  .sidebar-right-lg > .content {
    margin-right: 6.666%;
  }

  .photo-left > .photo, .photo-right > .photo {
    width: 50%;
  }
  .photo-left > .content, .photo-right > .content {
    display: inline-block;
    width: 43.333%;
  }
  .photo-left > .content .content__title, .photo-right > .content .content__title {
    margin: 0.75rem 0;
  }
  .photo-left > .content .content__description, .photo-right > .content .content__description {
    margin-bottom: 2rem;
  }

  .photo-left > .photo {
    float: left;
    margin-right: 6.666%;
  }

  .photo-right > .photo {
    float: right;
  }
  .photo-right > .content {
    margin-right: 6.666%;
  }
  .object-control {
    position: relative;
  }
  .object-control__filter {
    width: 25%;
    float: left;
    padding: 0;
    border: none;
    margin-right: 6%;
  }
  .object-control__content {
    display: inline-block;
    padding: 0;
    width: 69%;
  }
  .object-control__content__order, .object-control__content__title {
    padding: 0;
  }
  .object-control__content__title {
    margin-bottom: 2em;
  }
  .object-control__content__order {
    position: absolute;
    width: auto;
    top: 0;
    right: 0;
    margin-bottom: 0;
  }
  .object-control__content__order .select {
    width: fit-content;
    width: -moz-fit-content;
  }

  .wider-sidebar-left > .sidebar, .wider-sidebar-right > .sidebar {
    margin-top: 0;
  }
  .wider-sidebar-left > .sidebar--sticky, .wider-sidebar-right > .sidebar--sticky {
    position: sticky;
    top: 0;
  }
  .wider-sidebar-left > .sidebar--top, .wider-sidebar-right > .sidebar--top {
    margin-bottom: 0;
  }
  .wider-sidebar-left > .sidebar--note, .wider-sidebar-right > .sidebar--note {
    margin-top: 10%;
  }
  .wider-sidebar-left > .content, .wider-sidebar-right > .content {
    display: inline-block;
  }

  .wider-sidebar-left > .sidebar, .wider-sidebar-right > .sidebar {
    width: 33.333%;
  }
  .wider-sidebar-left > .content, .wider-sidebar-right > .content {
    width: 60%;
  }

  .wider-sidebar-left > .sidebar {
    float: left;
    margin-right: 6.666%;
  }

  .wider-sidebar-right > .sidebar {
    float: right;
  }
  .wider-sidebar-right > .content {
    margin-right: 6.666%;
  }
}

/* TIMELINE */
.timeline {
  position: relative;
  margin: 0 auto;
}

.timeline ul {
  position: relative;
  padding: 0;
  z-index: 999;
}

.timeline ul li {
  margin-bottom: 50px;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.timeline .space {
  width: 50%;
  padding: 0;
  font-weight: normal;
} 

/* .point {
  min-width: 20px;
  height: 20px;
  border-radius: 100%;
  z-index: 2;
  border: 3px #333333 solid;
  position: relative;
  left: 1px;
} */

.timeline ul li .content {
  width: 50%;
  padding: 0;
}

.timeline ul li:nth-child(odd) .content {
  padding-left: 0;
}

.timeline ul li:nth-child(odd) .date {
  padding-right: 0;
}

.timeline ul li:nth-child(even) .content {
  padding-right: 0;
}

.timeline ul li:nth-child(even) .date {
  padding-left: 0;
}

.timeline ul li .date {
  position: relative;
}

.timeline ul li .date p.year {
  font-size: 1.75rem;
  background-color: #fff;
  width: 100px;
  text-align: center;
  padding: 5px 10px;
}

.timeline ul li .content p {
  padding: 10px 20px;
  background-color: #fff;
  margin-top: 0;
  text-align: center;
  border: solid 1px #2AA486;
  border-top: none;
}

.timeline ul li .content p.title {
  font-size: 1.75rem;
  font-weight: bold;
  padding: 10px 20px;
  background-color: #FAB941;
  margin-bottom: 0;
  text-align: center;
  border: none;
}

.timeline ul li:nth-child(even) {
  flex-direction: row-reverse;
}

.timeline ul li:nth-child(even) .date h4 {
  float: right
}

.timeline::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  left: 50%;
  background-color: #2AA486;
}

@media (max-width: 768px) {
  .timeline ul li .content p.title, .timeline ul li .date p.year {
    font-size: 1.1rem;
  }
}
@media (max-width: 499px) {
  .timeline ul li {
      display: block;
  }
  .timeline ul li .content {
    width: 100%;
  }
  .timeline ul li .content p {
    margin: 0;
  }
  .timeline ul li .date {
    border: solid 1px #ccc;
    border-top: none;
  }
  .timeline ul li .date p.year {
    margin: auto;
  }
}

/*# sourceMappingURL=styles.css.map */