html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
input,
textarea,
select,
button,
ul,
li {
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0; }

ol,
ul {
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  display: block; }

*,
*:hover,
*:focus {
  outline: none; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

svg {
  overflow: visible;
  display: block;
  height: 100%; }

a {
  text-decoration: none;
  color: inherit; }

img {
  max-width: 100%; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  --base-border-width: 1px;
  --neg-base-border-width: -1px;
  --thick-border-width: 2px;
  --neg-thick-border-width: -2px; }

html.font-size-xs {
  font-size: 14px; }

@media only screen and (max-width: 1799px) {
  html.font-size-xs {
    font-size: 10px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-xs {
    font-size: 6px; } }

@media only screen and (max-width: 599px) {
  html.font-size-xs {
    font-size: 8px; } }

html.font-size-s {
  font-size: 16px; }

@media only screen and (max-width: 1799px) {
  html.font-size-s {
    font-size: 12px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-s {
    font-size: 8px; } }

@media only screen and (max-width: 599px) {
  html.font-size-s {
    font-size: 10px; } }

html.font-size-m {
  font-size: 18px; }

@media only screen and (max-width: 1799px) {
  html.font-size-m {
    font-size: 14px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-m {
    font-size: 10px; } }

@media only screen and (max-width: 599px) {
  html.font-size-m {
    font-size: 12px; } }

html.font-size-l {
  font-size: 20px; }

@media only screen and (max-width: 1799px) {
  html.font-size-l {
    font-size: 16px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-l {
    font-size: 12px; } }

@media only screen and (max-width: 599px) {
  html.font-size-l {
    font-size: 14px; } }

html.font-size-xl {
  font-size: 22px; }

@media only screen and (max-width: 1799px) {
  html.font-size-xl {
    font-size: 18px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-xl {
    font-size: 14px; } }

@media only screen and (max-width: 599px) {
  html.font-size-xl {
    font-size: 16px; } }

.vertical-divider {
  display: inline-block;
  height: 1.5em;
  width: var(--base-border-width);
  background: currentColor;
  vertical-align: -0.125em;
  margin-top: -0.25em;
  margin-bottom: -0.25em; }

.highlight {
  color: #ec1c4d;
  color: var(--color-highlight); }

.uppercase {
  text-transform: uppercase; }

.backstage {
  opacity: 0.1; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: -0.42em;
  margin-bottom: -0.45em; }

h1 {
  font-size: 2.5rem;
  line-height: 4rem; }

h2 {
  font-size: 1.6875rem;
  line-height: 2.75rem; }

h3 {
  font-size: 1.375rem;
  line-height: 2.25rem; }

h4 {
  font-size: 1.2rem;
  line-height: 1.95rem; }

h5 {
  font-size: 1rem;
  line-height: 1.625rem; }

h6 {
  font-size: 1rem;
  line-height: 1.625rem; }

p {
  font-size: 1rem;
  line-height: 1.625rem; }

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

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

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

span.font-size-xxs {
  font-size: 0.25em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-xs {
  font-size: 0.5em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-s {
  font-size: 0.75em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-m {
  font-size: 1em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-l {
  font-size: 1.25em;
  line-height: 1.65em;
  margin-top: -0.15em;
  margin-bottom: -0.5em;
  display: inline-block; }

span.font-size-xl {
  font-size: 1.5em;
  line-height: 1.65em;
  margin-top: -0.2em;
  margin-bottom: -0.4em;
  display: inline-block; }

span.font-size-xxl {
  font-size: 1.75em;
  line-height: 1.65em;
  margin-top: -0.25em;
  margin-bottom: -0.4em;
  display: inline-block; }

span.font-size-xxxl {
  font-size: 2em;
  line-height: 1.65em;
  margin-top: -0.25em;
  margin-bottom: -0.4em;
  display: inline-block; }

span.font-size-xxxxl {
  font-size: 2.5em;
  line-height: 1.65em;
  margin-top: -0.25em;
  margin-bottom: -0.4em;
  display: inline-block; }

span.timeline-name-font {
    font-size: 0.6em;
    display: block;
    margin-top: -0.4em;
    margin-bottom: -0.4em;
    line-height: 1.6em; }

span.timeline-year-font {
    display: block;
    margin-top: -0.45em;
    margin-bottom: -0.45em;
    font-size: 1.7em;
    line-height: 1.7em; }

.font-color-navy-blue-1 {
  color: #1a3e54;
  color: var(--color-navy-blue-1); }

.font-color-navy-blue-2 {
  color: #5b7184;
  color: var(--color-navy-blue-2); }

.font-color-navy-blue-3 {
  color: #7b90a9;
  color: var(--color-navy-blue-3); }

.font-color-navy-blue-4 {
  color: #a5afb9;
  color: var(--color-navy-blue-4); }

.font-color-navy-blue-5 {
  color: #cfd8dc;
  color: var(--color-navy-blue-5); }

.font-color-navy-blue-6 {
  color: #ebeff0;
  color: var(--color-navy-blue-6); }

.font-color-grayscale-1 {
  color: #171717;
  color: var(--color-grayscale-1); }

.font-color-grayscale-2 {
  color: #4d4b4c;
  color: var(--color-grayscale-2); }

.font-color-grayscale-3 {
  color: #707070;
  color: var(--color-grayscale-3); }

.font-color-grayscale-4 {
  color: #bbb8b7;
  color: var(--color-grayscale-4); }

.font-color-grayscale-5 {
  color: #f7f6f4;
  color: var(--color-grayscale-5); }

.font-color-grayscale-6 {
  color: #ffffff;
  color: var(--color-grayscale-6); }

.bg-navy-blue-1 {
  background: #1a3e54;
  background: var(--color-navy-blue-1); }

.bg-navy-blue-2 {
  background: #5b7184;
  background: var(--color-navy-blue-2); }

.bg-navy-blue-3 {
  background: #7b90a9;
  background: var(--color-navy-blue-3); }

.bg-navy-blue-4 {
  background: #a5afb9;
  background: var(--color-navy-blue-4); }

.bg-navy-blue-5 {
  background: #cfd8dc;
  background: var(--color-navy-blue-5); }

.bg-navy-blue-6 {
  background: #ebeff0;
  background: var(--color-navy-blue-6); }

.bg-grayscale-1 {
  background: #171717;
  background: var(--color-grayscale-1); }

.bg-grayscale-2 {
  background: #4d4b4c;
  background: var(--color-grayscale-2); }

.bg-grayscale-3 {
  background: #707070;
  background: var(--color-grayscale-3); }

.bg-grayscale-4 {
  background: #bbb8b7;
  background: var(--color-grayscale-4); }

.bg-grayscale-5 {
  background: #f7f6f4;
  background: var(--color-grayscale-5); }

.bg-grayscale-6 {
  background: #ffffff;
  background: var(--color-grayscale-6); }

.bg-highlight {
  background: #ec1c4d;
  background: var(--color-highlight); }

.bg-transparent {
  background: transparent;}

.nowrap {
  white-space: nowrap; }

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

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

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

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

.paragraph-container {
  width: 100%;
  display: table;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  padding-top: 1em;
  padding-bottom: 1em; }
  .paragraph-container:first-of-type {
    padding-top: 0; }
  .paragraph-container:last-of-type {
    padding-bottom: 0; }

html {
  --color-navy-blue-1: #1a3e54;
  --color-navy-blue-2: #5b7184;
  --color-navy-blue-3: #7b90a9;
  --color-navy-blue-4: #a5afb9;
  --color-navy-blue-5: #cfd8dc;
  --color-navy-blue-6: #ebeff0;
  --color-grayscale-1: #171717;
  --color-grayscale-2: #4d4b4c;
  --color-grayscale-3: #707070;
  --color-grayscale-4: #bbb8b7;
  --color-grayscale-5: #f7f6f4;
  --color-grayscale-6: #ffffff;
  --color-highlight: #ec1c4d;
  --color-shadows: rgba(0, 0, 0, 0.3);
  --color-black-gradient: rgba(0, 0, 0, 0.7); }

html.invert {
  --color-navy-blue-1: #e5c1ab;
  --color-navy-blue-2: #f7f140;
  --color-navy-blue-3: #f7f140;
  --color-navy-blue-4: #f7f140;
  --color-navy-blue-5: #14100f;
  --color-navy-blue-6: #14100f;
  --color-grayscale-1: #e8e8e8;
  --color-grayscale-2: #e8e8e8;
  --color-grayscale-3: #e8e8e8;
  --color-grayscale-4: #e8e8e8;
  --color-grayscale-5: black;
  --color-grayscale-6: black;
  --color-highlight: #ec1c4d;
  --color-shadows: rgba(255, 255, 255, 0.3);
  --color-black-gradient: rgba(255, 255, 255, 1); }

.flex-grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.flex-grow-none {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.flex-shrink {
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.flex-shrink-none {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.d-none {
  display: none !important; }

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.col-1 {
  width: 8.33333%; }

.col-max-1 {
  max-width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-max-2 {
  max-width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-max-3 {
  max-width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-max-4 {
  max-width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-max-5 {
  max-width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-max-6 {
  max-width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-max-7 {
  max-width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-max-8 {
  max-width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-max-9 {
  max-width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-max-10 {
  max-width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-max-11 {
  max-width: 91.66667%; }

.col-12 {
  width: 100%; }

.col-max-12 {
  max-width: 100%; }

@media only screen and (max-width: 1799px) {
  .flex-l-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .flex-l-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .d-l-none {
    display: none !important; }
  .d-l-block {
    display: block !important; }
  .d-l-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .col-l-1 {
    width: 8.33333%; }
  .col-max-l-1 {
    max-width: 8.33333%; }
  .col-l-2 {
    width: 16.66667%; }
  .col-max-l-2 {
    max-width: 16.66667%; }
  .col-l-3 {
    width: 25%; }
  .col-max-l-3 {
    max-width: 25%; }
  .col-l-4 {
    width: 33.33333%; }
  .col-max-l-4 {
    max-width: 33.33333%; }
  .col-l-5 {
    width: 41.66667%; }
  .col-max-l-5 {
    max-width: 41.66667%; }
  .col-l-6 {
    width: 50%; }
  .col-max-l-6 {
    max-width: 50%; }
  .col-l-7 {
    width: 58.33333%; }
  .col-max-l-7 {
    max-width: 58.33333%; }
  .col-l-8 {
    width: 66.66667%; }
  .col-max-l-8 {
    max-width: 66.66667%; }
  .col-l-9 {
    width: 75%; }
  .col-max-l-9 {
    max-width: 75%; }
  .col-l-10 {
    width: 83.33333%; }
  .col-max-l-10 {
    max-width: 83.33333%; }
  .col-l-11 {
    width: 91.66667%; }
  .col-max-l-11 {
    max-width: 91.66667%; }
  .col-l-12 {
    width: 100%; }
  .col-max-l-12 {
    max-width: 100%; } }

@media only screen and (max-width: 1199px) {
  .flex-m-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .flex-m-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .d-m-none {
    display: none !important; }
  .d-m-block {
    display: block !important; }
  .d-m-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .col-m-1 {
    width: 8.33333%; }
  .col-max-m-1 {
    max-width: 8.33333%; }
  .col-m-2 {
    width: 16.66667%; }
  .col-max-m-2 {
    max-width: 16.66667%; }
  .col-m-3 {
    width: 25%; }
  .col-max-m-3 {
    max-width: 25%; }
  .col-m-4 {
    width: 33.33333%; }
  .col-max-m-4 {
    max-width: 33.33333%; }
  .col-m-5 {
    width: 41.66667%; }
  .col-max-m-5 {
    max-width: 41.66667%; }
  .col-m-6 {
    width: 50%; }
  .col-max-m-6 {
    max-width: 50%; }
  .col-m-7 {
    width: 58.33333%; }
  .col-max-m-7 {
    max-width: 58.33333%; }
  .col-m-8 {
    width: 66.66667%; }
  .col-max-m-8 {
    max-width: 66.66667%; }
  .col-m-9 {
    width: 75%; }
  .col-max-m-9 {
    max-width: 75%; }
  .col-m-10 {
    width: 83.33333%; }
  .col-max-m-10 {
    max-width: 83.33333%; }
  .col-m-11 {
    width: 91.66667%; }
  .col-max-m-11 {
    max-width: 91.66667%; }
  .col-m-12 {
    width: 100%; }
  .col-max-m-12 {
    max-width: 100%; }
  }
  
@media only screen and (min-width: 599px) {
  .de-flex {display:flex;}
}
@media only screen and (max-width: 599px) {
  .flex-s-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .flex-s-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .d-s-none {
    display: none !important; }
  .d-s-block {
    display: block !important; }
  .d-s-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .col-s-1 {
    width: 8.33333%; }
  .col-max-s-1 {
    max-width: 8.33333%; }
  .col-s-2 {
    width: 16.66667%; }
  .col-max-s-2 {
    max-width: 16.66667%; }
  .col-s-3 {
    width: 25%; }
  .col-max-s-3 {
    max-width: 25%; }
  .col-s-4 {
    width: 33.33333%; }
  .col-max-s-4 {
    max-width: 33.33333%; }
  .col-s-5 {
    width: 41.66667%; }
  .col-max-s-5 {
    max-width: 41.66667%; }
  .col-s-6 {
    width: 50%; }
  .col-max-s-6 {
    max-width: 50%; }
  .col-s-7 {
    width: 58.33333%; }
  .col-max-s-7 {
    max-width: 58.33333%; }
  .col-s-8 {
    width: 66.66667%; }
  .col-max-s-8 {
    max-width: 66.66667%; }
  .col-s-9 {
    width: 75%; }
  .col-max-s-9 {
    max-width: 75%; }
  .col-s-10 {
    width: 83.33333%; }
  .col-max-s-10 {
    max-width: 83.33333%; }
  .col-s-11 {
    width: 91.66667%; }
  .col-max-s-11 {
    max-width: 91.66667%; }
  .col-s-12 {
    width: 100%; }
  .col-max-s-12 {
    max-width: 100%; } }

.col-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.col-stretch-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.container-s,
.container-m,
.container-l {
  margin: 0 auto; }

.container-s {
  width: calc(100% - 24rem);
  padding: 0 1rem; }
  .container-s .extract-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -13rem;
    margin-right: -13rem;
    padding-left: 13rem;
    padding-right: 13rem; }
  .container-s .indent-container {
    margin-left: -4rem; }

.container-m {
  width: calc(100% - 12rem);
  padding: 0 1rem; }
  .container-m .extract-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -7rem;
    margin-right: -7rem;
    padding-left: 7rem;
    padding-right: 7rem; }
  .container-m .indent-container {
    margin-left: -2rem; }

.container-l {
  width: 100%;
  padding: 0 1rem; }
  .container-l .extract-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  .container-l .indent-container {
    margin-left: 0; }

@media only screen and (max-width: 1199px) {
  .container-s {
    width: calc(100% - 12rem);
    padding: 0 1rem; }
    .container-s .extract-container {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin-left: -7rem;
      margin-right: -7rem;
      padding-left: 7rem;
      padding-right: 7rem; }
    .container-s .indent-container {
      margin-left: -4rem; }
  .container-m {
    width: calc(100% - 6rem);
    padding: 0 1rem; }
    .container-m .extract-container {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin-left: -4rem;
      margin-right: -4rem;
      padding-left: 4rem;
      padding-right: 4rem; }
    .container-m .indent-container {
      margin-left: -2rem; }
  .container-l {
    width: 100%;
    padding: 0 1rem; }
    .container-l .extract-container {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin-left: -1rem;
      margin-right: -1rem;
      padding-left: 1rem;
      padding-right: 1rem; }
    .container-l .indent-container {
      margin-left: 0; } }

@media only screen and (max-width: 599px) {
  .container-s,
  .container-m,
  .container-l {
    width: 100%;
    padding: 0 1rem; }
    .container-s .extract-container,
    .container-m .extract-container,
    .container-l .extract-container {
      margin-left: -1rem;
      margin-right: -1rem;
      padding-left: 1rem;
      padding-right: 1rem; }
    .container-s .indent-container,
    .container-m .indent-container,
    .container-l .indent-container {
      margin-left: 0; }
	.aspect-4-1.aspect-preserve.homepage-background {
    width: 180%; }
}

.aspect-preserve.aspect-1-1:before {
  padding-top: 100%; }

.aspect-preserve.aspect-1-2:before {
  padding-top: 200%; }

.aspect-preserve.aspect-1-3:before {
  padding-top: 300%; }

.aspect-preserve.aspect-1-4:before {
  padding-top: 400%; }

.aspect-preserve.aspect-1-5:before {
  padding-top: 500%; }

.aspect-preserve.aspect-1-6:before {
  padding-top: 600%; }

.aspect-preserve.aspect-2-1:before {
  padding-top: 50%; }

.aspect-preserve.aspect-2-2:before {
  padding-top: 100%; }

.aspect-preserve.aspect-2-3:before {
  padding-top: 150%; }

.aspect-preserve.aspect-2-4:before {
  padding-top: 200%; }

.aspect-preserve.aspect-2-5:before {
  padding-top: 250%; }

.aspect-preserve.aspect-2-6:before {
  padding-top: 300%; }

.aspect-preserve.aspect-3-1:before {
  padding-top: 33.33333%; }

.aspect-preserve.aspect-3-2:before {
  padding-top: 66.66667%; }

.aspect-preserve.aspect-3-3:before {
  padding-top: 100%; }

.aspect-preserve.aspect-3-4:before {
  padding-top: 133.33333%; }

.aspect-preserve.aspect-3-5:before {
  padding-top: 166.66667%; }

.aspect-preserve.aspect-3-6:before {
  padding-top: 200%; }

.aspect-preserve.aspect-4-1:before {
  padding-top: 25%; }

.aspect-preserve.aspect-4-2:before {
  padding-top: 50%; }

.aspect-preserve.aspect-4-3:before {
  padding-top: 75%; }

.aspect-preserve.aspect-4-4:before {
  padding-top: 100%; }

.aspect-preserve.aspect-4-5:before {
  padding-top: 125%; }

.aspect-preserve.aspect-4-6:before {
  padding-top: 150%; }

.aspect-preserve.aspect-5-1:before {
  padding-top: 20%; }

.aspect-preserve.aspect-5-2:before {
  padding-top: 40%; }

.aspect-preserve.aspect-5-3:before {
  padding-top: 60%; }

.aspect-preserve.aspect-5-4:before {
  padding-top: 80%; }

.aspect-preserve.aspect-5-5:before {
  padding-top: 100%; }

.aspect-preserve.aspect-5-6:before {
  padding-top: 120%; }

.aspect-preserve.aspect-6-1:before {
  padding-top: 16.66667%; }

.aspect-preserve.aspect-6-2:before {
  padding-top: 33.33333%; }

.aspect-preserve.aspect-6-3:before {
  padding-top: 50%; }

.aspect-preserve.aspect-6-4:before {
  padding-top: 66.66667%; }

.aspect-preserve.aspect-6-5:before {
  padding-top: 83.33333%; }

.aspect-preserve.aspect-6-6:before {
  padding-top: 100%; }

@media only screen and (max-width: 599px) {
  .aspect-preserve.mobile-aspect-1-1:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-1-2:before {
    padding-top: 200%; }
  .aspect-preserve.mobile-aspect-1-3:before {
    padding-top: 300%; }
  .aspect-preserve.mobile-aspect-1-4:before {
    padding-top: 400%; }
  .aspect-preserve.mobile-aspect-1-5:before {
    padding-top: 500%; }
  .aspect-preserve.mobile-aspect-1-6:before {
    padding-top: 600%; }
  .aspect-preserve.mobile-aspect-2-1:before {
    padding-top: 50%; }
  .aspect-preserve.mobile-aspect-2-2:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-2-3:before {
    padding-top: 150%; }
  .aspect-preserve.mobile-aspect-2-4:before {
    padding-top: 200%; }
  .aspect-preserve.mobile-aspect-2-5:before {
    padding-top: 250%; }
  .aspect-preserve.mobile-aspect-2-6:before {
    padding-top: 300%; }
  .aspect-preserve.mobile-aspect-3-1:before {
    padding-top: 33.33333%; }
  .aspect-preserve.mobile-aspect-3-2:before {
    padding-top: 66.66667%; }
  .aspect-preserve.mobile-aspect-3-3:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-3-4:before {
    padding-top: 133.33333%; }
  .aspect-preserve.mobile-aspect-3-5:before {
    padding-top: 166.66667%; }
  .aspect-preserve.mobile-aspect-3-6:before {
    padding-top: 200%; }
  .aspect-preserve.mobile-aspect-4-1:before {
    padding-top: 25%; }
  .aspect-preserve.mobile-aspect-4-2:before {
    padding-top: 50%; }
  .aspect-preserve.mobile-aspect-4-3:before {
    padding-top: 75%; }
  .aspect-preserve.mobile-aspect-4-4:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-4-5:before {
    padding-top: 125%; }
  .aspect-preserve.mobile-aspect-4-6:before {
    padding-top: 150%; }
  .aspect-preserve.mobile-aspect-5-1:before {
    padding-top: 20%; }
  .aspect-preserve.mobile-aspect-5-2:before {
    padding-top: 40%; }
  .aspect-preserve.mobile-aspect-5-3:before {
    padding-top: 60%; }
  .aspect-preserve.mobile-aspect-5-4:before {
    padding-top: 80%; }
  .aspect-preserve.mobile-aspect-5-5:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-5-6:before {
    padding-top: 120%; }
  .aspect-preserve.mobile-aspect-6-1:before {
    padding-top: 16.66667%; }
  .aspect-preserve.mobile-aspect-6-2:before {
    padding-top: 33.33333%; }
  .aspect-preserve.mobile-aspect-6-3:before {
    padding-top: 50%; }
  .aspect-preserve.mobile-aspect-6-4:before {
    padding-top: 66.66667%; }
  .aspect-preserve.mobile-aspect-6-5:before {
    padding-top: 83.33333%; }
  .aspect-preserve.mobile-aspect-6-6:before {
    padding-top: 100%; } }

.aspect-preserve {
  display: block;
  position: relative;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .aspect-preserve > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .aspect-preserve > img {
    -o-object-fit: cover;
    -o-object-position: center;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover;'; }
  .aspect-preserve:before {
    content: "";
    width: 100%;
    display: table; }

.margin-neg-none {
  margin: 0 !important; }

.margin-none {
  margin: 0 !important; }

.margin-neg-xs {
  margin: -0.25rem !important; }

.margin-xs {
  margin: 0.25rem !important; }

.margin-neg-s {
  margin: -0.5rem !important; }

.margin-s {
  margin: 0.5rem !important; }

.margin-neg-m {
  margin: -1rem !important; }

.margin-m {
  margin: 1rem !important; }

.margin-neg-l {
  margin: -1.5rem !important; }

.margin-l {
  margin: 1.5rem !important; }

.margin-neg-xl {
  margin: -2rem !important; }

.margin-xl {
  margin: 2rem !important; }

.margin-neg-xxl {
  margin: -3rem !important; }

.margin-xxl {
  margin: 3rem !important; }

.margin-auto {
  margin: auto !important; }

.margin-l-neg-none {
  margin-left: 0 !important; }

.margin-l-none {
  margin-left: 0 !important; }

.margin-l-neg-xs {
  margin-left: -0.25rem !important; }

.margin-l-xs {
  margin-left: 0.25rem !important; }

.margin-l-neg-s {
  margin-left: -0.5rem !important; }

.margin-l-s {
  margin-left: 0.5rem !important; }

.margin-l-neg-m {
  margin-left: -1rem !important; }

.margin-l-m {
  margin-left: 1rem !important; }

.margin-l-neg-l {
  margin-left: -1.5rem !important; }

.margin-l-l {
  margin-left: 1.5rem !important; }

.margin-l-neg-xl {
  margin-left: -2rem !important; }

.margin-l-xl {
  margin-left: 2rem !important; }

.margin-l-neg-xxl {
  margin-left: -3rem !important; }

.margin-l-xxl {
  margin-left: 3rem !important; }

.margin-l-auto {
  margin-left: auto !important; }

.margin-r-neg-none {
  margin-right: 0 !important; }

.margin-r-none {
  margin-right: 0 !important; }

.margin-r-neg-xs {
  margin-right: -0.25rem !important; }

.margin-r-xs {
  margin-right: 0.25rem !important; }

.margin-r-neg-s {
  margin-right: -0.5rem !important; }

.margin-r-s {
  margin-right: 0.5rem !important; }

.margin-r-neg-m {
  margin-right: -1rem !important; }

.margin-r-m {
  margin-right: 1rem !important; }

.margin-r-neg-l {
  margin-right: -1.5rem !important; }

.margin-r-l {
  margin-right: 1.5rem !important; }

.margin-r-neg-xl {
  margin-right: -2rem !important; }

.margin-r-xl {
  margin-right: 2rem !important; }

.margin-r-neg-xxl {
  margin-right: -3rem !important; }

.margin-r-xxl {
  margin-right: 3rem !important; }

.margin-r-auto {
  margin-right: auto !important; }

.margin-b-neg-none {
  margin-bottom: 0 !important; }

.margin-b-none {
  margin-bottom: 0 !important; }

.margin-b-neg-xs {
  margin-bottom: -0.25rem !important; }

.margin-b-xs {
  margin-bottom: 0.25rem !important; }

.margin-b-neg-s {
  margin-bottom: -0.5rem !important; }

.margin-b-s {
  margin-bottom: 0.5rem !important; }

.margin-b-neg-m {
  margin-bottom: -1rem !important; }

.margin-b-m {
  margin-bottom: 1rem !important; }

.margin-b-neg-l {
  margin-bottom: -1.5rem !important; }

.margin-b-l {
  margin-bottom: 1.5rem !important; }

.margin-b-neg-xl {
  margin-bottom: -2rem !important; }

.margin-b-xl {
  margin-bottom: 2rem !important; }

.margin-b-neg-xxl {
  margin-bottom: -3rem !important; }

.margin-b-xxl {
  margin-bottom: 3rem !important; }

.margin-b-auto {
  margin-bottom: auto !important; }

.margin-t-neg-none {
  margin-top: 0 !important; }

.margin-t-none {
  margin-top: 0 !important; }

.margin-t-neg-xs {
  margin-top: -0.25rem !important; }

.margin-t-xs {
  margin-top: 0.25rem !important; }

.margin-t-neg-s {
  margin-top: -0.5rem !important; }

.margin-t-s {
  margin-top: 0.5rem !important; }

.margin-t-neg-m {
  margin-top: -1rem !important; }

.margin-t-m {
  margin-top: 1rem !important; }

.margin-t-neg-l {
  margin-top: -1.5rem !important; }

.margin-t-l {
  margin-top: 1.5rem !important; }

.margin-t-neg-xl {
  margin-top: -2rem !important; }

.margin-t-xl {
  margin-top: 2rem !important; }

.margin-t-neg-xxl {
  margin-top: -3rem !important; }

.margin-t-xxl {
  margin-top: 3rem !important; }

.margin-t-auto {
  margin-top: auto !important; }

.margin-x-neg-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.margin-x-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.margin-x-neg-xs {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important; }

.margin-x-xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important; }

.margin-x-neg-s {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important; }

.margin-x-s {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.margin-x-neg-m {
  margin-left: -1rem !important;
  margin-right: -1rem !important; }

.margin-x-m {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.margin-x-neg-l {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important; }

.margin-x-l {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.margin-x-neg-xl {
  margin-left: -2rem !important;
  margin-right: -2rem !important; }

.margin-x-xl {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.margin-x-neg-xxl {
  margin-left: -3rem !important;
  margin-right: -3rem !important; }

.margin-x-xxl {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.margin-x-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.margin-y-neg-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.margin-y-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.margin-y-neg-xs {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important; }

.margin-y-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.margin-y-neg-s {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important; }

.margin-y-s {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.margin-y-neg-m {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important; }

.margin-y-m {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.margin-y-neg-l {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important; }

.margin-y-l {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.margin-y-neg-xl {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important; }

.margin-y-xl {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.margin-y-neg-xxl {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important; }

.margin-y-xxl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.margin-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.padding-none {
  padding: 0 !important; }

.padding-xs {
  padding: 0.25rem !important; }

.padding-s {
  padding: 0.5rem !important; }

.padding-m {
  padding: 1rem !important; }

.padding-l {
  padding: 1.5rem !important; }

.padding-xl {
  padding: 2rem !important; }

.padding-xxl {
  padding: 3rem !important; }

.padding-l-none {
  padding-left: 0 !important; }

.padding-l-xs {
  padding-left: 0.25rem !important; }

.padding-l-s {
  padding-left: 0.5rem !important; }

.padding-l-m {
  padding-left: 1rem !important; }

.padding-l-l {
  padding-left: 1.5rem !important; }

.padding-l-xl {
  padding-left: 2rem !important; }

.padding-l-xxl {
  padding-left: 3rem !important; }

.padding-r-none {
  padding-right: 0 !important; }

.padding-r-xs {
  padding-right: 0.25rem !important; }

.padding-r-s {
  padding-right: 0.5rem !important; }

.padding-r-m {
  padding-right: 1rem !important; }

.padding-r-l {
  padding-right: 1.5rem !important; }

.padding-r-xl {
  padding-right: 2rem !important; }

.padding-r-xxl {
  padding-right: 3rem !important; }

.padding-b-none {
  padding-bottom: 0 !important; }

.padding-b-xs {
  padding-bottom: 0.25rem !important; }

.padding-b-s {
  padding-bottom: 0.5rem !important; }

.padding-b-m {
  padding-bottom: 1rem !important; }

.padding-b-l {
  padding-bottom: 1.5rem !important; }

.padding-b-xl {
  padding-bottom: 2rem !important; }

.padding-b-xxl {
  padding-bottom: 3rem !important; }

.padding-t-none {
  padding-top: 0 !important; }

.padding-t-xs {
  padding-top: 0.25rem !important; }

.padding-t-s {
  padding-top: 0.5rem !important; }

.padding-t-m {
  padding-top: 1rem !important; }

.padding-t-l {
  padding-top: 1.5rem !important; }

.padding-t-xl {
  padding-top: 2rem !important; }

.padding-t-xxl {
  padding-top: 3rem !important; }

.padding-x-none {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.padding-x-xs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important; }

.padding-x-s {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.padding-x-m {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.padding-x-l {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.padding-x-xl {
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.padding-x-xxl {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.padding-y-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.padding-y-xs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.padding-y-s {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.padding-y-m {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.padding-y-l {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.padding-y-xl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.padding-y-xxl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

@media only screen and (max-width: 599px) {
  .mobile-margin-neg-none {
    margin: 0 !important; }
  .mobile-margin-none {
    margin: 0 !important; }
  .mobile-margin-neg-xs {
    margin: -0.25rem !important; }
  .mobile-margin-xs {
    margin: 0.25rem !important; }
  .mobile-margin-neg-s {
    margin: -0.5rem !important; }
  .mobile-margin-s {
    margin: 0.5rem !important; }
  .mobile-margin-neg-m {
    margin: -1rem !important; }
  .mobile-margin-m {
    margin: 1rem !important; }
  .mobile-margin-neg-l {
    margin: -1.5rem !important; }
  .mobile-margin-l {
    margin: 1.5rem !important; }
  .mobile-margin-neg-xl {
    margin: -2rem !important; }
  .mobile-margin-xl {
    margin: 2rem !important; }
  .mobile-margin-neg-xxl {
    margin: -3rem !important; }
  .mobile-margin-xxl {
    margin: 3rem !important; }
  .mobile-margin-auto {
    margin: auto !important; }
  .mobile-margin-l-neg-none {
    margin-left: 0 !important; }
  .mobile-margin-l-none {
    margin-left: 0 !important; }
  .mobile-margin-l-neg-xs {
    margin-left: -0.25rem !important; }
  .mobile-margin-l-xs {
    margin-left: 0.25rem !important; }
  .mobile-margin-l-neg-s {
    margin-left: -0.5rem !important; }
  .mobile-margin-l-s {
    margin-left: 0.5rem !important; }
  .mobile-margin-l-neg-m {
    margin-left: -1rem !important; }
  .mobile-margin-l-m {
    margin-left: 1rem !important; }
  .mobile-margin-l-neg-l {
    margin-left: -1.5rem !important; }
  .mobile-margin-l-l {
    margin-left: 1.5rem !important; }
  .mobile-margin-l-neg-xl {
    margin-left: -2rem !important; }
  .mobile-margin-l-xl {
    margin-left: 2rem !important; }
  .mobile-margin-l-neg-xxl {
    margin-left: -3rem !important; }
  .mobile-margin-l-xxl {
    margin-left: 3rem !important; }
  .mobile-margin-l-auto {
    margin-left: auto !important; }
  .mobile-margin-r-neg-none {
    margin-right: 0 !important; }
  .mobile-margin-r-none {
    margin-right: 0 !important; }
  .mobile-margin-r-neg-xs {
    margin-right: -0.25rem !important; }
  .mobile-margin-r-xs {
    margin-right: 0.25rem !important; }
  .mobile-margin-r-neg-s {
    margin-right: -0.5rem !important; }
  .mobile-margin-r-s {
    margin-right: 0.5rem !important; }
  .mobile-margin-r-neg-m {
    margin-right: -1rem !important; }
  .mobile-margin-r-m {
    margin-right: 1rem !important; }
  .mobile-margin-r-neg-l {
    margin-right: -1.5rem !important; }
  .mobile-margin-r-l {
    margin-right: 1.5rem !important; }
  .mobile-margin-r-neg-xl {
    margin-right: -2rem !important; }
  .mobile-margin-r-xl {
    margin-right: 2rem !important; }
  .mobile-margin-r-neg-xxl {
    margin-right: -3rem !important; }
  .mobile-margin-r-xxl {
    margin-right: 3rem !important; }
  .mobile-margin-r-auto {
    margin-right: auto !important; }
  .mobile-margin-b-neg-none {
    margin-bottom: 0 !important; }
  .mobile-margin-b-none {
    margin-bottom: 0 !important; }
  .mobile-margin-b-neg-xs {
    margin-bottom: -0.25rem !important; }
  .mobile-margin-b-xs {
    margin-bottom: 0.25rem !important; }
  .mobile-margin-b-neg-s {
    margin-bottom: -0.5rem !important; }
  .mobile-margin-b-s {
    margin-bottom: 0.5rem !important; }
  .mobile-margin-b-neg-m {
    margin-bottom: -1rem !important; }
  .mobile-margin-b-m {
    margin-bottom: 1rem !important; }
  .mobile-margin-b-neg-l {
    margin-bottom: -1.5rem !important; }
  .mobile-margin-b-l {
    margin-bottom: 1.5rem !important; }
  .mobile-margin-b-neg-xl {
    margin-bottom: -2rem !important; }
  .mobile-margin-b-xl {
    margin-bottom: 2rem !important; }
  .mobile-margin-b-neg-xxl {
    margin-bottom: -3rem !important; }
  .mobile-margin-b-xxl {
    margin-bottom: 3rem !important; }
  .mobile-margin-b-auto {
    margin-bottom: auto !important; }
  .mobile-margin-t-neg-none {
    margin-top: 0 !important; }
  .mobile-margin-t-none {
    margin-top: 0 !important; }
  .mobile-margin-t-neg-xs {
    margin-top: -0.25rem !important; }
  .mobile-margin-t-xs {
    margin-top: 0.25rem !important; }
  .mobile-margin-t-neg-s {
    margin-top: -0.5rem !important; }
  .mobile-margin-t-s {
    margin-top: 0.5rem !important; }
  .mobile-margin-t-neg-m {
    margin-top: -1rem !important; }
  .mobile-margin-t-m {
    margin-top: 1rem !important; }
  .mobile-margin-t-neg-l {
    margin-top: -1.5rem !important; }
  .mobile-margin-t-l {
    margin-top: 1.5rem !important; }
  .mobile-margin-t-neg-xl {
    margin-top: -2rem !important; }
  .mobile-margin-t-xl {
    margin-top: 2rem !important; }
  .mobile-margin-t-neg-xxl {
    margin-top: -3rem !important; }
  .mobile-margin-t-xxl {
    margin-top: 3rem !important; }
  .mobile-margin-t-auto {
    margin-top: auto !important; }
  .mobile-margin-x-neg-none {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mobile-margin-x-none {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mobile-margin-x-neg-xs {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important; }
  .mobile-margin-x-xs {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mobile-margin-x-neg-s {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important; }
  .mobile-margin-x-s {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mobile-margin-x-neg-m {
    margin-left: -1rem !important;
    margin-right: -1rem !important; }
  .mobile-margin-x-m {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mobile-margin-x-neg-l {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important; }
  .mobile-margin-x-l {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mobile-margin-x-neg-xl {
    margin-left: -2rem !important;
    margin-right: -2rem !important; }
  .mobile-margin-x-xl {
    margin-left: 2rem !important;
    margin-right: 2rem !important; }
  .mobile-margin-x-neg-xxl {
    margin-left: -3rem !important;
    margin-right: -3rem !important; }
  .mobile-margin-x-xxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mobile-margin-x-auto {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mobile-margin-y-neg-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mobile-margin-y-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mobile-margin-y-neg-xs {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .mobile-margin-y-xs {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .mobile-margin-y-neg-s {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .mobile-margin-y-s {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .mobile-margin-y-neg-m {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .mobile-margin-y-m {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .mobile-margin-y-neg-l {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .mobile-margin-y-l {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .mobile-margin-y-neg-xl {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important; }
  .mobile-margin-y-xl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }
  .mobile-margin-y-neg-xxl {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .mobile-margin-y-xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .mobile-margin-y-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mobile-padding-none {
    padding: 0 !important; }
  .mobile-padding-xs {
    padding: 0.25rem !important; }
  .mobile-padding-s {
    padding: 0.5rem !important; }
  .mobile-padding-m {
    padding: 1rem !important; }
  .mobile-padding-l {
    padding: 1.5rem !important; }
  .mobile-padding-xl {
    padding: 2rem !important; }
  .mobile-padding-xxl {
    padding: 3rem !important; }
  .mobile-padding-l-none {
    padding-left: 0 !important; }
  .mobile-padding-l-xs {
    padding-left: 0.25rem !important; }
  .mobile-padding-l-s {
    padding-left: 0.5rem !important; }
  .mobile-padding-l-m {
    padding-left: 1rem !important; }
  .mobile-padding-l-l {
    padding-left: 1.5rem !important; }
  .mobile-padding-l-xl {
    padding-left: 2rem !important; }
  .mobile-padding-l-xxl {
    padding-left: 3rem !important; }
  .mobile-padding-r-none {
    padding-right: 0 !important; }
  .mobile-padding-r-xs {
    padding-right: 0.25rem !important; }
  .mobile-padding-r-s {
    padding-right: 0.5rem !important; }
  .mobile-padding-r-m {
    padding-right: 1rem !important; }
  .mobile-padding-r-l {
    padding-right: 1.5rem !important; }
  .mobile-padding-r-xl {
    padding-right: 2rem !important; }
  .mobile-padding-r-xxl {
    padding-right: 3rem !important; }
  .mobile-padding-b-none {
    padding-bottom: 0 !important; }
  .mobile-padding-b-xs {
    padding-bottom: 0.25rem !important; }
  .mobile-padding-b-s {
    padding-bottom: 0.5rem !important; }
  .mobile-padding-b-m {
    padding-bottom: 1rem !important; }
  .mobile-padding-b-l {
    padding-bottom: 1.5rem !important; }
  .mobile-padding-b-xl {
    padding-bottom: 2rem !important; }
  .mobile-padding-b-xxl {
    padding-bottom: 3rem !important; }
  .mobile-padding-t-none {
    padding-top: 0 !important; }
  .mobile-padding-t-xs {
    padding-top: 0.25rem !important; }
  .mobile-padding-t-s {
    padding-top: 0.5rem !important; }
  .mobile-padding-t-m {
    padding-top: 1rem !important; }
  .mobile-padding-t-l {
    padding-top: 1.5rem !important; }
  .mobile-padding-t-xl {
    padding-top: 2rem !important; }
  .mobile-padding-t-xxl {
    padding-top: 3rem !important; }
  .mobile-padding-x-none {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .mobile-padding-x-xs {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .mobile-padding-x-s {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .mobile-padding-x-m {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .mobile-padding-x-l {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .mobile-padding-x-xl {
    padding-left: 2rem !important;
    padding-right: 2rem !important; }
  .mobile-padding-x-xxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .mobile-padding-y-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .mobile-padding-y-xs {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .mobile-padding-y-s {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .mobile-padding-y-m {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .mobile-padding-y-l {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .mobile-padding-y-xl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .mobile-padding-y-xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; } }

.center-margins {
  margin-left: auto !important;
  margin-right: auto !important; }

.row-static {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.row-scroll {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow-y: auto;
  width: 100%; }

.column-center-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

body {
  -webkit-print-color-adjust: exact !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 8em;
  background: #ffffff;
  background: var(--color-grayscale-6);
  color: #171717;
  color: var(--color-grayscale-1);
  font-family: "Montserrat", sans-serif; }
  body.printing {
    margin: 0; }
    body.printing .print-container {
      width: 100%;
      padding: 0 1rem; }
    body.printing .print-hide {
      display: none; }

#body-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.dropshadow {
  -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
  box-shadow: 0 0.5rem 4rem 0 var(--color-shadows); }

.dropshadow-thick {
  -webkit-box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1rem 3rem 0 var(--color-shadows);
  box-shadow: 0 1rem 3rem 0 var(--color-shadows); }

.navbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
      grid-template-columns: auto 1fr auto;
  grid-column-gap: 2rem;
  padding: 0 2rem;
  z-index: 50;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #5b7184;
  color: var(--color-navy-blue-2);
  background: rgb(255,255,255, 0.98);
  background: var(--color-grayscale-6);
  font-weight: 600; }
  .navbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    .navbar ul > li {
      display: inline-block;
      padding: 0.5rem 0.8rem;
      white-space: nowrap; }
  .navbar .navbar-logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1; }
  .navbar .navbar-links {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / span 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .navbar .navbar-buttons {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / span 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.search-bar-container,
.mobile-navbar-search {
  -webkit-transition: flex-grow, -webkit-box-flex;
  transition: flex-grow, -webkit-box-flex;
  -o-transition: flex-grow;
  transition: flex-grow;
  transition: flex-grow, -webkit-box-flex, -ms-flex-positive;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  cursor: pointer;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .search-bar-container:hover, .search-bar-container:focus,
  .mobile-navbar-search:hover,
  .mobile-navbar-search:focus {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .search-bar-container:hover:before, .search-bar-container:focus:before,
    .mobile-navbar-search:hover:before,
    .mobile-navbar-search:focus:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1); }
    .search-bar-container:hover input, .search-bar-container:focus input,
    .mobile-navbar-search:hover input,
    .mobile-navbar-search:focus input{
      min-width: 12em; }
  .search-bar-container input,
.search-bar-container input:-internal-autofill-selected {
    -webkit-transition: min-width;
    -o-transition: min-width;
    transition: min-width;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0px;
    min-width: 0;
    color: #1a3e54;
    color: var(--color-navy-blue-1);
    background: transparent;
    /*background: var(--color-grayscale-6);*/
    margin-right: 0.5rem; }
  .mobile-navbar-search input {
    -webkit-transition: min-width;
    -o-transition: min-width;
    transition: min-width;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0px;
    min-width: 0;
    color: #1a3e54;
    color: var(--color-navy-blue-1);
    background: #ffffff;
    background: var(--color-grayscale-6);
    margin-right: 0.5rem; }
  .search-bar-container:before,
  .mobile-navbar-search:before {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    content: "";
    position: absolute;
    left: 1em;
    right: 1em;
    height: 1px;
    height: var(--base-border-width);
    background: currentColor;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0); }

.mobile-navbar-search:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  left: 2rem;
  right: 2rem; }

.navbar-dropdown {
  position: relative;
  cursor: pointer; }
  .navbar-dropdown .dropdown-anchor {
    z-index: 30;
    position: relative; }
  .navbar-dropdown ul {
    -webkit-transition: padding, opacity;
    -o-transition: padding, opacity;
    transition: padding, opacity;
    -webkit-transition-duration: 0.4s, 0.3s;
    -o-transition-duration: 0.4s, 0.3s;
    transition-duration: 0.4s, 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    padding: 2.4em 0 0.5em;
    background: #ffffff;
    background: var(--color-grayscale-6);
    opacity: 1;
    z-index: 20; }
  .navbar-dropdown:not(:hover) ul {
    padding: 1em 0;
    opacity: 0;
    pointer-events: none; }
  .navbar-dropdown:hover .icon-dropdown {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .navbar-dropdown hr {
    height: 1px;
    height: var(--base-border-width);
    margin: 0 1em;
    border: 0;
    background: rgba(0, 0, 0, 0.05); }

.navbar-link {
  position: relative;
  cursor: pointer; }
  .navbar-link:before {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    content: "";
    position: absolute;
    background: #ec1c4d;
    background: var(--color-highlight);
    height: 1px;
    height: var(--base-border-width);
    left: 0.5em;
    right: 0.5em;
    top: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  .navbar-link:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }

.navbar-button {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  position: relative;
  cursor: pointer; }
  .navbar-button:before {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    content: "";
    position: absolute;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    height: 100%;
    left: 0.5em;
    right: 0.5em;
    top: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  .navbar-button * {
    position: relative;
    z-index: 10; }
  .navbar-button:hover {
    color: #ffffff;
    color: var(--color-grayscale-6); }
    .navbar-button:hover:before {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1); }

.icon-dropdown {
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  -o-transition: transform;
  transition: transform;
  transition: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  color: #ec1c4d;
  color: var(--color-highlight);
  margin-left: 1em;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.expanded > .icon-dropdown {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.navbar-logo {
  height: 8em;
  width: 10em;
  padding: 1em 0; }
  .navbar-logo div {
    background: url(/dokumenty/szablonyimg/166-Logo_Przystanek-Historia_7.png) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 100%; }

html.invert .navbar-logo div {
  background: url(/dokumenty/szablonyimg/166-ph-logo-invert.png) no-repeat center;
  background-size: contain; }

@media only screen and (max-width: 767px) {
  .navbar-logo {
    padding: 1rem 2rem;
    width: 8em; }
    .navbar-logo div {
      background: url(/dokumenty/szablonyimg/166-ph-logo-white-shrink.png) no-repeat left;
      background-size: contain;
      width: 100%;
      height: 100%; }
  html.invert .navbar-logo div {
    background: url(/dokumenty/szablonyimg/166-ph-logo-black-shrink.png) no-repeat center;
    background-size: contain; }
  .search-bar-container input,
  .mobile-navbar-search input {
    color: #ffffff;
    color: var(--color-grayscale-6);
    background: #5b7184;
    background: var(--color-navy-blue-2); }
  .navbar-dropdown ul {
    background: #5b7184;
    background: var(--color-navy-blue-2); } }

.navbar-links {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.navbar-mobile,
.mobile-close {
  display: none; }

@media only screen and (max-width: 767px) {
  .navbar {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    padding: 0;
    left: 5em;
    top: 0;
    bottom: 0;
    -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    -ms-grid-rows: auto auto minmax(0, 1fr);
        grid-template-rows: auto auto minmax(0, 1fr);
    background: #5b7184;
    background: var(--color-navy-blue-2);
    color: #ffffff;
    color: var(--color-grayscale-6);
    grid-column-gap: 0;
    padding-bottom: 6rem; }
    .navbar.closed {
      pointer-events: none;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      transition-delay: 0.1s; }
      .navbar.closed:before {
        left: 0;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s; }
    .navbar:before {
      -webkit-transition: left;
      -o-transition: left;
      transition: left;
      -webkit-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      -webkit-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s;
      content: "";
      position: absolute;
      left: -5em;
      top: 0;
      bottom: 0;
      right: 100%;
      background: #1a3e54;
      background: var(--color-navy-blue-1);
      opacity: 0.75; }
    .navbar .navbar-logo {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / span 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / span 1; }
    .navbar .navbar-buttons {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / span 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / span 1; }
    .navbar .mobile-navbar-search {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2 / span 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / span 2;
      padding: 1rem 2rem;
      margin: 1rem 0;
      font-size: 1em; }
    .navbar .navbar-links {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3 / span 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / span 2;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      padding: 1rem;
      min-height: 0;
      overflow: auto;
      height: 100%;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
  .navbar .navbar-links > li {
    width: 100%;
    padding: 0.75rem 1rem; }
  .navbar-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    background: var(--color-grayscale-6);
    color: #1a3e54;
    color: var(--color-navy-blue-1);
    z-index: 40; }
    .navbar-mobile .navbar-logo div {
      background: url(/dokumenty/szablonyimg/166-Logo_Przystanek-Historia_14.png) no-repeat left;
      background-size: contain; }
  html.invert .navbar-mobile .navbar-logo div {
    background: url(/dokumenty/szablonyimg/166-ph-logo-invert-shrink.png) no-repeat left;
    background-size: contain; }
  .hamburger-icon {
    padding: 2em;
    cursor: pointer; }
  .mobile-close {
    -webkit-transition: left;
    -o-transition: left;
    transition: left;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    z-index: 50;
    position: fixed;
    left: 9rem;
    right: 2rem;
    display: block;
    bottom: 2rem;
    padding: 0.5rem 2rem;
    border-radius: 1rem;
    color: #ffffff;
    color: var(--color-grayscale-6);
    border: solid 1px #ffffff;
    border: solid var(--base-border-width) var(--color-grayscale-6);
    background: #5b7184;
    background: var(--color-navy-blue-2);
    width: calc(100% - 13rem);
    cursor: pointer; }
    .mobile-close.closed {
      pointer-events: none;
      left: calc(100% + 2rem);
      -webkit-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      transition-delay: 0.1s; } }

.topic-title-container {
  padding: 21rem 0 13rem;
  position: relative;
  color: #ffffff;
  color: var(--color-grayscale-6); }
  .topic-title-container .topic-background {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -70;
    overflow: hidden; }
    .topic-title-container .topic-background:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #1a3e54;
      background: var(--color-navy-blue-1);
      opacity: 0.5; }
    .topic-title-container .topic-background img {
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative; }

.article-container {
  margin-top: -10rem;
  position: relative;
  z-index: 1; }
  .article-container:before {
    position: absolute;
    content: "";
    top: 16rem;
    left: 0;
    right: 0;
    height: 6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--color-grayscale-6)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, var(--color-grayscale-6) 50%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, var(--color-grayscale-6) 50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--color-grayscale-6) 50%);
    z-index: -50; }
  .article-container .container-s {
    position: relative; }
    .article-container .container-s:before {
      -webkit-box-shadow: 0 -1rem 3rem 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 -1rem 3rem 0 rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 -1rem 3rem 0 var(--color-shadows);
      box-shadow: 0 -1rem 3rem 0 var(--color-shadows);
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 0;
      height: 20rem;
      background: #ffffff;
      background: var(--color-grayscale-6);
      z-index: -60; }

.article-caption {
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.image-default-filter {
  position: relative;
  overflow: hidden; }
  .image-default-filter:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    opacity: 0.3;
    z-index: -10; }
  .image-default-filter img {
    -webkit-transition: -webkit-transform, -webkit-filter;
    transition: -webkit-transform, -webkit-filter;
    -o-transition: transform, filter;
    transition: transform, filter;
    transition: transform, filter, -webkit-transform, -webkit-filter;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-filter: grayscale(100%) contrast(90%);
    filter: grayscale(100%) contrast(90%);
    z-index: -20; }
  .image-default-filter:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(50%) contrast(110%);
    filter: grayscale(50%) contrast(110%); }

.tag,
.theme-tag {
  display: inline-block;
  border-radius: 2em;
  padding: 0.5em 1em;
  margin: 0.5em; }

.tag {
  background: #7b90a9;
  background: var(--color-navy-blue-3);
  color: #cfd8dc;
  color: var(--color-navy-blue-5); }

.theme-tag {
  background: #5b7184;
  background: var(--color-navy-blue-2);
  color: #ebeff0;
  color: var(--color-navy-blue-6); }

.related-article-title {
  position: relative; }
  .related-article-title:before {
    position: absolute;
    content: "";
    right: calc(100% + 1em);
    left: -1.5em;
    height: 100%;
    background: currentColor; }

.article-downloads {
  background: #ebeff0;
  background: var(--color-navy-blue-6);
  color: #5b7184;
  color: var(--color-navy-blue-2);
  padding-bottom: 1rem;
  padding-top: 1rem; }
  .article-downloads .downloads-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a3e54;
    color: var(--color-navy-blue-1); }
    .article-downloads .downloads-details .file-type {
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 0.5em; }
    .article-downloads .downloads-details .file-size {
      padding: 3px;
      background: #cfd8dc;
      background: var(--color-navy-blue-5);
      margin-top: 0.5em; }
    .article-downloads .downloads-details ~ .col-11 {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
          align-self: center; }

.article-headline {
  position: relative;
  color: #5b7184;
  color: var(--color-navy-blue-2); }
  .article-headline:after {
    content: ".";
    position: absolute;
    background: #ec1c4d;
    background: var(--color-highlight);
    color: transparent;
    width: 100%;
    max-width: 10em;
    min-width: 2rem;
    margin-left: 2rem;
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em);
    height: 1px;
    height: var(--base-border-width); }

.article-content,
.cke_editable {
  text-align: justify; }
  .article-content blockquote,
  .cke_editable blockquote {
    position: relative;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
    width: 50%;
    color: #707070;
    color: var(--color-grayscale-3);
    font-weight: 700;
    background: #f7f6f4;
    background: var(--color-grayscale-5); }
    .article-content blockquote .quote-icon,
    .cke_editable blockquote .quote-icon {
      position: absolute;
      height: 2rem;
      width: 2rem;
      top: 1rem; }
    .article-content blockquote:nth-of-type(even),
    .cke_editable blockquote:nth-of-type(even) {
      float: left;
      margin-right: 2rem;
      margin-left: 0;
      padding-left: 4rem; }
      .article-content blockquote:nth-of-type(even) .quote-icon,
      .cke_editable blockquote:nth-of-type(even) .quote-icon {
        left: 1rem; }
    .article-content blockquote:nth-of-type(odd),
    .cke_editable blockquote:nth-of-type(odd) {
      float: right;
      margin-left: 2rem;
      margin-right: 0;
      padding-right: 4rem; }
      .article-content blockquote:nth-of-type(odd) .quote-icon,
      .cke_editable blockquote:nth-of-type(odd) .quote-icon {
        right: 1rem;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }

@media only screen and (max-width: 599px) {
  .article-content blockquote,
  .cke_editable blockquote {
    width: 100%; }
    .article-content blockquote:nth-of-type(even), .article-content blockquote:nth-of-type(odd),
    .cke_editable blockquote:nth-of-type(even),
    .cke_editable blockquote:nth-of-type(odd) {
      float: none; } }

.image-bottom-caption {
  height: auto;
  position: absolute;
  bottom: 0.5rem;
  top: auto;
  color: #ffffff;
  color: var(--color-grayscale-6);
  z-index: 10;
  padding: 0.25rem 1rem;
  font-weight: 600;
  width: 100%; }
  .image-bottom-caption:before {
    content: "";
    position: absolute;
    opacity: 0.8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    z-index: -10; }

@media only screen and (max-width: 599px) {
  .default-select {
    width: 100%; } }

.ph-select {
  position: relative;
  cursor: pointer; }
  .ph-select input {
    background: none;
    cursor: pointer;
    min-width: 20ch; }
  .ph-select .ph-select-header {
    width: 100%;
    position: relative;
    z-index: 40;
    border-bottom: solid 1px #ec1c4d;
    border-bottom: solid var(--base-border-width) var(--color-highlight);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ph-select .ph-select-options {
    -webkit-transition: padding, opacity;
    -o-transition: padding, opacity;
    transition: padding, opacity;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.4s, 0.3s;
    -o-transition-duration: 0.4s, 0.3s;
    transition-duration: 0.4s, 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    padding: 2.5rem 0 0.5rem;
    background: #ffffff;
    background: var(--color-grayscale-6);
    opacity: 1;
    z-index: 30; }
    .ph-select .ph-select-options .selected {
      background: #ec1c4d;
      background: var(--color-highlight);
      color: #ffffff;
      color: var(--color-grayscale-6); }
    .ph-select .ph-select-options .ph-select-options-container {
      max-height: 16rem;
      overflow: auto; }
  .ph-select:not(.expanded) .ph-select-options {
    padding: 1rem 0;
    opacity: 0;
    pointer-events: none; }
  .ph-select hr {
    height: 1px;
    height: var(--base-border-width);
    margin: 0 1rem;
    border: 0;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    opacity: 0.1; }

.events-map {
  height: 40rem; }

.event-map {
  height: 24rem; }

@media only screen and (max-width: 599px) {
  .events-map {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 30rem);
    margin: 2rem;
    width: calc(100% - 4rem); } }

.grouped-event-caption {
  min-width: 0;
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }

.grouped-event-date {
  text-align: center; }

.event-mobile-buttons {
  display: none;
  text-align: center;
  text-transform: uppercase;
  background: #f7f6f4;
  background: var(--color-grayscale-5); }

@media only screen and (max-width: 599px) {
  .event-mobile-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mobileHidden {
    display: none; } }

.mobileListTrigger,
.mobileMapTrigger {
  cursor: pointer; }

.article-tag {
  display: inline-block;
  color: #ffffff;
  color: var(--color-grayscale-6);
  background: #ec1c4d;
  background: var(--color-highlight);
  padding: 0.25em 1em; }

.article-blue-tag {
  display: inline-block;
  color: #ffffff;
  color: var(--color-grayscale-6);
  background: #7b90a9;
  background: var(--color-navy-blue-3);
  padding: 0.25em 1em; }

.z-index-xxs {
  z-index: 10; }

.theme-bg-block {
  position: absolute;
  height: 30rem;
  bottom: 0;
  background: #f7f6f4;
  background: var(--color-grayscale-5);
  z-index: -70; }

.articles-bg-block {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: 0px 0px;
  z-index: -70;
  background: url("/dokumenty/szablonyimg/166-article-bg.png"); }

a {
  font-weight: 600;
  display: inline-block;
  cursor: pointer; }

.historical-periods {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.breadcrumbs-absolute,
.breadcrumbs-absolute-bar,
.breadcrumbs-absolute-bar-light {
  position: absolute;
  pointer-events: none;
  z-index: 10; }

.breadcrumbs-absolute-bar .breadcrumbs-title span,
.breadcrumbs-absolute-bar-light .breadcrumbs-title span {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: inline-block; }
  .breadcrumbs-absolute-bar .breadcrumbs-title span:before,
  .breadcrumbs-absolute-bar-light .breadcrumbs-title span:before {
    content: "";
    position: absolute;
    left: -2rem;
    right: -2rem;
    top: 1rem;
    bottom: 1rem;
    z-index: -10;
    background: #cfd8dc;
    background: var(--color-navy-blue-5);
    opacity: 0.5; }

.breadcrumbs-absolute-bar-light {
  color: #171717;
  color: var(--color-grayscale-1); }

.breadcrumbs-absolute-bar-light .breadcrumbs-title span:before {
  background: #ffffff;
  background: var(--color-grayscale-6);
  opacity: 0.8; }

@media only screen and (max-width: 599px) {
  .breadcrumbs-absolute,
  .breadcrumbs-absolute-bar,
  .breadcrumbs-absolute-bar-light {
    position: relative; } }

.breadcrumbs-bar .breadcrumbs-title,
.breadcrumbs-bar-highlight .breadcrumbs-title {
  position: relative; }
  .breadcrumbs-bar .breadcrumbs-title:after,
  .breadcrumbs-bar-highlight .breadcrumbs-title:after {
    content: ".";
    position: absolute;
    background: #f7f6f4;
    background: var(--color-grayscale-5);
    margin-right: -2rem;
    margin-left: 10rem;
    min-width: 2rem;
    width: 100%;
    color: transparent;
    height: 0.5em;
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em); }

.breadcrumbs-bar-highlight .breadcrumbs-title:after {
  background: #ec1c4d;
  background: var(--color-highlight); }

.flex-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
@media only screen and (min-width: 1199px) {
  .flex-row-center-d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } } 
.vertical-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }

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

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

.event-periods {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0;
  display: table; }

.modal {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 41; }
  .modal:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    background: #171717;
    background: var(--color-grayscale-1); }

.modal-content {
  background: #ffffff;
  background: var(--color-grayscale-6);
  position: relative;
  margin-top: 2rem; }

.terms-header {
  position: relative; }
  .terms-header:before {
    content: "";
    top: 1rem;
    bottom: 1rem;
    left: -1rem;
    width: 2rem;
    position: absolute;
    background: #5b7184;
    background: var(--color-navy-blue-2); }

.border-radius {
  border-radius: 1rem; }

.cursor-pointer {
  cursor: pointer; }

.menu-tiles-top-caption {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto; }
  .menu-tiles-top-caption span:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2; }
  .menu-tiles-top-caption span:nth-of-type(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2; }
  .menu-tiles-top-caption:after {
    content: "";
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    width: calc(100% - 1rem);
    height: 1px;
    height: var(--base-border-width);
    background: #ffffff;
    background: var(--color-grayscale-6); }

.menu-tiles-top-icon {
  position: absolute;
  padding: 1rem;
  right: 0;
  top: 0; }
  .menu-tiles-top-icon .icon-circle {
    border-radius: 50%;
    pointer-events: none; }
    .menu-tiles-top-icon .icon-circle svg {
      width: 50%;
      height: 50%; }

.menu-tiles {
  overflow: hidden; }
  .menu-tiles .menu-tiles-top-icon {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1); }
  .menu-tiles:hover .menu-tiles-top-icon {
    -webkit-transform: rotate(10deg) scale(1.1);
    -ms-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1); }

.menu-tiles-bottom-caption {
  position: absolute;
  left: 1rem;
  bottom: 1rem; }

.img-full-width {
  height: auto;
  width: 100%; }

.space-fill-r {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  grid-column-gap: 2rem; }
  .space-fill-r:after {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }

.space-fill-l {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto;
  grid-column-gap: 2rem; }
  .space-fill-l:before {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }

.space-fill-x {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
      grid-template-columns: 1fr auto 1fr;
  grid-column-gap: 2rem; }
  .space-fill-x:after {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }
  .space-fill-x:before {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }

.about-us {
  margin-top: -10rem;
  background: #ffffff;
  background: var(--color-grayscale-6); }

div.ph-logo-vertical {
  background: url(/dokumenty/szablonyimg/166-Logo_Przystanek-Historia_1.png) no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%; }

html.invert div.ph-logo-vertical {
  background: url(/dokumenty/szablonyimg/166-ph-logo-invert-vertical.png) no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%; }

.footer {
  z-index: 20;
  background: #ffffff;
  background: var(--color-grayscale-6);
  position: relative;
  overflow: hidden;
  margin-top: 4rem; }
  .footer:after {
    position: absolute;
    content: "";
    left: -30px;
    right: -30px;
    bottom: 0;
    top: 0;
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 30px var(--color-shadows);
    box-shadow: inset 0 0 30px var(--color-shadows);
    pointer-events: none; }

.hr-tight {
  height: 1px;
  height: var(--base-border-width);
  border: none;
  width: 10rem;
  background: currentColor;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.single-download {
  display: -ms-grid;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem; }
  .single-download:first-of-type {
    padding-top: 0; }
  .single-download:last-of-type {
    padding-bottom: 0; }

.tooltip-anchor {
  position: relative; }

.tooltip-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20; }
  .tooltip-container .tooltip-body {
    -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
    box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    min-height: 5rem; }
    .tooltip-container .tooltip-body:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #ffffff;
      background: var(--color-grayscale-6);
      z-index: -10; }

.tooltip-pointer {
  -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
  box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  -o-transition: transform;
  transition: transform;
  transition: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2rem;
  width: 2rem;
  background: #ffffff;
  background: var(--color-grayscale-6);
  z-index: -20;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1);
  transform: translate(-50%, -50%) rotate(45deg) scale(1); }

@-webkit-keyframes loading-animation {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }

@keyframes loading-animation {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }

#loading-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #1a3e54;
  color: var(--color-navy-blue-1);
  background: #ffffff;
  background: var(--color-grayscale-6);
  z-index: 70; }
  #loading-overlay .loading-title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 4rem);
    font-size: 20px;
    line-height: 30px;
    margin: 0; }
  #loading-overlay .loading-icon {
    height: 60px;
    width: 60px;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    margin: 20px auto;
    -webkit-animation: loading-animation 2s linear 0s infinite;
    animation: loading-animation 2s linear 0s infinite; }

.education-menu-link {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #ebeff0;
  background: var(--color-navy-blue-6);
  color: #5b7184;
  color: var(--color-navy-blue-2); }
  .education-menu-link:before {
    background: #5b7184;
    background: var(--color-navy-blue-2); }
  .education-menu-link:hover {
    color: #ffffff;
    color: var(--color-grayscale-6); }
  .education-menu-link.active {
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    color: #ffffff;
    color: var(--color-grayscale-6); }

.a1h {
  position: relative;
  -webkit-perspective: 200px;
  perspective: 200px;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%; }
  .a1h > * {
    position: relative;
    z-index: 10; }
  .a1h:before {
    -webkit-transition: opacity, -webkit-transform;
    transition: opacity, -webkit-transform;
    -o-transition: transform, opacity;
    transition: transform, opacity;
    transition: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1), cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1), cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1), cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0; }

.a1h:hover:before {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1; }

.a2h {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  color: #bbb8b7;
  color: var(--color-grayscale-4); }
  .a2h:hover {
    color: #4d4b4c;
    color: var(--color-grayscale-2); }

.a4h {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1); }
  .a4h:hover {
    color: #ec1c4d !important;
    color: var(--color-highlight) !important; }

.a3h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .a3h .a3h-icon-before,
  .a3h .a3h-icon-after {
    -webkit-transition: opacity, width, margin, -webkit-transform;
    transition: opacity, width, margin, -webkit-transform;
    -o-transition: transform, opacity, width, margin;
    transition: transform, opacity, width, margin;
    transition: transform, opacity, width, margin, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    pointer-events: none;
    -webkit-transform: translateX(-10rem);
    -ms-transform: translateX(-10rem);
    transform: translateX(-10rem);
    opacity: 0;
    width: 0; }
  .a3h:hover .a3h-icon-before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    margin-right: 1rem;
    width: 1rem; }
  .a3h:hover .a3h-icon-after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    margin-left: 1rem;
    width: 1rem; }

.ph-slider {
  position: relative; }
  .ph-slider .ph-slider-row {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ph-slider .ph-slider-row > div {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .ph-slider .ph-slides-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%; }
    .ph-slider .ph-slides-container > div {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .ph-slider .ph-slide-edge {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .ph-slider .ph-slide-edge-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%); }
  .ph-slider .ph-slide {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    position: relative;
    left: 0; }
    .ph-slider .ph-slide a,
    .ph-slider .ph-slide img {
      -webkit-user-select: none;
      /* Safari 3.1+ */
      -moz-user-select: none;
      /* Firefox 2+ */
      -ms-user-select: none;
      /* IE 10+ */
      user-select: none;
      /* Standard syntax */
      -webkit-user-drag: none;
      user-drag: none; }
  .ph-slider .ph-slide-divider {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    width: 0px;
    position: relative; }
    .ph-slider .ph-slide-divider .pullable {
      -webkit-transition: -webkit-transform;
      transition: -webkit-transform;
      -o-transition: transform;
      transition: transform;
      transition: transform, -webkit-transform;
      -webkit-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1); }
    .ph-slider .ph-slide-divider .pull-center {
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%); }
    .ph-slider .ph-slide-divider .pull-left {
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); }
    .ph-slider .ph-slide-divider .pull-right {
      -webkit-transform: translate(-100%);
      -ms-transform: translate(-100%);
      transform: translate(-100%); }
  .ph-slider .ph-slider-selector {
    -webkit-transition: opacity, background;
    -o-transition: opacity, background;
    transition: opacity, background;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    position: absolute;
    color: #ffffff;
    color: var(--color-grayscale-6);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 3rem 1rem;
    z-index: 20;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #7b90a9;
    background: var(--color-navy-blue-3);
    cursor: pointer; }
    .ph-slider .ph-slider-selector.hidden {
      opacity: 0.3;
      cursor: default;
    display: none;}
    .ph-slider .ph-slider-selector:not(.hidden):hover, .ph-slider .ph-slider-selector:not(.hidden):focus {
      background: #ec1c4d;
      background: var(--color-highlight); }
  .ph-slider.hideSelectors .ph-slider-selector.hidden {
    opacity: 0;
    display: none; }
  .ph-slider .ph-slider-selector-prev {
    left: -0.5rem; }
  .ph-slider .ph-slider-selector-next {
    right: -0.5rem; }
  .ph-slider.shrink-selectors .ph-slider-selector-prev {
    left: 0; }
  .ph-slider.shrink-selectors .ph-slider-selector-next {
    right: 0; }

@media only screen and (max-width: 599px) {
  .ph-slider .ph-slider-selector {
    opacity: 0;
    display: none;
    pointer-events: none; }
    .ph-slider .ph-slider-selector.hidden {
      opacity: 0;
      display: none; }
  .ph-slider.hideSelectors .ph-slider-selector.hidden {
    opacity: 0;
    display: none; } }

img.img-cover {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

hr {
  height: 1px;
  height: var(--base-border-width);
  margin: 1rem 0;
  width: 10rem;
  border: 0;
  background: currentColor; }

.homepage-background-container {
  overflow: hidden;
  z-index: -70; }

.homepage-background-overlay {
  position: absolute;
  left: 0px;
  top: 0px; }

.mobile-homepage-background-container {
  height: 16rem;
  overflow: hidden; }
  .mobile-homepage-background-container img {
    height: 100%;
    width: auto;
    max-width: none; }

.calendar-button-container {
  position: relative; }
  .calendar-button-container:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 50%;
    background: #cfd8dc;
    background: var(--color-navy-blue-5);
    z-index: -70; }

@media only screen and (max-width: 599px) {
  .calendar-button-container:before {
    content: ""; } }

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ph-slide.a5h .ph-slide-caption,
.ph-slide-divider.a5h .ph-slide-caption,
.ph-slide-copy.a5h .ph-slide-caption {
  -webkit-transition: background, -webkit-transform;
  transition: background, -webkit-transform;
  -o-transition: background, transform;
  transition: background, transform;
  transition: background, transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #7b90a9;
  background: var(--color-navy-blue-3); }

.ph-slide.a5h.hover .ph-slide-caption,
.ph-slide-divider.a5h.hover .ph-slide-caption,
.ph-slide-copy.a5h.hover .ph-slide-caption {
  background: #ec1c4d;
  background: var(--color-highlight); }

.a6h {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 50%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 50%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, var(--color-black-gradient)));
  background: -webkit-linear-gradient(top, transparent 0%, var(--color-black-gradient) 50%);
  background: -o-linear-gradient(top, transparent 0%, var(--color-black-gradient) 50%);
  background: linear-gradient(to bottom, transparent 0%, var(--color-black-gradient) 50%); }

.ph-slider .ph-slide-backstage {
  -webkit-transition: opacity, -webkit-transform;
  transition: opacity, -webkit-transform;
  -o-transition: transform, opacity;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  cursor: pointer; }

.ph-slide-backstage:not(.shown) {
  opacity: 0.7;
  pointer-events: none; }

.ph-slide-backstage.shown {
  -webkit-box-shadow: 0 0rem 4rem 1rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0rem 4rem 1rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0rem 4rem 1rem 0 var(--color-shadows);
  box-shadow: 0 0rem 4rem 1rem 0 var(--color-shadows);
  z-index: 1; }

.calendar-selector-output {
  position: relative;
  height: 20rem;
  width: 20rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: -3rem; }

.calendar-event-days-trigger {
  position: relative;
  height: 12rem;
  width: 12rem; }

.row-center-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.year-selector-small,
.year-selector-big {
  -webkit-transition: background;
  -o-transition: background;
  transition: background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  position: relative;
  border-radius: 3px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .year-selector-small:hover:before,
  .year-selector-big:hover:before {
    background: -webkit-linear-gradient(45deg, #ec1c4d 16.66667%, transparent 8.33333%, transparent 33.33333%, #ec1c4d 41.66667%, #ec1c4d 66.66667%, transparent 58.33333%, transparent 83.33333%, #ec1c4d 91.66667%);
    background: -o-linear-gradient(45deg, #ec1c4d 16.66667%, transparent 8.33333%, transparent 33.33333%, #ec1c4d 41.66667%, #ec1c4d 66.66667%, transparent 58.33333%, transparent 83.33333%, #ec1c4d 91.66667%);
    background: linear-gradient(45deg, #ec1c4d 16.66667%, transparent 8.33333%, transparent 33.33333%, #ec1c4d 41.66667%, #ec1c4d 66.66667%, transparent 58.33333%, transparent 83.33333%, #ec1c4d 91.66667%);
    background-size: 1.5rem 1.5rem;
    background: -webkit-linear-gradient(45deg, var(--color-highlight) 16.66667%, transparent 8.33333%, transparent 33.33333%, var(--color-highlight) 41.66667%, var(--color-highlight) 66.66667%, transparent 58.33333%, transparent 83.33333%, var(--color-highlight) 91.66667%);
    background: -o-linear-gradient(45deg, var(--color-highlight) 16.66667%, transparent 8.33333%, transparent 33.33333%, var(--color-highlight) 41.66667%, var(--color-highlight) 66.66667%, transparent 58.33333%, transparent 83.33333%, var(--color-highlight) 91.66667%);
    background: linear-gradient(45deg, var(--color-highlight) 16.66667%, transparent 8.33333%, transparent 33.33333%, var(--color-highlight) 41.66667%, var(--color-highlight) 66.66667%, transparent 58.33333%, transparent 83.33333%, var(--color-highlight) 91.66667%);
    background-size: 1.5rem 1.5rem;
    background-position: 50% 50%; }
  .year-selector-small:before,
  .year-selector-big:before {
    -webkit-transition: background;
    -o-transition: background;
    transition: background;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    background: -webkit-linear-gradient(45deg, #ec1c4d 12.5%, transparent 12.5%, transparent 37.5%, #ec1c4d 37.5%, #ec1c4d 62.5%, transparent 62.5%, transparent 87.5%, #ec1c4d 87.5%);
    background: -o-linear-gradient(45deg, #ec1c4d 12.5%, transparent 12.5%, transparent 37.5%, #ec1c4d 37.5%, #ec1c4d 62.5%, transparent 62.5%, transparent 87.5%, #ec1c4d 87.5%);
    background: linear-gradient(45deg, #ec1c4d 12.5%, transparent 12.5%, transparent 37.5%, #ec1c4d 37.5%, #ec1c4d 62.5%, transparent 62.5%, transparent 87.5%, #ec1c4d 87.5%);
    background-size: 0.6rem 0.6rem;
    background: -webkit-linear-gradient(45deg, var(--color-highlight) 12.5%, transparent 12.5%, transparent 37.5%, var(--color-highlight) 37.5%, var(--color-highlight) 62.5%, transparent 62.5%, transparent 87.5%, var(--color-highlight) 87.5%);
    background: -o-linear-gradient(45deg, var(--color-highlight) 12.5%, transparent 12.5%, transparent 37.5%, var(--color-highlight) 37.5%, var(--color-highlight) 62.5%, transparent 62.5%, transparent 87.5%, var(--color-highlight) 87.5%);
    background: linear-gradient(45deg, var(--color-highlight) 12.5%, transparent 12.5%, transparent 37.5%, var(--color-highlight) 37.5%, var(--color-highlight) 62.5%, transparent 62.5%, transparent 87.5%, var(--color-highlight) 87.5%);
    background-size: 0.6rem 0.6rem;
    content: "";
    z-index: -2;
    position: absolute;
    left: var(--neg-base-border-width);
    right: var(--neg-base-border-width);
    bottom: var(--neg-base-border-width);
    top: var(--neg-base-border-width);
    border-radius: 4px;
    background-position: 50% 50%; }
  .year-selector-small:after,
  .year-selector-big:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: currentColor; }

.year-unify-width {
  width: 4ch;
  text-align: center; }

.day-unify-width {
  width: 2ch;
  text-align: center; }

.banner-container {
  overflow: hidden;
  position: relative; }
  .banner-container:after {
    content: "";
    position: absolute;
    left: -4rem;
    top: 0;
    bottom: 0;
    right: -4rem;
    -webkit-box-shadow: inset 0 0 4rem 1rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 4rem 1rem rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4rem 1rem var(--color-shadows);
    box-shadow: inset 0 0 4rem 1rem var(--color-shadows); }

@media only screen and (max-width: 599px) {
  .calendar-scroll {
    height: auto;
    overflow: visible; }
  .calendar-selector-output {
    position: relative;
    height: 14rem;
    width: 14rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: -2rem; } }

.tooltip-close {
  position: absolute;
  top: 3rem;
  right: 3rem; }

html.invert img.img-invertable {
  display: none; }

img.img-inverted {
  display: none; }

html.invert img.img-inverted {
  display: block; }

.calendar-button {
  max-width: 16rem; }

.menu-vertical-link-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.sm-facebook {
  -webkit-transition: background;
  -o-transition: background;
  transition: background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #375595;
  color: white; }
  .sm-facebook:hover {
    background: #ec1c4d;
    background: var(--color-highlight); }

.sm-twitter {
  -webkit-transition: background;
  -o-transition: background;
  transition: background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #00abe4;
  color: white; }
  .sm-twitter:hover {
    background: #ec1c4d;
    background: var(--color-highlight); }

.ph-lightbox-selector {
  -webkit-transition: opacity, background;
  -o-transition: opacity, background;
  transition: opacity, background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  position: absolute;
  color: #ffffff;
  color: var(--color-grayscale-6);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 3rem 1rem;
  z-index: 20;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #7b90a9;
  background: var(--color-navy-blue-3);
  cursor: pointer; }
  .ph-lightbox-selector.hidden {
    opacity: 0.3;
    cursor: default; }
  .ph-lightbox-selector:not(.hidden):hover {
    background: #ec1c4d;
    background: var(--color-highlight); }

.ph-lightbox-selector-prev {
  left: -0.5rem; }

.ph-lightbox-selector-next {
  right: -0.5rem; }

@media only screen and (min-width: 599px) {
  .calendar-page-title,
  .calendar-page-center {
    position: absolute;
    z-index: 20; }
  .calendar-page-bottom {
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grayscale-6)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, var(--color-grayscale-6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, var(--color-grayscale-6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, var(--color-grayscale-6) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    z-index: 10;
    height: 25vh;
    width: 100%;
    top: 0; }
  .calendar-page-top {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--color-grayscale-6)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, var(--color-grayscale-6) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, var(--color-grayscale-6) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, var(--color-grayscale-6) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    z-index: 10;
    height: 25vh;
    width: 100%;
    top: 0; }
  .calendar-events-container {
    min-height: 60vh;
    margin-top: 25vh; } }

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.article-content p,
.cke_editable h1,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_editable h6,
.cke_editable p {
  padding-top: 1em;
  padding-bottom: 1em; }
  .article-content h1:first-of-type,
  .article-content h2:first-of-type,
  .article-content h3:first-of-type,
  .article-content h4:first-of-type,
  .article-content h5:first-of-type,
  .article-content h6:first-of-type,
  .article-content p:first-of-type,
  .cke_editable h1:first-of-type,
  .cke_editable h2:first-of-type,
  .cke_editable h3:first-of-type,
  .cke_editable h4:first-of-type,
  .cke_editable h5:first-of-type,
  .cke_editable h6:first-of-type,
  .cke_editable p:first-of-type {
    padding-top: 0; }
  .article-content h1:last-of-type,
  .article-content h2:last-of-type,
  .article-content h3:last-of-type,
  .article-content h4:last-of-type,
  .article-content h5:last-of-type,
  .article-content h6:last-of-type,
  .article-content p:last-of-type,
  .cke_editable h1:last-of-type,
  .cke_editable h2:last-of-type,
  .cke_editable h3:last-of-type,
  .cke_editable h4:last-of-type,
  .cke_editable h5:last-of-type,
  .cke_editable h6:last-of-type,
  .cke_editable p:last-of-type {
    padding-bottom: 0; }

.print-buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 599px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-top: -0.42em;
    margin-bottom: -0.45em; }
  h1 {
    font-size: 1.5rem;
    line-height: 2.4rem; }
  h2 {
    font-size: 1.3rem;
    line-height: 2.1rem; }
  h3 {
    font-size: 1.2rem;
    line-height: 1.9rem; }
  h4 {
    font-size: 1.1rem;
    line-height: 1.75rem; }
  h5 {
    font-size: 1rem;
    line-height: 1.625rem; }
  h6 {
    font-size: 1rem;
    line-height: 1.625rem; }
  p {
    font-size: 1rem;
    line-height: 1.625rem; }
  span.font-size-xxs {
    font-size: 0.7em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-xs {
    font-size: 0.8em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-s {
    font-size: 0.9em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-m {
    font-size: 1em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-l {
    font-size: 1.1em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  span.font-size-xl {
    font-size: 1.2em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  span.font-size-xxl {
    font-size: 1.3em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  span.font-size-xxxl {
    font-size: 1.4em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  .article-container h1 {
    font-size: 2rem;
    line-height: 3.2rem; }
  .article-container h2 {
    font-size: 1.8rem;
    line-height: 2.9rem; }
  .article-container h3 {
    font-size: 1.6rem;
    line-height: 2.65rem; }
  .article-container h4 {
    font-size: 1.4rem;
    line-height: 2.35rem; }
  .article-container h5 {
    font-size: 1.2rem;
    line-height: 2rem; }
  .article-container h6 {
    font-size: 1.2rem;
    line-height: 2rem; }
  .article-container p {
    font-size: 1.2rem;
    line-height: 2rem; } }

#nav-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.scroll-content {
  position: relative; }

.comments-form input, .comments-form textarea {
  border: solid 1px currentColor;
  border: solid var(--base-border-width) currentColor;
  color: unset; }

.ph-quote {
  position: relative;
  padding: 1rem 3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: justify;
  color: #707070;
  color: var(--color-grayscale-3) }
  .ph-quote p {
    font-size: 0.9rem; }

#map > div > .gm-style {
  z-index: unset !important;
}

#map > div > .gm-style > div:first-child  {
  z-index: unset !important;
}

#map > div > .gm-style > div:first-child > div:nth-child(3) {
  z-index: 20 !important;
}

body.print-wrapper {
    position: unset;
    margin: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

body.print-wrapper .article-container .container-s {
  width: 100%;
}

body.print-wrapper .topic-title-container {
  display: none;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
input,
textarea,
select,
button,
ul,
li {
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0; }

ol,
ul {
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  display: block; }

*,
*:hover,
*:focus {
  outline: none; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

svg {
  overflow: visible;
  display: block;
  height: 100%; }

a {
  text-decoration: none;
  color: inherit; }

img {
  max-width: 100%; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  --base-border-width: 1px;
  --neg-base-border-width: -1px;
  --thick-border-width: 2px;
  --neg-thick-border-width: -2px; }

html.font-size-xs {
  font-size: 14px; }

@media only screen and (max-width: 1799px) {
  html.font-size-xs {
    font-size: 10px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-xs {
    font-size: 6px; } }

@media only screen and (max-width: 599px) {
  html.font-size-xs {
    font-size: 8px; } }

html.font-size-s {
  font-size: 16px; }

@media only screen and (max-width: 1799px) {
  html.font-size-s {
    font-size: 12px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-s {
    font-size: 8px; } }

@media only screen and (max-width: 599px) {
  html.font-size-s {
    font-size: 10px; } }

html.font-size-m {
  font-size: 18px; }

@media only screen and (max-width: 1799px) {
  html.font-size-m {
    font-size: 14px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-m {
    font-size: 10px; } }

@media only screen and (max-width: 599px) {
  html.font-size-m {
    font-size: 12px; } }

html.font-size-l {
  font-size: 20px; }

@media only screen and (max-width: 1799px) {
  html.font-size-l {
    font-size: 16px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-l {
    font-size: 12px; } }

@media only screen and (max-width: 599px) {
  html.font-size-l {
    font-size: 14px; } }

html.font-size-xl {
  font-size: 22px; }

@media only screen and (max-width: 1799px) {
  html.font-size-xl {
    font-size: 18px; } }

@media only screen and (max-width: 1199px) {
  html.font-size-xl {
    font-size: 14px; } }

@media only screen and (max-width: 599px) {
  html.font-size-xl {
    font-size: 16px; } }

.vertical-divider {
  display: inline-block;
  height: 1.5em;
  width: var(--base-border-width);
  background: currentColor;
  vertical-align: -0.125em;
  margin-top: -0.25em;
  margin-bottom: -0.25em; }

.highlight {
  color: #ec1c4d;
  color: var(--color-highlight); }

.uppercase {
  text-transform: uppercase; }

.backstage {
  opacity: 0.1; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: -0.42em;
  margin-bottom: -0.45em; }

h1 {
  font-size: 2.5rem;
  line-height: 4rem; }

h2 {
  font-size: 1.6875rem;
  line-height: 2.75rem; }

h3 {
  font-size: 1.375rem;
  line-height: 2.25rem;
  font-weight: 600; }

h4 {
  font-size: 1.2rem;
  line-height: 1.95rem; }

h5 {
  font-size: 1rem;
  line-height: 1.625rem; }

h6 {
  font-size: 1rem;
  line-height: 1.625rem; }

p {
  font-size: 1rem;
  line-height: 1.625rem; }

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

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

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

span.font-size-xxs {
  font-size: 0.25em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-xs {
  font-size: 0.5em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-s {
  font-size: 0.75em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-m {
  font-size: 1em;
  line-height: 1.65em;
  display: inline-block; }

span.font-size-l {
  font-size: 1.25em;
  line-height: 1.65em;
  margin-top: -0.15em;
  margin-bottom: -0.5em;
  display: inline-block; }

span.font-size-xl {
  font-size: 1.5em;
  line-height: 1.65em;
  margin-top: -0.2em;
  margin-bottom: -0.4em;
  display: inline-block; }

span.font-size-xxl {
  font-size: 1.75em;
  line-height: 1.65em;
  margin-top: -0.25em;
  margin-bottom: -0.4em;
  display: inline-block; }

span.font-size-xxxl {
  font-size: 2em;
  line-height: 1.65em;
  margin-top: -0.25em;
  margin-bottom: -0.4em;
  display: inline-block; }

span.font-size-xxxxl {
  font-size: 2.5em;
  line-height: 1.65em;
  margin-top: -0.25em;
  margin-bottom: -0.4em;
  display: inline-block; }

.font-color-navy-blue-1 {
  color: #1a3e54;
  color: var(--color-navy-blue-1); }

.font-color-navy-blue-2 {
  color: #5b7184;
  color: var(--color-navy-blue-2); }

.font-color-navy-blue-3 {
  color: #7b90a9;
  color: var(--color-navy-blue-3); }

.font-color-navy-blue-4 {
  color: #a5afb9;
  color: var(--color-navy-blue-4); }

.font-color-navy-blue-5 {
  color: #cfd8dc;
  color: var(--color-navy-blue-5); }

.font-color-navy-blue-6 {
  color: #ebeff0;
  color: var(--color-navy-blue-6); }

.font-color-grayscale-1 {
  color: #171717;
  color: var(--color-grayscale-1); }

.font-color-grayscale-2 {
  color: #4d4b4c;
  color: var(--color-grayscale-2); }

.font-color-grayscale-3 {
  color: #707070;
  color: var(--color-grayscale-3); }

.font-color-grayscale-4 {
  color: #bbb8b7;
  color: var(--color-grayscale-4); }

.font-color-grayscale-5 {
  color: #f7f6f4;
  color: var(--color-grayscale-5); }

.font-color-grayscale-6 {
  color: #ffffff;
  color: var(--color-grayscale-6); }

.bg-navy-blue-1 {
  background: #1a3e54;
  background: var(--color-navy-blue-1); }

.bg-navy-blue-2 {
  background: #5b7184;
  background: var(--color-navy-blue-2); }

.bg-navy-blue-3 {
  background: #7b90a9;
  background: var(--color-navy-blue-3); }

.bg-navy-blue-4 {
  background: #a5afb9;
  background: var(--color-navy-blue-4); }

.bg-navy-blue-5 {
  background: #cfd8dc;
  background: var(--color-navy-blue-5); }

.bg-navy-blue-6 {
  background: #ebeff0;
  background: var(--color-navy-blue-6); }

.bg-navy-blue-7 {
  background: #5b7184;
  background: var(--color-navy-blue-7); }

.bg-grayscale-1 {
  background: #171717;
  background: var(--color-grayscale-1); }

.bg-grayscale-2 {
  background: #4d4b4c;
  background: var(--color-grayscale-2); }

.bg-grayscale-3 {
  background: #707070;
  background: var(--color-grayscale-3); }

.bg-grayscale-4 {
  background: #bbb8b7;
  background: var(--color-grayscale-4); }

.bg-grayscale-5 {
  background: #f7f6f4;
  background: var(--color-grayscale-5); }

.bg-grayscale-6 {
  background: #ffffff;
  background: var(--color-grayscale-6); }

.bg-highlight {
  background: #ec1c4d;
  background: var(--color-highlight); }

.nowrap {
  white-space: nowrap; }

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

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

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

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

.paragraph-container {
  width: 100%;
  display: table;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  padding-top: 1em;
  padding-bottom: 1em; }
  .paragraph-container:first-of-type {
    padding-top: 0; }
  .paragraph-container:last-of-type {
    padding-bottom: 0; }

html {
  --color-navy-blue-1: #1a3e54;
  --color-navy-blue-2: #5b7184;
  --color-navy-blue-3: #7b90a9;
  --color-navy-blue-4: #a5afb9;
  --color-navy-blue-5: #cfd8dc;
  --color-navy-blue-6: #ebeff0;
  --color-navy-blue-7: #5b7184;
  --color-grayscale-1: #171717;
  --color-grayscale-2: #4d4b4c;
  --color-grayscale-3: #707070;
  --color-grayscale-4: #bbb8b7;
  --color-grayscale-5: #f7f6f4;
  --color-grayscale-6: #ffffff;
  --color-highlight: #ec1c4d;
  --color-shadows: rgba(0, 0, 0, 0.3);
  --color-black-gradient: rgba(0, 0, 0, 0.7); }

html.invert {
  --color-navy-blue-1: #f7f140;
  --color-navy-blue-2: #f7f140;
  --color-navy-blue-3: #f7f140;
  --color-navy-blue-4: #f7f140;
  --color-navy-blue-5: #14100f;
  --color-navy-blue-6: #14100f;
  --color-navy-blue-7: #14100f;
  --color-grayscale-1: #e8e8e8;
  --color-grayscale-2: #e8e8e8;
  --color-grayscale-3: #e8e8e8;
  --color-grayscale-4: #e8e8e8;
  --color-grayscale-5: black;
  --color-grayscale-6: black;
  --color-highlight: #ec1c4d;
  --color-shadows: rgba(255, 255, 255, 0.3);
  --color-black-gradient: rgba(255, 255, 255, 1); }

.flex-grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.flex-grow-none {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.flex-shrink {
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.flex-shrink-none {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.d-none {
  display: none !important; }

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.col-1 {
  width: 8.33333%; }

.col-max-1 {
  max-width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-max-2 {
  max-width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-max-3 {
  max-width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-max-4 {
  max-width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-max-5 {
  max-width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-max-6 {
  max-width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-max-7 {
  max-width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-max-8 {
  max-width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-max-9 {
  max-width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-max-10 {
  max-width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-max-11 {
  max-width: 91.66667%; }

.col-12 {
  width: 100%; }

.col-max-12 {
  max-width: 100%; }

@media only screen and (max-width: 1799px) {
  .flex-l-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .flex-l-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .d-l-none {
    display: none !important; }
  .d-l-block {
    display: block !important; }
  .d-l-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .col-l-1 {
    width: 8.33333%; }
  .col-max-l-1 {
    max-width: 8.33333%; }
  .col-l-2 {
    width: 16.66667%; }
  .col-max-l-2 {
    max-width: 16.66667%; }
  .col-l-3 {
    width: 25%; }
  .col-max-l-3 {
    max-width: 25%; }
  .col-l-4 {
    width: 33.33333%; }
  .col-max-l-4 {
    max-width: 33.33333%; }
  .col-l-5 {
    width: 41.66667%; }
  .col-max-l-5 {
    max-width: 41.66667%; }
  .col-l-6 {
    width: 50%; }
  .col-max-l-6 {
    max-width: 50%; }
  .col-l-7 {
    width: 58.33333%; }
  .col-max-l-7 {
    max-width: 58.33333%; }
  .col-l-8 {
    width: 66.66667%; }
  .col-max-l-8 {
    max-width: 66.66667%; }
  .col-l-9 {
    width: 75%; }
  .col-max-l-9 {
    max-width: 75%; }
  .col-l-10 {
    width: 83.33333%; }
  .col-max-l-10 {
    max-width: 83.33333%; }
  .col-l-11 {
    width: 91.66667%; }
  .col-max-l-11 {
    max-width: 91.66667%; }
  .col-l-12 {
    width: 100%; }
  .col-max-l-12 {
    max-width: 100%; } }

@media only screen and (max-width: 1199px) {
  .flex-m-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .flex-m-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .d-m-none {
    display: none !important; }
  .d-m-block {
    display: block !important; }
  .d-m-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .col-m-1 {
    width: 8.33333%; }
  .col-max-m-1 {
    max-width: 8.33333%; }
  .col-m-2 {
    width: 16.66667%; }
  .col-max-m-2 {
    max-width: 16.66667%; }
  .col-m-3 {
    width: 25%; }
  .col-max-m-3 {
    max-width: 25%; }
  .col-m-4 {
    width: 33.33333%; }
  .col-max-m-4 {
    max-width: 33.33333%; }
  .col-m-5 {
    width: 41.66667%; }
  .col-max-m-5 {
    max-width: 41.66667%; }
  .col-m-6 {
    width: 50%; }
  .col-max-m-6 {
    max-width: 50%; }
  .col-m-7 {
    width: 58.33333%; }
  .col-max-m-7 {
    max-width: 58.33333%; }
  .col-m-8 {
    width: 66.66667%; }
  .col-max-m-8 {
    max-width: 66.66667%; }
  .col-m-9 {
    width: 75%; }
  .col-max-m-9 {
    max-width: 75%; }
  .col-m-10 {
    width: 83.33333%; }
  .col-max-m-10 {
    max-width: 83.33333%; }
  .col-m-11 {
    width: 91.66667%; }
  .col-max-m-11 {
    max-width: 91.66667%; }
  .col-m-12 {
    width: 100%; }
  .col-max-m-12 {
    max-width: 100%; } }

@media only screen and (max-width: 599px) {
  .flex-s-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .flex-s-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .d-s-none {
    display: none !important; }
  .d-s-block {
    display: block !important; }
  .d-s-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .col-s-1 {
    width: 8.33333%; }
  .col-max-s-1 {
    max-width: 8.33333%; }
  .col-s-2 {
    width: 16.66667%; }
  .col-max-s-2 {
    max-width: 16.66667%; }
  .col-s-3 {
    width: 25%; }
  .col-max-s-3 {
    max-width: 25%; }
  .col-s-4 {
    width: 33.33333%; }
  .col-max-s-4 {
    max-width: 33.33333%; }
  .col-s-5 {
    width: 41.66667%; }
  .col-max-s-5 {
    max-width: 41.66667%; }
  .col-s-6 {
    width: 50%; }
  .col-max-s-6 {
    max-width: 50%; }
  .col-s-7 {
    width: 58.33333%; }
  .col-max-s-7 {
    max-width: 58.33333%; }
  .col-s-8 {
    width: 66.66667%; }
  .col-max-s-8 {
    max-width: 66.66667%; }
  .col-s-9 {
    width: 75%; }
  .col-max-s-9 {
    max-width: 75%; }
  .col-s-10 {
    width: 83.33333%; }
  .col-max-s-10 {
    max-width: 83.33333%; }
  .col-s-11 {
    width: 91.66667%; }
  .col-max-s-11 {
    max-width: 91.66667%; }
  .col-s-12 {
    width: 100%; }
  .col-max-s-12 {
    max-width: 100%; } }

.col-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.col-stretch-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.container-s,
.container-m,
.container-l {
  margin: 0 auto; }

.container-s {
  width: calc(100% - 24rem);
  padding: 0 1rem; }
  .container-s .extract-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -13rem;
    margin-right: -13rem;
    padding-left: 13rem;
    padding-right: 13rem; }
  .container-s .indent-container {
    margin-left: -4rem; }

.container-m {
  width: calc(100% - 12rem);
  padding: 0 1rem; }
  .container-m .extract-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -7rem;
    margin-right: -7rem;
    padding-left: 7rem;
    padding-right: 7rem; }
  .container-m .indent-container {
    margin-left: -2rem; }

.container-l {
  width: 100%;
  padding: 0 1rem; }
  .container-l .extract-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  .container-l .indent-container {
    margin-left: 0; }

@media only screen and (max-width: 1199px) {
  .container-s {
    width: calc(100% - 12rem);
    padding: 0 1rem; }
    .container-s .extract-container {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin-left: -7rem;
      margin-right: -7rem;
      padding-left: 7rem;
      padding-right: 7rem; }
    .container-s .indent-container {
      margin-left: -4rem; }
  .container-m {
    width: calc(100% - 6rem);
    padding: 0 1rem; }
    .container-m .extract-container {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin-left: -4rem;
      margin-right: -4rem;
      padding-left: 4rem;
      padding-right: 4rem; }
    .container-m .indent-container {
      margin-left: -2rem; }
  .container-l {
    width: 100%;
    padding: 0 1rem; }
    .container-l .extract-container {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin-left: -1rem;
      margin-right: -1rem;
      padding-left: 1rem;
      padding-right: 1rem; }
    .container-l .indent-container {
      margin-left: 0; } }

@media only screen and (max-width: 599px) {
  .container-s,
  .container-m,
  .container-l {
    width: 100%;
    padding: 0 1rem; }
    .container-s .extract-container,
    .container-m .extract-container,
    .container-l .extract-container {
      margin-left: -1rem;
      margin-right: -1rem;
      padding-left: 1rem;
      padding-right: 1rem; }
    .container-s .indent-container,
    .container-m .indent-container,
    .container-l .indent-container {
      margin-left: 0; } }

.aspect-preserve.aspect-1-1:before {
  padding-top: 100%; }

.aspect-preserve.aspect-1-2:before {
  padding-top: 200%; }

.aspect-preserve.aspect-1-3:before {
  padding-top: 300%; }

.aspect-preserve.aspect-1-4:before {
  padding-top: 400%; }

.aspect-preserve.aspect-1-5:before {
  padding-top: 500%; }

.aspect-preserve.aspect-1-6:before {
  padding-top: 600%; }

.aspect-preserve.aspect-2-1:before {
  padding-top: 50%; }

.aspect-preserve.aspect-2-2:before {
  padding-top: 100%; }

.aspect-preserve.aspect-2-3:before {
  padding-top: 150%; }

.aspect-preserve.aspect-2-4:before {
  padding-top: 200%; }

.aspect-preserve.aspect-2-5:before {
  padding-top: 250%; }

.aspect-preserve.aspect-2-6:before {
  padding-top: 300%; }

.aspect-preserve.aspect-3-1:before {
  padding-top: 33.33333%; }

.aspect-preserve.aspect-3-2:before {
  padding-top: 66.66667%; }

.aspect-preserve.aspect-3-3:before {
  padding-top: 100%; }

.aspect-preserve.aspect-3-4:before {
  padding-top: 133.33333%; }

.aspect-preserve.aspect-3-5:before {
  padding-top: 166.66667%; }

.aspect-preserve.aspect-3-6:before {
  padding-top: 200%; }

.aspect-preserve.aspect-4-1:before {
  padding-top: 25%; }

.aspect-preserve.aspect-4-2:before {
  padding-top: 50%; }

.aspect-preserve.aspect-4-3:before {
  padding-top: 75%; }

.aspect-preserve.aspect-4-4:before {
  padding-top: 100%; }

.aspect-preserve.aspect-4-5:before {
  padding-top: 125%; }

.aspect-preserve.aspect-4-6:before {
  padding-top: 150%; }

.aspect-preserve.aspect-5-1:before {
  padding-top: 20%; }

.aspect-preserve.aspect-5-2:before {
  padding-top: 40%; }

.aspect-preserve.aspect-5-3:before {
  padding-top: 60%; }

.aspect-preserve.aspect-5-4:before {
  padding-top: 80%; }

.aspect-preserve.aspect-5-5:before {
  padding-top: 100%; }

.aspect-preserve.aspect-5-6:before {
  padding-top: 120%; }

.aspect-preserve.aspect-6-1:before {
  padding-top: 16.66667%; }

.aspect-preserve.aspect-6-2:before {
  padding-top: 33.33333%; }

.aspect-preserve.aspect-6-3:before {
  padding-top: 50%; }

.aspect-preserve.aspect-6-4:before {
  padding-top: 66.66667%; }

.aspect-preserve.aspect-6-5:before {
  padding-top: 83.33333%; }

.aspect-preserve.aspect-6-6:before {
  padding-top: 100%; }

@media only screen and (max-width: 599px) {
  .aspect-preserve.mobile-aspect-1-1:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-1-2:before {
    padding-top: 200%; }
  .aspect-preserve.mobile-aspect-1-3:before {
    padding-top: 300%; }
  .aspect-preserve.mobile-aspect-1-4:before {
    padding-top: 400%; }
  .aspect-preserve.mobile-aspect-1-5:before {
    padding-top: 500%; }
  .aspect-preserve.mobile-aspect-1-6:before {
    padding-top: 600%; }
  .aspect-preserve.mobile-aspect-2-1:before {
    padding-top: 50%; }
  .aspect-preserve.mobile-aspect-2-2:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-2-3:before {
    padding-top: 150%; }
  .aspect-preserve.mobile-aspect-2-4:before {
    padding-top: 200%; }
  .aspect-preserve.mobile-aspect-2-5:before {
    padding-top: 250%; }
  .aspect-preserve.mobile-aspect-2-6:before {
    padding-top: 300%; }
  .aspect-preserve.mobile-aspect-3-1:before {
    padding-top: 33.33333%; }
  .aspect-preserve.mobile-aspect-3-2:before {
    padding-top: 66.66667%; }
  .aspect-preserve.mobile-aspect-3-3:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-3-4:before {
    padding-top: 133.33333%; }
  .aspect-preserve.mobile-aspect-3-5:before {
    padding-top: 166.66667%; }
  .aspect-preserve.mobile-aspect-3-6:before {
    padding-top: 200%; }
  .aspect-preserve.mobile-aspect-4-1:before {
    padding-top: 25%; }
  .aspect-preserve.mobile-aspect-4-2:before {
    padding-top: 50%; }
  .aspect-preserve.mobile-aspect-4-3:before {
    padding-top: 75%; }
  .aspect-preserve.mobile-aspect-4-4:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-4-5:before {
    padding-top: 125%; }
  .aspect-preserve.mobile-aspect-4-6:before {
    padding-top: 150%; }
  .aspect-preserve.mobile-aspect-5-1:before {
    padding-top: 20%; }
  .aspect-preserve.mobile-aspect-5-2:before {
    padding-top: 40%; }
  .aspect-preserve.mobile-aspect-5-3:before {
    padding-top: 60%; }
  .aspect-preserve.mobile-aspect-5-4:before {
    padding-top: 80%; }
  .aspect-preserve.mobile-aspect-5-5:before {
    padding-top: 100%; }
  .aspect-preserve.mobile-aspect-5-6:before {
    padding-top: 120%; }
  .aspect-preserve.mobile-aspect-6-1:before {
    padding-top: 16.66667%; }
  .aspect-preserve.mobile-aspect-6-2:before {
    padding-top: 33.33333%; }
  .aspect-preserve.mobile-aspect-6-3:before {
    padding-top: 50%; }
  .aspect-preserve.mobile-aspect-6-4:before {
    padding-top: 66.66667%; }
  .aspect-preserve.mobile-aspect-6-5:before {
    padding-top: 83.33333%; }
  .aspect-preserve.mobile-aspect-6-6:before {
    padding-top: 100%; } }

.aspect-preserve {
  display: block;
  position: relative;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .aspect-preserve > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; } 
  .aspect-preserve > img {
    -o-object-fit: cover;
    -o-object-position: center;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover;'; }
  .aspect-preserve > img.fit {
    -o-object-fit: scale-down;
    object-fit: scale-down; }
  .aspect-preserve:before {
    content: "";
    width: 100%;
    display: table; }

.margin-neg-none {
  margin: 0 !important; }

.margin-none {
  margin: 0 !important; }

.margin-neg-xs {
  margin: -0.25rem !important; }

.margin-xs {
  margin: 0.25rem !important; }

.margin-neg-s {
  margin: -0.5rem !important; }

.margin-s {
  margin: 0.5rem !important; }

.margin-neg-m {
  margin: -1rem !important; }

.margin-m {
  margin: 1rem !important; }

.margin-neg-l {
  margin: -1.5rem !important; }

.margin-l {
  margin: 1.5rem !important; }

.margin-neg-xl {
  margin: -2rem !important; }

.margin-xl {
  margin: 2rem !important; }

.margin-neg-xxl {
  margin: -3rem !important; }

.margin-xxl {
  margin: 3rem !important; }

.margin-auto {
  margin: auto !important; }

.margin-l-neg-none {
  margin-left: 0 !important; }

.margin-l-none {
  margin-left: 0 !important; }

.margin-l-neg-xs {
  margin-left: -0.25rem !important; }

.margin-l-xs {
  margin-left: 0.25rem !important; }

.margin-l-neg-s {
  margin-left: -0.5rem !important; }

.margin-l-s {
  margin-left: 0.5rem !important; }

.margin-l-neg-m {
  margin-left: -1rem !important; }

.margin-l-m {
  margin-left: 1rem !important; }

.margin-l-neg-l {
  margin-left: -1.5rem !important; }

.margin-l-l {
  margin-left: 1.5rem !important; }

.margin-l-neg-xl {
  margin-left: -2rem !important; }

.margin-l-xl {
  margin-left: 2rem !important; }

.margin-l-neg-xxl {
  margin-left: -3rem !important; }

.margin-l-xxl {
  margin-left: 3rem !important; }

.margin-l-auto {
  margin-left: auto !important; }

.margin-r-neg-none {
  margin-right: 0 !important; }

.margin-r-none {
  margin-right: 0 !important; }

.margin-r-neg-xs {
  margin-right: -0.25rem !important; }

.margin-r-xs {
  margin-right: 0.25rem !important; }

.margin-r-neg-s {
  margin-right: -0.5rem !important; }

.margin-r-s {
  margin-right: 0.5rem !important; }

.margin-r-neg-m {
  margin-right: -1rem !important; }

.margin-r-m {
  margin-right: 1rem !important; }

.margin-r-neg-l {
  margin-right: -1.5rem !important; }

.margin-r-l {
  margin-right: 1.5rem !important; }

.margin-r-neg-xl {
  margin-right: -2rem !important; }

.margin-r-xl {
  margin-right: 2rem !important; }

.margin-r-neg-xxl {
  margin-right: -3rem !important; }

.margin-r-xxl {
  margin-right: 3rem !important; }

.margin-r-auto {
  margin-right: auto !important; }

.margin-b-neg-none {
  margin-bottom: 0 !important; }

.margin-b-none {
  margin-bottom: 0 !important; }

.margin-b-neg-xs {
  margin-bottom: -0.25rem !important; }

.margin-b-xs {
  margin-bottom: 0.25rem !important; }

.margin-b-neg-s {
  margin-bottom: -0.5rem !important; }

.margin-b-s {
  margin-bottom: 0.5rem !important; }

.margin-b-neg-m {
  margin-bottom: -1rem !important; }

.margin-b-m {
  margin-bottom: 1rem !important; }

.margin-b-neg-l {
  margin-bottom: -1.5rem !important; }

.margin-b-l {
  margin-bottom: 1.5rem !important; }

.margin-b-neg-xl {
  margin-bottom: -2rem !important; }

.margin-b-xl {
  margin-bottom: 2rem !important; }

.margin-b-neg-xxl {
  margin-bottom: -3rem !important; }

.margin-b-xxl {
  margin-bottom: 3rem !important; }

.margin-b-auto {
  margin-bottom: auto !important; }

.margin-t-neg-none {
  margin-top: 0 !important; }

.margin-t-none {
  margin-top: 0 !important; }

.margin-t-neg-xs {
  margin-top: -0.25rem !important; }

.margin-t-xs {
  margin-top: 0.25rem !important; }

.margin-t-neg-s {
  margin-top: -0.5rem !important; }

.margin-t-s {
  margin-top: 0.5rem !important; }

.margin-t-neg-m {
  margin-top: -1rem !important; }

.margin-t-m {
  margin-top: 1rem !important; }

.margin-t-neg-l {
  margin-top: -1.5rem !important; }

.margin-t-l {
  margin-top: 1.5rem !important; }

.margin-t-neg-xl {
  margin-top: -2rem !important; }

.margin-t-xl {
  margin-top: 2rem !important; }

.margin-t-neg-xxl {
  margin-top: -3rem !important; }

.margin-t-xxl {
  margin-top: 3rem !important; }

.margin-t-auto {
  margin-top: auto !important; }

.margin-x-neg-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.margin-x-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.margin-x-neg-xs {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important; }

.margin-x-xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important; }

.margin-x-neg-s {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important; }

.margin-x-s {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.margin-x-neg-m {
  margin-left: -1rem !important;
  margin-right: -1rem !important; }

.margin-x-m {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.margin-x-neg-l {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important; }

.margin-x-l {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.margin-x-neg-xl {
  margin-left: -2rem !important;
  margin-right: -2rem !important; }

.margin-x-xl {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.margin-x-neg-xxl {
  margin-left: -3rem !important;
  margin-right: -3rem !important; }

.margin-x-xxl {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.margin-x-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.margin-y-neg-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.margin-y-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.margin-y-neg-xs {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important; }

.margin-y-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.margin-y-neg-s {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important; }

.margin-y-s {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.margin-y-neg-m {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important; }

.margin-y-m {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.margin-y-neg-l {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important; }

.margin-y-l {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.margin-y-neg-xl {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important; }

.margin-y-xl {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.margin-y-neg-xxl {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important; }

.margin-y-xxl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.margin-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.padding-none {
  padding: 0 !important; }

.padding-xs {
  padding: 0.25rem !important; }

.padding-s {
  padding: 0.5rem !important; }

.padding-m {
  padding: 1rem !important; }

.padding-l {
  padding: 1.5rem !important; }

.padding-xl {
  padding: 2rem !important; }

.padding-xxl {
  padding: 3rem !important; }

.padding-l-none {
  padding-left: 0 !important; }

.padding-l-xs {
  padding-left: 0.25rem !important; }

.padding-l-s {
  padding-left: 0.5rem !important; }

.padding-l-m {
  padding-left: 1rem !important; }

.padding-l-l {
  padding-left: 1.5rem !important; }

.padding-l-xl {
  padding-left: 2rem !important; }

.padding-l-xxl {
  padding-left: 3rem !important; }

.padding-r-none {
  padding-right: 0 !important; }

.padding-r-xs {
  padding-right: 0.25rem !important; }

.padding-r-s {
  padding-right: 0.5rem !important; }

.padding-r-m {
  padding-right: 1rem !important; }

.padding-r-l {
  padding-right: 1.5rem !important; }

.padding-r-xl {
  padding-right: 2rem !important; }

.padding-r-xxl {
  padding-right: 3rem !important; }

.padding-b-none {
  padding-bottom: 0 !important; }

.padding-b-xs {
  padding-bottom: 0.25rem !important; }

.padding-b-s {
  padding-bottom: 0.5rem !important; }

.padding-b-m {
  padding-bottom: 1rem !important; }

.padding-b-l {
  padding-bottom: 1.5rem !important; }

.padding-b-xl {
  padding-bottom: 2rem !important; }

.padding-b-xxl {
  padding-bottom: 3rem !important; }

.padding-t-none {
  padding-top: 0 !important; }

.padding-t-xs {
  padding-top: 0.25rem !important; }

.padding-t-s {
  padding-top: 0.5rem !important; }

.padding-t-m {
  padding-top: 1rem !important; }

.padding-t-l {
  padding-top: 1.5rem !important; }

.padding-t-xl {
  padding-top: 2rem !important; }

.padding-t-xxl {
  padding-top: 3rem !important; }

.padding-x-none {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.padding-x-xs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important; }

.padding-x-s {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.padding-x-m {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.padding-x-l {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.padding-x-xl {
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.padding-x-xxl {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.padding-y-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.padding-y-xs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.padding-y-s {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.padding-y-m {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.padding-y-l {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.padding-y-xl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.padding-y-xxl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

@media only screen and (max-width: 767px) {
  .mobile-margin-neg-none {
    margin: 0 !important; }
  .mobile-margin-none {
    margin: 0 !important; }
  .mobile-margin-neg-xs {
    margin: -0.25rem !important; }
  .mobile-margin-xs {
    margin: 0.25rem !important; }
  .mobile-margin-neg-s {
    margin: -0.5rem !important; }
  .mobile-margin-s {
    margin: 0.5rem !important; }
  .mobile-margin-neg-m {
    margin: -1rem !important; }
  .mobile-margin-m {
    margin: 1rem !important; }
  .mobile-margin-neg-l {
    margin: -1.5rem !important; }
  .mobile-margin-l {
    margin: 1.5rem !important; }
  .mobile-margin-neg-xl {
    margin: -2rem !important; }
  .mobile-margin-xl {
    margin: 2rem !important; }
  .mobile-margin-neg-xxl {
    margin: -3rem !important; }
  .mobile-margin-xxl {
    margin: 3rem !important; }
  .mobile-margin-auto {
    margin: auto !important; }
  .mobile-margin-l-neg-none {
    margin-left: 0 !important; }
  .mobile-margin-l-none {
    margin-left: 0 !important; }
  .mobile-margin-l-neg-xs {
    margin-left: -0.25rem !important; }
  .mobile-margin-l-xs {
    margin-left: 0.25rem !important; }
  .mobile-margin-l-neg-s {
    margin-left: -0.5rem !important; }
  .mobile-margin-l-s {
    margin-left: 0.5rem !important; }
  .mobile-margin-l-neg-m {
    margin-left: -1rem !important; }
  .mobile-margin-l-m {
    margin-left: 1rem !important; }
  .mobile-margin-l-neg-l {
    margin-left: -1.5rem !important; }
  .mobile-margin-l-l {
    margin-left: 1.5rem !important; }
  .mobile-margin-l-neg-xl {
    margin-left: -2rem !important; }
  .mobile-margin-l-xl {
    margin-left: 2rem !important; }
  .mobile-margin-l-neg-xxl {
    margin-left: -3rem !important; }
  .mobile-margin-l-xxl {
    margin-left: 3rem !important; }
  .mobile-margin-l-auto {
    margin-left: auto !important; }
  .mobile-margin-r-neg-none {
    margin-right: 0 !important; }
  .mobile-margin-r-none {
    margin-right: 0 !important; }
  .mobile-margin-r-neg-xs {
    margin-right: -0.25rem !important; }
  .mobile-margin-r-xs {
    margin-right: 0.25rem !important; }
  .mobile-margin-r-neg-s {
    margin-right: -0.5rem !important; }
  .mobile-margin-r-s {
    margin-right: 0.5rem !important; }
  .mobile-margin-r-neg-m {
    margin-right: -1rem !important; }
  .mobile-margin-r-m {
    margin-right: 1rem !important; }
  .mobile-margin-r-neg-l {
    margin-right: -1.5rem !important; }
  .mobile-margin-r-l {
    margin-right: 1.5rem !important; }
  .mobile-margin-r-neg-xl {
    margin-right: -2rem !important; }
  .mobile-margin-r-xl {
    margin-right: 2rem !important; }
  .mobile-margin-r-neg-xxl {
    margin-right: -3rem !important; }
  .mobile-margin-r-xxl {
    margin-right: 3rem !important; }
  .mobile-margin-r-auto {
    margin-right: auto !important; }
  .mobile-margin-b-neg-none {
    margin-bottom: 0 !important; }
  .mobile-margin-b-none {
    margin-bottom: 0 !important; }
  .mobile-margin-b-neg-xs {
    margin-bottom: -0.25rem !important; }
  .mobile-margin-b-xs {
    margin-bottom: 0.25rem !important; }
  .mobile-margin-b-neg-s {
    margin-bottom: -0.5rem !important; }
  .mobile-margin-b-s {
    margin-bottom: 0.5rem !important; }
  .mobile-margin-b-neg-m {
    margin-bottom: -1rem !important; }
  .mobile-margin-b-m {
    margin-bottom: 1rem !important; }
  .mobile-margin-b-neg-l {
    margin-bottom: -1.5rem !important; }
  .mobile-margin-b-l {
    margin-bottom: 1.5rem !important; }
  .mobile-margin-b-neg-xl {
    margin-bottom: -2rem !important; }
  .mobile-margin-b-xl {
    margin-bottom: 2rem !important; }
  .mobile-margin-b-neg-xxl {
    margin-bottom: -3rem !important; }
  .mobile-margin-b-xxl {
    margin-bottom: 3rem !important; }
  .mobile-margin-b-auto {
    margin-bottom: auto !important; }
  .mobile-margin-t-neg-none {
    margin-top: 0 !important; }
  .mobile-margin-t-none {
    margin-top: 0 !important; }
  .mobile-margin-t-neg-xs {
    margin-top: -0.25rem !important; }
  .mobile-margin-t-xs {
    margin-top: 0.25rem !important; }
  .mobile-margin-t-neg-s {
    margin-top: -0.5rem !important; }
  .mobile-margin-t-s {
    margin-top: 0.5rem !important; }
  .mobile-margin-t-neg-m {
    margin-top: -1rem !important; }
  .mobile-margin-t-m {
    margin-top: 1rem !important; }
  .mobile-margin-t-neg-l {
    margin-top: -1.5rem !important; }
  .mobile-margin-t-l {
    margin-top: 1.5rem !important; }
  .mobile-margin-t-neg-xl {
    margin-top: -2rem !important; }
  .mobile-margin-t-xl {
    margin-top: 2rem !important; }
  .mobile-margin-t-neg-xxl {
    margin-top: -3rem !important; }
  .mobile-margin-t-xxl {
    margin-top: 3rem !important; }
  .mobile-margin-t-auto {
    margin-top: auto !important; }
  .mobile-margin-x-neg-none {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mobile-margin-x-none {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mobile-margin-x-neg-xs {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important; }
  .mobile-margin-x-xs {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mobile-margin-x-neg-s {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important; }
  .mobile-margin-x-s {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mobile-margin-x-neg-m {
    margin-left: -1rem !important;
    margin-right: -1rem !important; }
  .mobile-margin-x-m {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mobile-margin-x-neg-l {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important; }
  .mobile-margin-x-l {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mobile-margin-x-neg-xl {
    margin-left: -2rem !important;
    margin-right: -2rem !important; }
  .mobile-margin-x-xl {
    margin-left: 2rem !important;
    margin-right: 2rem !important; }
  .mobile-margin-x-neg-xxl {
    margin-left: -3rem !important;
    margin-right: -3rem !important; }
  .mobile-margin-x-xxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mobile-margin-x-auto {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mobile-margin-y-neg-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mobile-margin-y-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mobile-margin-y-neg-xs {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .mobile-margin-y-xs {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .mobile-margin-y-neg-s {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .mobile-margin-y-s {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .mobile-margin-y-neg-m {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .mobile-margin-y-m {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .mobile-margin-y-neg-l {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .mobile-margin-y-l {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .mobile-margin-y-neg-xl {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important; }
  .mobile-margin-y-xl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }
  .mobile-margin-y-neg-xxl {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .mobile-margin-y-xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .mobile-margin-y-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mobile-padding-none {
    padding: 0 !important; }
  .mobile-padding-xs {
    padding: 0.25rem !important; }
  .mobile-padding-s {
    padding: 0.5rem !important; }
  .mobile-padding-m {
    padding: 1rem !important; }
  .mobile-padding-l {
    padding: 1.5rem !important; }
  .mobile-padding-xl {
    padding: 2rem !important; }
  .mobile-padding-xxl {
    padding: 3rem !important; }
  .mobile-padding-l-none {
    padding-left: 0 !important; }
  .mobile-padding-l-xs {
    padding-left: 0.25rem !important; }
  .mobile-padding-l-s {
    padding-left: 0.5rem !important; }
  .mobile-padding-l-m {
    padding-left: 1rem !important; }
  .mobile-padding-l-l {
    padding-left: 1.5rem !important; }
  .mobile-padding-l-xl {
    padding-left: 2rem !important; }
  .mobile-padding-l-xxl {
    padding-left: 3rem !important; }
  .mobile-padding-r-none {
    padding-right: 0 !important; }
  .mobile-padding-r-xs {
    padding-right: 0.25rem !important; }
  .mobile-padding-r-s {
    padding-right: 0.5rem !important; }
  .mobile-padding-r-m {
    padding-right: 1rem !important; }
  .mobile-padding-r-l {
    padding-right: 1.5rem !important; }
  .mobile-padding-r-xl {
    padding-right: 2rem !important; }
  .mobile-padding-r-xxl {
    padding-right: 3rem !important; }
  .mobile-padding-b-none {
    padding-bottom: 0 !important; }
  .mobile-padding-b-xs {
    padding-bottom: 0.25rem !important; }
  .mobile-padding-b-s {
    padding-bottom: 0.5rem !important; }
  .mobile-padding-b-m {
    padding-bottom: 1rem !important; }
  .mobile-padding-b-l {
    padding-bottom: 1.5rem !important; }
  .mobile-padding-b-xl {
    padding-bottom: 2rem !important; }
  .mobile-padding-b-xxl {
    padding-bottom: 3rem !important; }
  .mobile-padding-t-none {
    padding-top: 0 !important; }
  .mobile-padding-t-xs {
    padding-top: 0.25rem !important; }
  .mobile-padding-t-s {
    padding-top: 0.5rem !important; }
  .mobile-padding-t-m {
    padding-top: 1rem !important; }
  .mobile-padding-t-l {
    padding-top: 1.5rem !important; }
  .mobile-padding-t-xl {
    padding-top: 2rem !important; }
  .mobile-padding-t-xxl {
    padding-top: 3rem !important; }
  .mobile-padding-x-none {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .mobile-padding-x-xs {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .mobile-padding-x-s {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .mobile-padding-x-m {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .mobile-padding-x-l {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .mobile-padding-x-xl {
    padding-left: 2rem !important;
    padding-right: 2rem !important; }
  .mobile-padding-x-xxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .mobile-padding-y-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .mobile-padding-y-xs {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .mobile-padding-y-s {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .mobile-padding-y-m {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .mobile-padding-y-l {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .mobile-padding-y-xl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .mobile-padding-y-xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; } }

.center-margins {
  margin-left: auto !important;
  margin-right: auto !important; }

.row-static {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.row-scroll {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow-y: auto;
  width: 100%; }

.column-center-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

body {
  -webkit-print-color-adjust: exact !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ffffff;
  background: var(--color-grayscale-6);
  color: #171717;
  color: var(--color-grayscale-1);
  font-family: "Montserrat", sans-serif; }
  body.printing {
    margin: 0; }
    body.printing .print-container {
      width: 100%;
      padding: 0 1rem; }
    body.printing .print-hide {
      display: none; }
	body.body { margin-top:8em;}

#body-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.dropshadow {
  -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
  box-shadow: 0 0.5rem 4rem 0 var(--color-shadows); }

.dropshadow-thick {
  -webkit-box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1rem 3rem 0 var(--color-shadows);
  box-shadow: 0 1rem 3rem 0 var(--color-shadows); }

.navbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
      grid-template-columns: auto 1fr auto;
  grid-column-gap: 2rem;
  padding: 0 1.5rem;
  /*old padding: 0 2rem;*/
  z-index: 50;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #5b7184;
  color: var(--color-navy-blue-2);
  background: #fff;
  background: var(--color-grayscale-6);
  font-weight: 600; }
  .navbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    .navbar ul > li {
      display: inline-block;
      padding: 0.5rem 0.4rem;
  	  /*padding: 0.5rem 0.8rem;*/	
      white-space: nowrap; }
	.navbar ul.navbar-buttons > li {
      padding: 0.5rem 0.8rem;}
  .navbar .navbar-logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1; }
  .navbar .navbar-links {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / span 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .navbar .navbar-buttons {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / span 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
.search-box {
	display: -ms-inline-grid; 
  	-ms-grid-column: 2; 
  	-ms-grid-row: 2;
  	-ms-grid-columns: 1fr;
}
.search-bar-container,
.mobile-navbar-search {
  -webkit-transition: flex-grow, -webkit-box-flex;
  transition: flex-grow, -webkit-box-flex;
  -o-transition: flex-grow;
  transition: flex-grow;
  transition: flex-grow, -webkit-box-flex, -ms-flex-positive;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  cursor: pointer;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .search-bar-container:hover, .search-bar-container:focus,
  .mobile-navbar-search:hover,
  .mobile-navbar-search:focus {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .search-bar-container:hover:before, .search-bar-container:focus:before,
    .mobile-navbar-search:hover:before,
    .mobile-navbar-search:focus:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1); }
    .search-bar-container:hover input, .search-bar-container:focus input,
    .mobile-navbar-search:hover input,
    .mobile-navbar-search:focus input{
      min-width: 12em; }
  .search-bar-container input, 
  .search-bar-container input:-internal-autofill-selected {
    -webkit-transition: min-width;
    -o-transition: min-width;
    transition: min-width;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0px;
    min-width: 0;
    color: #1a3e54;
    color: var(--color-navy-blue-1);
    background: transparent;
    /*background: var(--color-grayscale-6);*/
    margin-right: 0.5rem; }
  .mobile-navbar-search input {
    -webkit-transition: min-width;
    -o-transition: min-width;
    transition: min-width;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0px;
    min-width: 0;
    color: #1a3e54;
    color: var(--color-navy-blue-1);
    background: #ffffff;
    background: var(--color-grayscale-6);
    margin-right: 0.5rem; }
  .search-bar-container:before,
  .mobile-navbar-search:before {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    content: "";
    position: absolute;
    left: 1em;
    right: 1em;
    height: 1px;
    height: var(--base-border-width);
    background: currentColor;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0); }

.mobile-navbar-search:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  left: 2rem;
  right: 2rem; }

.navbar-dropdown {
  position: relative;
  cursor: pointer; }
  .navbar-dropdown .dropdown-anchor {
    z-index: 30;
    position: relative; }
  .navbar-dropdown ul {
    -webkit-transition: padding, opacity;
    -o-transition: padding, opacity;
    transition: padding, opacity;
    -webkit-transition-duration: 0.4s, 0.3s;
    -o-transition-duration: 0.4s, 0.3s;
    transition-duration: 0.4s, 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    padding: 2.4em 0 0.5em;
    background: #ffffff;
    background: var(--color-grayscale-6);
    opacity: 1;
    z-index: 20; }
  .navbar-dropdown:not(:hover) ul, {
    padding: 1em 0;
    opacity: 0;
    pointer-events: none; }
  .navbar-dropdown:hover .icon-dropdown {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .navbar-dropdown hr {
    height: 1px;
    height: var(--base-border-width);
    margin: 0 1em;
    border: 0;
    background: rgba(0, 0, 0, 0.05); }

.navbar-link {
  position: relative;
  cursor: pointer; }
  .navbar-link:before {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    content: "";
    position: absolute;
    background: #ec1c4d;
    background: var(--color-highlight);
    height: 1px;
    height: var(--base-border-width);
    left: 0.5em;
    right: 0.5em;
    top: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  .navbar-link:hover:before, .navbar-link:focus-within:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }

.navbar-button {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  position: relative;
  cursor: pointer; }
  .navbar-button:before {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    content: "";
    position: absolute;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    height: 100%;
    left: 0.5em;
    right: 0.5em;
    top: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  .navbar-button * {
    position: relative;
    z-index: 10; }
  .navbar-button:hover, .navbar-button:focus {
    color: #ffffff;
    color: var(--color-grayscale-6); }
    .navbar-button:hover:before, .navbar-button:focus:before {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1); }

.icon-dropdown {
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  -o-transition: transform;
  transition: transform;
  transition: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  color: #ec1c4d;
  color: var(--color-highlight);
  margin-left: 1em;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.expanded > .icon-dropdown {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.navbar-logo {
  height: 8em;
  width: 10em;
  padding: 1em 0; }
  .navbar-logo div {
    background: url(/dokumenty/szablonyimg/166-Logo_Przystanek-Historia_7.png) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 100%; }

html.invert .navbar-logo div {
  background: url(/dokumenty/szablonyimg/166-ph-logo-invert.png) no-repeat center;
  background-size: contain; }

@media only screen and (max-width: 767px) {
  .navbar-logo {
    padding: 1rem 2rem;
    width: 8em; }
    .navbar-logo div {
      background: url(/dokumenty/szablonyimg/166-Logo_Przystanek-Historia_15.png) no-repeat left;
      background-size: contain;
      width: 100%;
      height: 100%; }
  html.invert .navbar-logo div {
    background: url(/dokumenty/szablonyimg/166-ph-logo-black-shrink.png) no-repeat center;
    background-size: contain; }
  .search-bar-container input,
  .mobile-navbar-search input {
    color: #ffffff;
    color: var(--color-grayscale-6);
    background: #5b7184;
    background: var(--color-navy-blue-2); }
  .navbar-dropdown ul {
    background: #5b7184;
    background: var(--color-navy-blue-2); } }

.navbar-links {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.navbar-mobile,
.mobile-close {
  display: none; }

@media only screen and (max-width: 767px) {
  .navbar {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    padding: 0;
    left: 5em;
    top: 0;
    bottom: 0;
    -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    -ms-grid-rows: auto auto minmax(0, 1fr);
        grid-template-rows: auto auto minmax(0, 1fr);
    background: #5b7184;
    background: var(--color-navy-blue-2);
    color: #ffffff;
    color: var(--color-grayscale-6);
    grid-column-gap: 0;
    padding-bottom: 6rem; }
    .navbar.closed {
      pointer-events: none;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      transition-delay: 0.1s; }
      .navbar.closed:before {
        left: 0;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s; }
    .navbar:before {
      -webkit-transition: left;
      -o-transition: left;
      transition: left;
      -webkit-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      -webkit-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s;
      content: "";
      position: absolute;
      left: -5em;
      top: 0;
      bottom: 0;
      right: 100%;
      background: #1a3e54;
      background: var(--color-navy-blue-1);
      opacity: 0.75; }
    .navbar .navbar-logo {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / span 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / span 1; }
    .navbar .navbar-buttons {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / span 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / span 1; }
    .navbar .mobile-navbar-search {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2 / span 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / span 2;
      padding: 1rem 2rem;
      margin: 1rem 0;
      font-size: 1em; }
    .navbar .navbar-links {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3 / span 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / span 2;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      padding: 1rem;
      min-height: 0;
      overflow: auto;
      height: 100%;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
  .navbar .navbar-links > li {
    width: 100%;
    padding: 0.75rem 1rem; }
  .navbar-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    background: var(--color-grayscale-6);
    color: #1a3e54;
    color: var(--color-navy-blue-1);
    z-index: 40; }
    .navbar-mobile .navbar-logo div {
      background: url(/dokumenty/szablonyimg/166-Logo_Przystanek-Historia_14.png) no-repeat left;
      background-size: contain; }
  html.invert .navbar-mobile .navbar-logo div {
    background: url(/dokumenty/szablonyimg/166-ph-logo-invert-shrink.png) no-repeat left;
    background-size: contain; }
  .hamburger-icon {
    padding: 2em;
    cursor: pointer; }
  .mobile-close {
    -webkit-transition: left;
    -o-transition: left;
    transition: left;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    z-index: 50;
    position: fixed;
    left: 9rem;
    right: 2rem;
    display: block;
    bottom: 2rem;
    padding: 0.5rem 2rem;
    border-radius: 1rem;
    color: #ffffff;
    color: var(--color-grayscale-6);
    border: solid 1px #ffffff;
    border: solid var(--base-border-width) var(--color-grayscale-6);
    background: #5b7184;
    background: var(--color-navy-blue-2);
    width: calc(100% - 13rem);
    cursor: pointer; }
    .mobile-close.closed {
      pointer-events: none;
      left: calc(100% + 2rem);
      -webkit-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      transition-delay: 0.1s; } }

.topic-title-container {
  padding: 21rem 0 13rem;
  position: relative;
  color: #ffffff;
  color: var(--color-grayscale-6); }
  .topic-title-container .topic-background {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -70;
    overflow: hidden; }
    .topic-title-container .topic-background:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #1a3e54;
      background: var(--color-navy-blue-1);
      opacity: 0.5; }
    .topic-title-container .topic-background img {
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative; }

.article-container {
  margin-top: -10rem;
  position: relative;
  z-index: 1; }
  .article-container:before {
    position: absolute;
    content: "";
    top: 16rem;
    left: 0;
    right: 0;
    height: 6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--color-grayscale-6)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, var(--color-grayscale-6) 50%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, var(--color-grayscale-6) 50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--color-grayscale-6) 50%);
    z-index: -50; }
  .article-container .container-s {
    position: relative; }
    .article-container .container-s:before {
      -webkit-box-shadow: 0 -1rem 3rem 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 -1rem 3rem 0 rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 -1rem 3rem 0 var(--color-shadows);
      box-shadow: 0 -1rem 3rem 0 var(--color-shadows);
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 0;
      height: 20rem;
      background: #ffffff;
      background: var(--color-grayscale-6);
      z-index: -60; }

.article-caption {
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.image-default-filter {
  position: relative;
  overflow: hidden; }
  .image-default-filter:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    opacity: 0.3;
    z-index: -10; }
  .image-default-filter img {
    -webkit-transition: -webkit-transform, -webkit-filter;
    transition: -webkit-transform, -webkit-filter;
    -o-transition: transform, filter;
    transition: transform, filter;
    transition: transform, filter, -webkit-transform, -webkit-filter;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-filter: grayscale(100%) contrast(90%);
    filter: grayscale(100%) contrast(90%);
    z-index: -20; }
  .image-default-filter:hover img, .image-default-filter:focus img  {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(50%) contrast(110%);
    filter: grayscale(50%) contrast(110%); }

.tag,
.theme-tag {
  display: inline-block;
  border-radius: 2em;
  padding: 0.5em 1em;
  margin: 0.5em; }

.tag {
  background: #7b90a9;
  background: var(--color-navy-blue-3);
  color: #cfd8dc;
  color: var(--color-navy-blue-5); }

.theme-tag {
  background: #5b7184;
  background: var(--color-navy-blue-2);
  color: #ebeff0;
  color: var(--color-navy-blue-6); }

.related-article-title {
  position: relative; }
  .related-article-title:before {
    position: absolute;
    content: "";
    right: calc(100% + 1em);
    left: -1.5em;
    height: 100%;
    background: currentColor; }

.article-downloads {
  background: #ebeff0;
  background: var(--color-navy-blue-6);
  color: #5b7184;
  color: var(--color-navy-blue-2);
  padding-bottom: 1rem;
  padding-top: 1rem; }
  .article-downloads .downloads-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a3e54;
    color: var(--color-navy-blue-1); }
    .article-downloads .downloads-details .file-type {
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 0.5em; }
    .article-downloads .downloads-details .file-size {
      padding: 3px;
      background: #cfd8dc;
      background: var(--color-navy-blue-5);
      margin-top: 0.5em; }
    .article-downloads .downloads-details ~ .col-11 {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
          align-self: center; }

.article-headline {
  position: relative;
  color: #5b7184;
  color: var(--color-navy-blue-2); }
  .article-headline:after {
    content: ".";
    position: absolute;
    background: #ec1c4d;
    background: var(--color-highlight);
    color: transparent;
    width: 100%;
    max-width: 10em;
    min-width: 2rem;
    margin-left: 2rem;
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em);
    height: 1px;
    height: var(--base-border-width); }

.article-content,
.cke_editable {
  text-align: justify; }
  .article-content blockquote,
  .cke_editable blockquote {
    position: relative;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
    width: 50%;
    color: #707070;
    color: var(--color-grayscale-3);
    font-weight: 700;
    background: #f7f6f4;
    background: var(--color-grayscale-5); }
    .article-content blockquote .quote-icon,
    .cke_editable blockquote .quote-icon {
      position: absolute;
      height: 2rem;
      width: 2rem;
      top: 1rem; }
    .article-content blockquote:nth-of-type(even),
    .cke_editable blockquote:nth-of-type(even) {
      float: left;
      margin-right: 2rem;
      margin-left: 0;
      padding-left: 4rem; }
      .article-content blockquote:nth-of-type(even) .quote-icon,
      .cke_editable blockquote:nth-of-type(even) .quote-icon {
        left: 1rem; }
    .article-content blockquote:nth-of-type(odd),
    .cke_editable blockquote:nth-of-type(odd) {
      float: right;
      margin-left: 2rem;
      margin-right: 0;
      padding-right: 4rem; }
      .article-content blockquote:nth-of-type(odd) .quote-icon,
      .cke_editable blockquote:nth-of-type(odd) .quote-icon {
        right: 1rem;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }

@media only screen and (max-width: 599px) {
  .article-content blockquote,
  .cke_editable blockquote {
    width: 100%; }
    .article-content blockquote:nth-of-type(even), .article-content blockquote:nth-of-type(odd),
    .cke_editable blockquote:nth-of-type(even),
    .cke_editable blockquote:nth-of-type(odd) {
      float: none; } }

.image-bottom-caption {
  height: auto;
  position: absolute;
  bottom: 0.5rem;
  top: auto;
  color: #ffffff;
  color: var(--color-grayscale-6);
  z-index: 10;
  padding: 0.25rem 1rem;
  font-weight: 600;
  width: 100%; }
  .image-bottom-caption:before {
    content: "";
    position: absolute;
    opacity: 0.8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
  	background-color: var(--color-navy-blue-1);
    z-index: -10; }

@media only screen and (max-width: 599px) {
  .default-select {
    width: 100%; } }

.ph-select {
  position: relative;
  cursor: pointer; }
  .ph-select input {
    background: none;
    cursor: pointer;
    min-width: 20ch; }
  .ph-select .ph-select-header {
    width: 100%;
    position: relative;
    z-index: 40;
    border-bottom: solid 1px #ec1c4d;
    border-bottom: solid var(--base-border-width) var(--color-highlight);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ph-select .ph-select-options {
    -webkit-transition: padding, opacity;
    -o-transition: padding, opacity;
    transition: padding, opacity;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.4s, 0.3s;
    -o-transition-duration: 0.4s, 0.3s;
    transition-duration: 0.4s, 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    padding: 2.5rem 0 0.5rem;
    background: #ffffff;
    background: var(--color-grayscale-6);
    opacity: 1;
    z-index: 30; }
    .ph-select .ph-select-options .selected {
      background: #ec1c4d;
      background: var(--color-highlight);
      color: #ffffff;
      color: var(--color-grayscale-6); }
    .ph-select .ph-select-options .ph-select-options-container {
      max-height: 16rem;
      overflow: auto; }
  .ph-select:not(.expanded) .ph-select-options {
    padding: 1rem 0;
    opacity: 0;
    pointer-events: none; }
  .ph-select hr {
    height: 1px;
    height: var(--base-border-width);
    margin: 0 1rem;
    border: 0;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    opacity: 0.1; }

.events-map {
  height: 40rem; }

.event-map {
  height: 24rem; }

@media only screen and (max-width: 599px) {
  .events-map {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 30rem);
    margin: 2rem;
    width: calc(100% - 4rem); } }

.grouped-event-caption {
  min-width: 0;
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }

.grouped-event-date {
  text-align: center; }

.event-mobile-buttons {
  display: none;
  text-align: center;
  text-transform: uppercase;
  background: #f7f6f4;
  background: var(--color-grayscale-5); }

@media only screen and (max-width: 599px) {
  .event-mobile-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mobileHidden {
    display: none; } }

.mobileListTrigger,
.mobileMapTrigger {
  cursor: pointer; }

.article-tag {
  display: inline-block;
  color: #ffffff;
  color: var(--color-grayscale-6);
  background: #ec1c4d;
  background: var(--color-highlight);
  padding: 0.25em 1em; }

.article-blue-tag {
  display: inline-block;
  color: #ffffff;
  color: var(--color-grayscale-6);
  background: #7b90a9;
  background: var(--color-navy-blue-3);
  padding: 0.25em 1em; }

.z-index-xxs {
  z-index: 10; }

.theme-bg-block {
  position: absolute;
  height: 30rem;
  bottom: 0;
  background: #f7f6f4;
  background: var(--color-grayscale-5);
  z-index: -70; }

.articles-bg-block {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: 0px 0px;
  z-index: -70;
  background: url("/dokumenty/szablonyimg/166-article-bg.png"); }

a {
  font-weight: 600;
  display: inline-block;
  cursor: pointer; }

.historical-periods {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.breadcrumbs-absolute,
.breadcrumbs-absolute-bar,
.breadcrumbs-absolute-bar-light {
  position: absolute;
  pointer-events: none;
  z-index: 10; }

.breadcrumbs-absolute-bar .breadcrumbs-title span,
.breadcrumbs-absolute-bar-light .breadcrumbs-title span {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: inline-block; }
  .breadcrumbs-absolute-bar .breadcrumbs-title span:before,
  .breadcrumbs-absolute-bar-light .breadcrumbs-title span:before {
    content: "";
    position: absolute;
    left: -2rem;
    right: -2rem;
    top: 1rem;
    bottom: 1rem;
    z-index: -10;
    background: #cfd8dc;
    background: var(--color-navy-blue-5);
    opacity: 0.5; }

.breadcrumbs-absolute-bar-light {
  color: #171717;
  color: var(--color-grayscale-1); }

.breadcrumbs-absolute-bar-light .breadcrumbs-title span:before {
  background: #ffffff;
  background: var(--color-grayscale-6);
  opacity: 0.8; }

@media only screen and (max-width: 599px) {
  .breadcrumbs-absolute,
  .breadcrumbs-absolute-bar,
  .breadcrumbs-absolute-bar-light {
    position: relative; } }

.breadcrumbs-bar .breadcrumbs-title,
.breadcrumbs-bar-highlight .breadcrumbs-title {
  position: relative; }
  .breadcrumbs-bar .breadcrumbs-title:after,
  .breadcrumbs-bar-highlight .breadcrumbs-title:after {
    content: ".";
    position: absolute;
    background: #f7f6f4;
    background: var(--color-grayscale-5);
    margin-right: -2rem;
    margin-left: 10rem;
    min-width: 2rem;
    width: 100%;
    color: transparent;
    height: 0.5em;
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em); }

.breadcrumbs-bar-highlight .breadcrumbs-title:after {
  background: #ec1c4d;
  background: var(--color-highlight); }

.flex-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
@media only screen and (min-width: 1199px) {
  .flex-row-center-d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } } 
.vertical-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }

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

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

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

.event-periods {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0;
  display: table; }

.modal {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 41; }
  .modal:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    background: #171717;
    background: var(--color-grayscale-1); }

.modal-content {
  background: #ffffff;
  background: var(--color-grayscale-6);
  position: relative;
  margin-top: 2rem; }

.terms-header {
  position: relative; }
  .terms-header:before {
    content: "";
    top: 1rem;
    bottom: 1rem;
    left: -1rem;
    width: 2rem;
    position: absolute;
    background: #5b7184;
    background: var(--color-navy-blue-2); }

.border-radius {
  border-radius: 1rem; }

.cursor-pointer {
  cursor: pointer; }

.menu-tiles-top-caption {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto; }
  .menu-tiles-top-caption span:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2; }
  .menu-tiles-top-caption span:nth-of-type(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2; }
  .menu-tiles-top-caption:after {
    content: "";
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    width: calc(100% - 1rem);
    height: 1px;
    height: var(--base-border-width);
    background: #ffffff;
    background: var(--color-grayscale-6); }

.menu-tiles-top-icon {
  position: absolute;
  padding: 1rem;
  right: 0;
  top: 0; }
  .menu-tiles-top-icon .icon-circle {
    border-radius: 50%;
    pointer-events: none; }
    .menu-tiles-top-icon .icon-circle svg {
      width: 50%;
      height: 50%; }

.menu-tiles {
  overflow: hidden; }
  .menu-tiles .menu-tiles-top-icon {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1); }
  .menu-tiles:hover .menu-tiles-top-icon {
    -webkit-transform: rotate(10deg) scale(1.1);
    -ms-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1); }

.menu-tiles-bottom-caption {
  position: absolute;
  left: 1rem;
  bottom: 1rem; }

.img-full-width {
  height: auto;
  width: 100%; }

.space-fill-r {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  grid-column-gap: 2rem; }
  .space-fill-r:after {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }

.space-fill-l {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto;
  grid-column-gap: 2rem; }
  .space-fill-l:before {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }

.space-fill-x {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
      grid-template-columns: 1fr auto 1fr;
  grid-column-gap: 2rem; }
  .space-fill-x:after {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }
  .space-fill-x:before {
    content: "";
    height: 1px;
    height: var(--base-border-width);
    width: 100%;
    background: currentColor;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center; }

.about-us {
  margin-top: -10rem;
  background: #ffffff;
  background: var(--color-grayscale-6); }

div.ph-logo-vertical {
  background: url(/dokumenty/szablonyimg/166-Logo_Przystanek-Historia_1.png) no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%; }

html.invert div.ph-logo-vertical {
  background: url(/dokumenty/szablonyimg/166-ph-logo-invert-vertical.png) no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%; }

.footer {
  z-index: 20;
  background: #ffffff;
  background: var(--color-grayscale-6);
  position: relative;
  overflow: hidden;
  margin-top: 4rem; }
  .footer:after {
    position: absolute;
    content: "";
    left: -30px;
    right: -30px;
    bottom: 0;
    top: 0;
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 30px var(--color-shadows);
    box-shadow: inset 0 0 30px var(--color-shadows);
    pointer-events: none; }

.hr-tight {
  height: 1px;
  height: var(--base-border-width);
  border: none;
  width: 10rem;
  background: currentColor;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.single-download {
  display: -ms-grid;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem; }
  .single-download:first-of-type {
    padding-top: 0; }
  .single-download:last-of-type {
    padding-bottom: 0; }

.tooltip-anchor {
  position: relative; }

.tooltip-container {
  position: fixed;
  left: 50%;
  top: 55%;
  z-index: 20; }
@media only screen and (max-width: 599px) {
  .tooltip-container {
  position: fixed;
    top: 0;
    left: 0;
    overflow: scroll;
    max-height: 80vh;
  } 
}
/*.tooltip-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20; }*/
  .tooltip-container .tooltip-body {
    -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
    box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    min-height: 5rem; }
    .tooltip-container .tooltip-body:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #ffffff;
      background: var(--color-grayscale-6);
      z-index: -10; }

.tooltip-pointer {
  -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
  box-shadow: 0 0.5rem 4rem 0 var(--color-shadows);
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  -o-transition: transform;
  transition: transform;
  transition: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2rem;
  width: 2rem;
  background: #ffffff;
  background: var(--color-grayscale-6);
  z-index: -20;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1);
  transform: translate(-50%, -50%) rotate(45deg) scale(1); }

@-webkit-keyframes loading-animation {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }

@keyframes loading-animation {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }

#loading-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #1a3e54;
  color: var(--color-navy-blue-1);
  background: #ffffff;
  background: var(--color-grayscale-6);
  z-index: 70; }
  #loading-overlay .loading-title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 4rem);
    font-size: 20px;
    line-height: 30px;
    margin: 0; }
  #loading-overlay .loading-icon {
    height: 60px;
    width: 60px;
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    margin: 20px auto;
    -webkit-animation: loading-animation 2s linear 0s infinite;
    animation: loading-animation 2s linear 0s infinite; }

.education-menu-link {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #ebeff0;
  background: var(--color-navy-blue-6);
  color: #5b7184;
  color: var(--color-navy-blue-2); }
  .education-menu-link:before {
    background: #5b7184;
    background: var(--color-navy-blue-2); }
  .education-menu-link:hover {
    color: #ffffff;
    color: var(--color-grayscale-6); }
  .education-menu-link.active {
    background: #1a3e54;
    background: var(--color-navy-blue-1);
    color: #ffffff;
    color: var(--color-grayscale-6); }

.a1h {
  position: relative;
  -webkit-perspective: 200px;
  perspective: 200px;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%; }
  .a1h > * {
    position: relative;
    z-index: 10; }
  .a1h:before {
    -webkit-transition: opacity, -webkit-transform;
    transition: opacity, -webkit-transform;
    -o-transition: transform, opacity;
    transition: transform, opacity;
    transition: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1), cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1), cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1), cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0; }

.a1h:hover:before {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1; }

.a2h {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  color: #bbb8b7;
  color: var(--color-grayscale-4); }
  .a2h:hover, .a2h:focus {
    color: #4d4b4c;
    color: var(--color-grayscale-2); }

.a4h {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1); }
  .a4h:hover, .a4h:focus {
    color: #ec1c4d !important;
    color: var(--color-highlight) !important; }

.a3h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .a3h .a3h-icon-before,
  .a3h .a3h-icon-after {
    -webkit-transition: opacity, width, margin, -webkit-transform;
    transition: opacity, width, margin, -webkit-transform;
    -o-transition: transform, opacity, width, margin;
    transition: transform, opacity, width, margin;
    transition: transform, opacity, width, margin, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    pointer-events: none;
    -webkit-transform: translateX(-10rem);
    -ms-transform: translateX(-10rem);
    transform: translateX(-10rem);
    opacity: 0;
    width: 0; }
  .a3h:hover .a3h-icon-before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    margin-right: 1rem;
    width: 1rem; }
  .a3h:hover .a3h-icon-after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    margin-left: 1rem;
    width: 1rem; }

.ph-slider {
  position: relative; }
  .ph-slider .ph-slider-row {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ph-slider .ph-slider-row > div {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .ph-slider .ph-slides-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%; }
    .ph-slider .ph-slides-container > div {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .ph-slider .ph-slide-edge {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .ph-slider .ph-slide-edge-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%); }
  .ph-slider .ph-slide {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    position: relative;
    left: 0; }
    .ph-slider .ph-slide a,
    .ph-slider .ph-slide img {
      -webkit-user-select: none;
      /* Safari 3.1+ */
      -moz-user-select: none;
      /* Firefox 2+ */
      -ms-user-select: none;
      /* IE 10+ */
      user-select: none;
      /* Standard syntax */
      -webkit-user-drag: none;
      user-drag: none; }
  .ph-slider .ph-slide-divider {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    width: 0px;
    position: relative; }
    .ph-slider .ph-slide-divider .pullable {
      -webkit-transition: -webkit-transform;
      transition: -webkit-transform;
      -o-transition: transform;
      transition: transform;
      transition: transform, -webkit-transform;
      -webkit-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
      transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1); }
    .ph-slider .ph-slide-divider .pull-center {
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%); }
    .ph-slider .ph-slide-divider .pull-left {
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); }
    .ph-slider .ph-slide-divider .pull-right {
      -webkit-transform: translate(-100%);
      -ms-transform: translate(-100%);
      transform: translate(-100%); }
  .ph-slider .ph-slider-selector {
    -webkit-transition: opacity, background;
    -o-transition: opacity, background;
    transition: opacity, background;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    position: absolute;
    color: #ffffff;
    color: var(--color-grayscale-6);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 3rem 1rem;
    z-index: 20;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #7b90a9;
    background: var(--color-navy-blue-3);
    cursor: pointer; }
    .ph-slider .ph-slider-selector.hidden {
      opacity: 0.3;
      cursor: default;
    display: none;}
    .ph-slider .ph-slider-selector:not(.hidden):hover, .ph-slider .ph-slider-selector:not(.hidden):focus {
      background: #ec1c4d;
      background: var(--color-highlight); }
  .ph-slider.hideSelectors .ph-slider-selector.hidden {
    opacity: 0;
    display: none; }
  .ph-slider .ph-slider-selector-prev {
    left: -0.5rem; }
  .ph-slider .ph-slider-selector-next {
    right: -0.5rem; }
  .ph-slider.shrink-selectors .ph-slider-selector-prev {
    left: 0; }
  .ph-slider.shrink-selectors .ph-slider-selector-next {
    right: 0; }

@media only screen and (max-width: 599px) {
  .ph-slider .ph-slider-selector {
    opacity: 0;
    display: none;
    pointer-events: none; }
    .ph-slider .ph-slider-selector.hidden {
      opacity: 0;
      display: none; }
  .ph-slider.hideSelectors .ph-slider-selector.hidden {
    opacity: 0;
    display: none; } }

img.img-cover {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

hr {
  height: 1px;
  height: var(--base-border-width);
  margin: 1rem 0;
  width: 10rem;
  border: 0;
  background: currentColor; }

.homepage-background-container {
  overflow: hidden;
  z-index: -70; }

.homepage-background-overlay {
  position: absolute;
  left: 0px;
  top: 0px; }

.mobile-homepage-background-container {
  height: 16rem;
  overflow: hidden; }
  .mobile-homepage-background-container img {
    height: 100%;
    width: auto;
    max-width: none; }

.calendar-button-container {
  position: relative; }
  .calendar-button-container:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 50%;
    background: #cfd8dc;
    background: var(--color-navy-blue-5);
    z-index: -70; }

@media only screen and (max-width: 599px) {
  .calendar-button-container:before {
    content: ""; } }

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ph-slide.a5h .ph-slide-caption,
.ph-slide-divider.a5h .ph-slide-caption,
.ph-slide-copy.a5h .ph-slide-caption {
  -webkit-transition: background, -webkit-transform;
  transition: background, -webkit-transform;
  -o-transition: background, transform;
  transition: background, transform;
  transition: background, transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #7b90a9;
  background: var(--color-navy-blue-3); }

.ph-slide.a5h.hover .ph-slide-caption,
.ph-slide-divider.a5h.hover .ph-slide-caption,
.ph-slide-copy.a5h.hover .ph-slide-caption {
  background: #ec1c4d;
  background: var(--color-highlight); }

.a6h {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 50%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 50%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, var(--color-black-gradient)));
  background: -webkit-linear-gradient(top, transparent 0%, var(--color-black-gradient) 50%);
  background: -o-linear-gradient(top, transparent 0%, var(--color-black-gradient) 50%);
  background: linear-gradient(to bottom, transparent 0%, var(--color-black-gradient) 50%); }

.ph-slider .ph-slide-backstage {
  -webkit-transition: opacity, -webkit-transform;
  transition: opacity, -webkit-transform;
  -o-transition: transform, opacity;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  cursor: pointer; }

.ph-slide-backstage:not(.shown) {
  opacity: 0.7;
  pointer-events: none; }

.ph-slide-backstage.shown {
  -webkit-box-shadow: 0 0rem 4rem 1rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0rem 4rem 1rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0rem 4rem 1rem 0 var(--color-shadows);
  box-shadow: 0 0rem 4rem 1rem 0 var(--color-shadows);
  z-index: 1; }

.calendar-selector-output {
  position: relative;
  height: 20rem;
  width: 20rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: -3rem; }

.calendar-event-days-trigger {
  position: relative;
  height: 12rem;
  width: 12rem; }

.row-center-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.year-selector-small,
.year-selector-big {
  -webkit-transition: background;
  -o-transition: background;
  transition: background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  position: relative;
  border-radius: 3px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .year-selector-small:hover:before,
  .year-selector-big:hover:before {
    background: -webkit-linear-gradient(45deg, #ec1c4d 16.66667%, transparent 8.33333%, transparent 33.33333%, #ec1c4d 41.66667%, #ec1c4d 66.66667%, transparent 58.33333%, transparent 83.33333%, #ec1c4d 91.66667%);
    background: -o-linear-gradient(45deg, #ec1c4d 16.66667%, transparent 8.33333%, transparent 33.33333%, #ec1c4d 41.66667%, #ec1c4d 66.66667%, transparent 58.33333%, transparent 83.33333%, #ec1c4d 91.66667%);
    background: linear-gradient(45deg, #ec1c4d 16.66667%, transparent 8.33333%, transparent 33.33333%, #ec1c4d 41.66667%, #ec1c4d 66.66667%, transparent 58.33333%, transparent 83.33333%, #ec1c4d 91.66667%);
    background-size: 1.5rem 1.5rem;
    background: -webkit-linear-gradient(45deg, var(--color-highlight) 16.66667%, transparent 8.33333%, transparent 33.33333%, var(--color-highlight) 41.66667%, var(--color-highlight) 66.66667%, transparent 58.33333%, transparent 83.33333%, var(--color-highlight) 91.66667%);
    background: -o-linear-gradient(45deg, var(--color-highlight) 16.66667%, transparent 8.33333%, transparent 33.33333%, var(--color-highlight) 41.66667%, var(--color-highlight) 66.66667%, transparent 58.33333%, transparent 83.33333%, var(--color-highlight) 91.66667%);
    background: linear-gradient(45deg, var(--color-highlight) 16.66667%, transparent 8.33333%, transparent 33.33333%, var(--color-highlight) 41.66667%, var(--color-highlight) 66.66667%, transparent 58.33333%, transparent 83.33333%, var(--color-highlight) 91.66667%);
    background-size: 1.5rem 1.5rem;
    background-position: 50% 50%; }
  .year-selector-small:before,
  .year-selector-big:before {
    -webkit-transition: background;
    -o-transition: background;
    transition: background;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
    background: -webkit-linear-gradient(45deg, #ec1c4d 12.5%, transparent 12.5%, transparent 37.5%, #ec1c4d 37.5%, #ec1c4d 62.5%, transparent 62.5%, transparent 87.5%, #ec1c4d 87.5%);
    background: -o-linear-gradient(45deg, #ec1c4d 12.5%, transparent 12.5%, transparent 37.5%, #ec1c4d 37.5%, #ec1c4d 62.5%, transparent 62.5%, transparent 87.5%, #ec1c4d 87.5%);
    background: linear-gradient(45deg, #ec1c4d 12.5%, transparent 12.5%, transparent 37.5%, #ec1c4d 37.5%, #ec1c4d 62.5%, transparent 62.5%, transparent 87.5%, #ec1c4d 87.5%);
    background-size: 0.6rem 0.6rem;
    background: -webkit-linear-gradient(45deg, var(--color-highlight) 12.5%, transparent 12.5%, transparent 37.5%, var(--color-highlight) 37.5%, var(--color-highlight) 62.5%, transparent 62.5%, transparent 87.5%, var(--color-highlight) 87.5%);
    background: -o-linear-gradient(45deg, var(--color-highlight) 12.5%, transparent 12.5%, transparent 37.5%, var(--color-highlight) 37.5%, var(--color-highlight) 62.5%, transparent 62.5%, transparent 87.5%, var(--color-highlight) 87.5%);
    background: linear-gradient(45deg, var(--color-highlight) 12.5%, transparent 12.5%, transparent 37.5%, var(--color-highlight) 37.5%, var(--color-highlight) 62.5%, transparent 62.5%, transparent 87.5%, var(--color-highlight) 87.5%);
    background-size: 0.6rem 0.6rem;
    content: "";
    z-index: -2;
    position: absolute;
    left: var(--neg-base-border-width);
    right: var(--neg-base-border-width);
    bottom: var(--neg-base-border-width);
    top: var(--neg-base-border-width);
    border-radius: 4px;
    background-position: 50% 50%; }
  .year-selector-small:after,
  .year-selector-big:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: currentColor; }

.year-unify-width {
  width: 4ch;
  text-align: center; }

.day-unify-width {
  width: 2ch;
  text-align: center; }

.banner-container {
  overflow: hidden;
  position: relative; }
  .banner-container:after {
    content: "";
    position: absolute;
    left: -4rem;
    top: 0;
    bottom: 0;
    right: -4rem;
    -webkit-box-shadow: inset 0 0 4rem 1rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 4rem 1rem rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4rem 1rem var(--color-shadows);
    box-shadow: inset 0 0 4rem 1rem var(--color-shadows); }

@media only screen and (max-width: 599px) {
  .calendar-scroll {
    height: auto;
    overflow: visible; }
  .calendar-selector-output {
    position: relative;
    height: 14rem;
    width: 14rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: -2rem; } }

.tooltip-close {
  position: absolute;
  top: 3rem;
  right: 3rem; }

html.invert img.img-invertable {
  display: none; }

img.img-inverted {
  display: none; }

html.invert img.img-inverted {
  display: block; }

.calendar-button {
  max-width: 16rem; }

.menu-vertical-link-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.sm-facebook {
  -webkit-transition: background;
  -o-transition: background;
  transition: background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #375595;
  color: white; }
  .sm-facebook:hover {
    background: #ec1c4d;
    background: var(--color-highlight); }

.sm-twitter {
  -webkit-transition: background;
  -o-transition: background;
  transition: background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #00abe4;
  color: white; }
  .sm-twitter:hover {
    background: #ec1c4d;
    background: var(--color-highlight); }

.sm-email {
  -webkit-transition: background;
  -o-transition: background;
  transition: background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  background: #BCB9B7;
  color: white; }
  .sm-email:hover {
    background: #ec1c4d;
    background: var(--color-highlight); }

.ph-lightbox-selector {
  -webkit-transition: opacity, background;
  -o-transition: opacity, background;
  transition: opacity, background;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  transition-timing-function: cubic-bezier(0.48, 0, 0.135, 1);
  position: absolute;
  color: #ffffff;
  color: var(--color-grayscale-6);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 3rem 1rem;
  z-index: 20;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #7b90a9;
  background: var(--color-navy-blue-3);
  cursor: pointer; }
  .ph-lightbox-selector.hidden {
    opacity: 0.3;
    cursor: default; }
  .ph-lightbox-selector:not(.hidden):hover {
    background: #ec1c4d;
    background: var(--color-highlight); }

.ph-lightbox-selector-prev {
  left: -0.5rem; }

.ph-lightbox-selector-next {
  right: -0.5rem; }

@media only screen and (min-width: 599px) {
  .calendar-page-title,
  .calendar-page-center {
    position: absolute;
    z-index: 20; }
  .calendar-page-title {
  	background: linear-gradient(to bottom, var(--color-grayscale-6) 50%, rgba(255, 255, 255, 0) 100%);
  }
  .calendar-page-bottom {
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grayscale-6)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, var(--color-grayscale-6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, var(--color-grayscale-6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, var(--color-grayscale-6) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    z-index: 10;
    height: 25vh;
    width: 100%;
    top: 0; }
  .calendar-page-top {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--color-grayscale-6)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, var(--color-grayscale-6) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, var(--color-grayscale-6) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, var(--color-grayscale-6) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    z-index: 10;
    height: 25vh;
    width: 100%;
    top: 0; }
  .calendar-events-container {
    min-height: 60vh;
    margin-top: 25vh; } }

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.article-content p,
.cke_editable h1,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_editable h6,
.cke_editable p {
  padding-top: 1em;
  padding-bottom: 1em; }
  .article-content h1:first-of-type,
  .article-content h2:first-of-type,
  .article-content h3:first-of-type,
  .article-content h4:first-of-type,
  .article-content h5:first-of-type,
  .article-content h6:first-of-type,
  .article-content p:first-of-type,
  .cke_editable h1:first-of-type,
  .cke_editable h2:first-of-type,
  .cke_editable h3:first-of-type,
  .cke_editable h4:first-of-type,
  .cke_editable h5:first-of-type,
  .cke_editable h6:first-of-type,
  .cke_editable p:first-of-type {
    padding-top: 0; }
  .article-content h1:last-of-type,
  .article-content h2:last-of-type,
  .article-content h3:last-of-type,
  .article-content h4:last-of-type,
  .article-content h5:last-of-type,
  .article-content h6:last-of-type,
  .article-content p:last-of-type,
  .cke_editable h1:last-of-type,
  .cke_editable h2:last-of-type,
  .cke_editable h3:last-of-type,
  .cke_editable h4:last-of-type,
  .cke_editable h5:last-of-type,
  .cke_editable h6:last-of-type,
  .cke_editable p:last-of-type {
    padding-bottom: 0; }

/* listy globalne */
.article-content ol { padding:0 0 0 2em; margin:1em; list-style-position:outside; border:0; list-style-type:decimal; }
.article-content ol ol { margin: 1em 1em 0; padding:0; }
.article-content ol li { padding:0 0 0.5em 0; margin:0; border:0; }
.article-content ul { padding:0 0 0 2em; margin:1em 0 0 1em; list-style-image:none; list-style:square; text-align:left; }
.article-content ul ul { margin: 1em 1em 0; padding:0; list-style-image:none; list-style-type:circle; }
.article-content ul li { padding:0 0 0.5em 0; margin:0; }

.print-buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 599px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-top: -0.42em;
    margin-bottom: -0.45em; }
  h1 {
    font-size: 1.5rem;
    line-height: 2.4rem; }
  h2 {
    font-size: 1.3rem;
    line-height: 2.1rem; }
  h3 {
    font-size: 1.2rem;
    line-height: 1.9rem; }
  h4 {
    font-size: 1.1rem;
    line-height: 1.75rem; }
  h5 {
    font-size: 1rem;
    line-height: 1.625rem; }
  h6 {
    font-size: 1rem;
    line-height: 1.625rem; }
  p {
    font-size: 1rem;
    line-height: 1.625rem; }
  span.font-size-xxs {
    font-size: 0.7em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-xs {
    font-size: 0.8em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-s {
    font-size: 0.9em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-m {
    font-size: 1em;
    line-height: 1.65em;
    display: inline-block; }
  span.font-size-l {
    font-size: 1.1em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  span.font-size-xl {
    font-size: 1.2em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  span.font-size-xxl {
    font-size: 1.3em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  span.font-size-xxxl {
    font-size: 1.4em;
    line-height: 1.65em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
  .article-container h1 {
    font-size: 2rem;
    line-height: 3.2rem; }
  .article-container h2 {
    font-size: 1.8rem;
    line-height: 2.9rem; }
  .article-container h3 {
    font-size: 1.6rem;
    line-height: 2.65rem; }
  .article-container h4 {
    font-size: 1.4rem;
    line-height: 2.35rem; }
  .article-container h5 {
    font-size: 1.2rem;
    line-height: 2rem; }
  .article-container h6 {
    font-size: 1.2rem;
    line-height: 2rem; }
  .article-container p {
    font-size: 1.2rem;
    line-height: 2rem; } }

#nav-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.scroll-content {
  position: relative; }

.comments-form input, .comments-form textarea {
  border: solid 1px currentColor;
  border: solid var(--base-border-width) currentColor;
  color: unset; }

.ph-quote {
  position: relative;
  padding: 1rem 3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #707070;
  color: var(--color-grayscale-3) }
  .ph-quote p {
    font-size: 0.9rem; }

#map > div > .gm-style {
  z-index: unset !important;
}

#map > div > .gm-style > div:first-child  {
  z-index: unset !important;
}

#map > div > .gm-style > div:first-child > div:nth-child(3) {
  z-index: 20 !important;
}

body.print-wrapper {
    position: unset;
    margin: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

body.print-wrapper .article-container .container-s {
  width: 100%;
}

body.print-wrapper .article-container {
  margin: 0;
}

body.print-wrapper .article-container .container-s .extract-container{
  margin: 0;
  padding: 0;
}

body.print-wrapper .article-container .container-s .indent-container{
  margin-left: 0;
}

.show-abft > div:nth-child(1), .show-abft > div:nth-child(2) {
    display: none;
}

.show-ft > div {
    display: none;
}

.show-ft > div:nth-child(1), .show-ft > div:nth-child(2) {
    display: block;
}
.footer-description {
  display: -ms-grid; 
  display: flex; 
  -ms-grid-columns: auto 1fr auto; 
  grid-template-columns: auto 1fr auto; 
  grid-column-gap: 2rem;
}

@media only screen and (max-width: 599px) {
  .footer-description {
  display:block;
  }
  .film_gallery td {
    display: block;
    padding-top: 10px;
  }
}

@media print {
  .galeria_embed {
  	margin-bottom:20px;
  }
  .img-cover {
    height: 200px;
    margin-top:10px;
  }
  .topic-title-container {
    padding: 2em;
    position: inherit;
  }
  .topic-title-container .topic-background {
    position: inherit;
  }
  img.img-cover {
    height: 50%;
  }
  .sm-facebook {
    display: none;
  }
  .print-buttons {
    display: none;
  }
  .article-headline {
    display: none;
  }
  .print-hide {
    display: none;
  }
  .print-show {
    display:block !important;
  }
  .print-show h1 {margin-bottom:10px;}
  .print-show a {margin-bottom:10px;display:block;}
  
  .sm-twitter {
    display: none;
  }
  span.font-size-l {
    font-size: 30px;
    line-height: 30px;
  }
  h1 {
    font-size: 30px;
    line-height: auto;
  }
  h3 {
    font-size: 20px;
    line-height: 1.5rem;
    background: #f7f6f4;
    display:block;
  }

  .tag {
    display: none;
  }
  .article-container {
    margin-top: 0px;
    position: relative;
    z-index: 1;
  }
  .article-tag {
    display: none;
  }

  .font-color-navy-blue-2 {
    color: #5b7184;
    font-size: 14px;
  }
  .container-s .extract-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .margin-y-m {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mobile-margin-x-none {
    position: inherit;
    width: 100% !important;
   }
  blockquote p{
    position: inherit;
    padding: 2rem;
    margin-top: 0;
    margin-bottom: 0;
    text-align: justify;
    width: 100%;
    color: #707070;
    font-weight: 700;
    background: #f7f6f4;
   }
  .col-6 {
    display: inline;
    float: left;
  }
  p {display:block;}
  .galeria_embed .col-3 {
    display: -ms-inline-flexbox;
    float: left;
  }
  .galeria_embed {
  	margin-bottom:20px;
    display: -ms-inline-flexbox;
  }

  body {
       display: table;
       table-layout: fixed;
       padding-bottom: 2.5cm;
       height: auto;
   }
  .article-content {
        display: block;
    }
  .article-content p {
    display: block;
  	}
  div {
    display: inline-block;

  	}
  blockquote {display: inline;width:100%;}
}
  @page { 
    size: auto;
    margin: 20mm 0 10mm 0;
	}
@media {
  .print-show {
  display: none;
  }
}
.print-show {z-index:-999999999;position:absolute;}
body {
  overflow-x: hidden;
}
@media only screen and (min-width: 599px) {
  .calendar-page-title {
    position: fixed; } }

input:-moz-placeholder { /* Firefox 18- */
 color: #d1d4d9;
 background: #000 !important; 
  background-color: #000 !important; 
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
#newsletter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d1d4d9;
}
#newsletter input::-moz-placeholder { /* Firefox 19+ */
  color: #d1d4d9;
}
#newsletter input:-ms-input-placeholder { /* IE 10+ */
  color: #d1d4d9;
}
#newsletter input:-moz-placeholder { /* Firefox 18- */
 color: #d1d4d9;
 background: #000 !important; 
  background-color: #000 !important; 
}

#newsletter input:-webkit-autofill,
#newsletter input:-webkit-autofill:hover, 
#newsletter input:-webkit-autofill:focus, 
#newsletter input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #5b7184 inset !important;
    -webkit-text-fill-color: #d1d4d9 !important;
}
.navbar-link img 
{
    width: 20px;
    top: 5px;
    position: relative;
    right: -10px;
}
.visible {
  display:block !important;
}
body.okno_tlo {
    margin-top: 1em !important;
}
.galeria_embed .aspect-preserve > img {
    -o-object-position: top;
    object-position: top;
}
@media only screen and (max-width: 1199px) {
  .margin-r-s {margin-right:0 !important;}
  .addthis_button_facebook {
    width: 1em;
    text-align: center;
  }}
span.image-descriptions {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 0.6em;
    padding: 1rem 2.8rem;
}
a:focus, .play-button:focus {
    border: 1px solid #ec1c4d;
}

button.click:focus {border: 2px solid #000;}  





/* kontrasty ------------------------------------------- */

.comments-form input, .comments-form textarea {
    color: var(--color-navy-blue-7);
}
html.invert span.font-size-s {
  font-size: 0.95em;
}

html.invert .sm-twitter {
    background: #1f353c;
}

html.invert .sm-email {
    background: #484440;
}
html.invert input#szukaj {
    background: var(--color-grayscale-5);
  	color: var(--color-navy-blue-1);
}

/* */
a:focus, ul.mainmenu li a:focus{outline-style: solid; outline-offset: 3px; outline-width: medium;}
.slider .item a:focus div.info, .okno ul li a:focus{border: 2px solid black;}
.okno ul li.boxF a:focus{color:#b71b1b}