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

html {
  line-height: 1;
}


ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "EuclidFlex-Regular";
  src: url("../fonts/EuclidFlex-Regular/EuclidFlex-Regular.eot");
  src: url("../fonts/EuclidFlex-Regular/EuclidFlex-Regular.woff2") format("woff2"), url("../fonts/EuclidFlex-Regular/EuclidFlex-Regular.woff") format("woff"), url("../fonts/EuclidFlex-Regular/EuclidFlex-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EuclidFlex-Italic";
  src: url("../fonts/EuclidFlex-Italic/EuclidFlex-Italic.eot");
  src: url("../fonts/EuclidFlex-Italic/EuclidFlex-Italic.woff2") format("woff2"), url("../fonts/EuclidFlex-Italic/EuclidFlex-Italic.woff") format("woff"), url("../fonts/EuclidFlex-Italic/EuclidFlex-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EuclidFlex-Bold";
  src: url("../fonts/EuclidFlex-Bold/EuclidFlex-Bold.eot");
  src: url("../fonts/EuclidFlex-Bold/EuclidFlex-Bold.woff2") format("woff2"), url("../fonts/EuclidFlex-Bold/EuclidFlex-Bold.woff") format("woff"), url("../fonts/EuclidFlex-Bold/EuclidFlex-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TeimerStd-3-Light";
  src: url("../fonts/TeimerStd-3-Light/TeimerStd-3-Light.eot");
  src: url("../fonts/TeimerStd-3-Light/TeimerStd-3-Light.woff2") format("woff2"), url("../fonts/TeimerStd-3-Light/TeimerStd-3-Light.woff") format("woff"), url("../fonts/TeimerStd-3-Light/TeimerStd-3-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TeimerStd-3-Italic";
  src: url("../fonts/TeimerStd-3-Italic/TeimerStd-3-Italic.eot");
  src: url("../fonts/TeimerStd-3-Italic/TeimerStd-3-Italic.woff2") format("woff2"), url("../fonts/TeimerStd-3-Italic/TeimerStd-3-Italic.woff") format("woff"), url("../fonts/TeimerStd-3-Italic/TeimerStd-3-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 14px;
  font-family: "EuclidFlex-Regular";
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.fs-plus {
  font-size: 15px;
}
html.fs-plusplus {
  font-size: 17px;
}

i, em {
  font-style: normal !important;
  font-weight: normal;
  font-family: "EuclidFlex-Italic";
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1500px), all and (min--moz-device-pixel-ratio: 1.5) and (min-width: 1500px), all and (-o-min-device-pixel-ratio: 3 / 2) and (min-width: 1500px), all and (min-device-pixel-ratio: 1.5) and (min-width: 1500px), all and (min-resolution: 192dpi) and (min-width: 1500px) {
  .font-setup, .author, .font-setup input, .author input, .font-setup textarea, .author textarea {
    font-size: 135%;
    line-height: 28.35px;
  }
  .fs-plus .font-setup, .fs-plus .author, .fs-plus .font-setup input, .fs-plus .author input, .fs-plus .font-setup textarea, .fs-plus .author textarea {
    line-height: 32px;
  }
  .fs-plusplus .font-setup, .fs-plusplus .author, .fs-plusplus .font-setup input, .fs-plusplus .author input, .fs-plusplus .font-setup textarea, .fs-plusplus .author textarea {
    line-height: 36px;
  }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1100px), all and (min--moz-device-pixel-ratio: 1.5) and (min-width: 1100px), all and (-o-min-device-pixel-ratio: 3 / 2) and (min-width: 1100px), all and (min-device-pixel-ratio: 1.5) and (min-width: 1100px), all and (min-resolution: 192dpi) and (min-width: 1100px) {
  .font-setup, .author, .font-setup input, .author input, .font-setup textarea, .author textarea {
    font-size: 120%;
    line-height: 25.2px;
  }
  .fs-plus .font-setup, .fs-plus .author, .fs-plus .font-setup input, .fs-plus .author input, .fs-plus .font-setup textarea, .fs-plus .author textarea {
    line-height: 31px;
  }
  .fs-plusplus .font-setup, .fs-plusplus .author, .fs-plusplus .font-setup input, .fs-plusplus .author input, .fs-plusplus .font-setup textarea, .fs-plusplus .author textarea {
    line-height: 35px;
  }
}
@media all and (min-width: 1500px) {
  .font-setup, .author, .font-setup input, .author input, .font-setup textarea, .author textarea {
    font-size: 110.0%;
    line-height: 23.1px;
  }
  .fs-plus .font-setup, .fs-plus .author, .fs-plus .font-setup input, .fs-plus .author input, .fs-plus .font-setup textarea, .fs-plus .author textarea {
    line-height: 28px;
  }
  .fs-plusplus .font-setup, .fs-plusplus .author, .fs-plusplus .font-setup input, .fs-plusplus .author input, .fs-plusplus .font-setup textarea, .fs-plusplus .author textarea {
    line-height: 32px;
  }
}
@media all and (max-width: 1499px) {
  .font-setup, .author, .font-setup input, .author input, .font-setup textarea, .author textarea {
    font-size: 100%;
    line-height: 21px;
  }
  .fs-plus .font-setup, .fs-plus .author, .fs-plus .font-setup input, .fs-plus .author input, .fs-plus .font-setup textarea, .fs-plus .author textarea {
    line-height: 25px;
  }
  .fs-plusplus .font-setup, .fs-plusplus .author, .fs-plusplus .font-setup input, .fs-plusplus .author input, .fs-plusplus .font-setup textarea, .fs-plusplus .author textarea {
    line-height: 28px;
  }
}
@media all and (max-width: 1099px) {
  .font-setup, .author, .font-setup input, .author input, .font-setup textarea, .author textarea {
    font-size: 90%;
    line-height: 18.9px;
  }
  .fs-plus .font-setup, .fs-plus .author, .fs-plus .font-setup input, .fs-plus .author input, .fs-plus .font-setup textarea, .fs-plus .author textarea {
    line-height: 23px;
  }
  .fs-plusplus .font-setup, .fs-plusplus .author, .fs-plusplus .font-setup input, .fs-plusplus .author input, .fs-plusplus .font-setup textarea, .fs-plusplus .author textarea {
    line-height: 23px;
  }
}
@media all and (max-width: 850px) {
  .font-setup, .author, .font-setup input, .author input, .font-setup textarea, .author textarea {
    font-size: 90%;
    line-height: 18.9px;
  }
  .fs-plus .font-setup, .fs-plus .author, .fs-plus .font-setup input, .fs-plus .author input, .fs-plus .font-setup textarea, .fs-plus .author textarea {
    line-height: 23px;
  }
  .fs-plusplus .font-setup, .fs-plusplus .author, .fs-plusplus .font-setup input, .fs-plusplus .author input, .fs-plusplus .font-setup textarea, .fs-plusplus .author textarea {
    line-height: 26px;
  }
}
@media all and (max-width: 600px) {
  .font-setup, .author, .font-setup input, .author input, .font-setup textarea, .author textarea {
    font-size: 90%;
    line-height: 18.9px;
  }
  .fs-plus .font-setup, .fs-plus .author, .fs-plus .font-setup input, .fs-plus .author input, .fs-plus .font-setup textarea, .fs-plus .author textarea {
    line-height: 23px;
  }
  .fs-plusplus .font-setup, .fs-plusplus .author, .fs-plusplus .font-setup input, .fs-plusplus .author input, .fs-plusplus .font-setup textarea, .fs-plusplus .author textarea {
    line-height: 26px;
  }
}

.balance-text {
  text-wrap: balanced;
}

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

html {
  height: 100%;
  position: relative;
}

body {
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  background-color: white;
  color: #182d45;
}
.contrast body, body.contrast {
  background-color: white;
}
.contrast body, body.contrast {
  color: #182d45;
}

a {
  color: inherit;
}

.border-white {
  margin: 25px;
}
@media all and (max-width: 600px) {
  .border-white {
    margin-left: 0;
    margin-right: 0;
  }
}

::selection {
  color: white;
  background-color: #ff7662;
}

::-moz-selection {
  color: white;
  background-color: #ff7662;
}

/* autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #182d45!important;
  border-color: #182d45!important;
}
.contrast input:-webkit-autofill, input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.contrast input:-webkit-autofill, input:-webkit-autofill.contrast {
  -webkit-text-fill-color: #182d45!important;
}
.contrast input:-webkit-autofill, input:-webkit-autofill.contrast {
  border-color: #182d45!important;
}

.bg-white {
  background-color: white!important;
}
.contrast .bg-white, .bg-white.contrast {
  background-color: white!important;
}
.bg-white * {
  color: #182d45!important;
  border-color: #182d45;
}
.contrast .bg-white *, .bg-white *.contrast {
  color: #182d45!important;
}
.contrast .bg-white *, .bg-white *.contrast {
  border-color: #182d45;
}
.bg-white section.heading {
  background-color: white;
  color: #182d45;
}
.contrast .bg-white section.heading, .bg-white section.heading.contrast {
  background-color: white;
}
.contrast .bg-white section.heading, .bg-white section.heading.contrast {
  color: #182d45;
}

.bg-sand {
  background-color: #e1ddca!important;
}
.contrast .bg-sand, .bg-sand.contrast {
  background-color: #182d45!important;
}
.bg-sand * {
  color: #182d45!important;
  border-color: #182d45;
}
.contrast .bg-sand *, .bg-sand *.contrast {
  color: #182d45!important;
}
.contrast .bg-sand *, .bg-sand *.contrast {
  border-color: #182d45;
}
.contrast .bg-sand * {
  color: white !important;
  border-color: white;
}
.bg-sand section.heading {
  background-color: #e1ddca;
  color: #182d45;
}
.contrast .bg-sand section.heading, .bg-sand section.heading.contrast {
  background-color: #182d45;
}
.contrast .bg-sand section.heading, .bg-sand section.heading.contrast {
  color: #182d45;
}
.contrast .bg-sand section.heading {
  color: white;
}
.bg-sand input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #e1ddca inset !important;
  -webkit-text-fill-color: #182d45!important;
  border-color: #182d45!important;
}
.contrast .bg-sand input:-webkit-autofill, .bg-sand input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-sand input:-webkit-autofill, .bg-sand input:-webkit-autofill.contrast {
  -webkit-text-fill-color: #182d45!important;
}
.contrast .bg-sand input:-webkit-autofill, .bg-sand input:-webkit-autofill.contrast {
  border-color: #182d45!important;
}

.bg-blue {
  background-color: #00669e!important;
}
.contrast .bg-blue, .bg-blue.contrast {
  background-color: #182d45!important;
}
.bg-blue * {
  color: white!important;
}
.contrast .bg-blue *, .bg-blue *.contrast {
  color: white!important;
}
.bg-blue section.heading {
  background-color: #00669e;
}
.contrast .bg-blue section.heading, .bg-blue section.heading.contrast {
  background-color: #182d45;
}
.bg-blue input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #00669e inset !important;
  -webkit-text-fill-color: white!important;
  border-color: white!important;
}
.contrast .bg-blue input:-webkit-autofill, .bg-blue input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-blue input:-webkit-autofill, .bg-blue input:-webkit-autofill.contrast {
  -webkit-text-fill-color: white!important;
}
.contrast .bg-blue input:-webkit-autofill, .bg-blue input:-webkit-autofill.contrast {
  border-color: white!important;
}

.bg-lightblue {
  background-color: #6e91aa!important;
}
.contrast .bg-lightblue, .bg-lightblue.contrast {
  background-color: #182d45!important;
}
.bg-lightblue * {
  color: white!important;
}
.contrast .bg-lightblue *, .bg-lightblue *.contrast {
  color: white!important;
}
.bg-lightblue section.heading {
  background-color: #6e91aa;
}
.contrast .bg-lightblue section.heading, .bg-lightblue section.heading.contrast {
  background-color: #182d45;
}
.bg-lightblue input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #6e91aa inset !important;
  -webkit-text-fill-color: white!important;
  border-color: white!important;
}
.contrast .bg-lightblue input:-webkit-autofill, .bg-lightblue input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-lightblue input:-webkit-autofill, .bg-lightblue input:-webkit-autofill.contrast {
  -webkit-text-fill-color: white!important;
}
.contrast .bg-lightblue input:-webkit-autofill, .bg-lightblue input:-webkit-autofill.contrast {
  border-color: white!important;
}
.bg-lightblue .detail-select select {
  border-bottom-color: #fff !important;
}
.bg-skyblue {
  background-color: #9ac2d8!important;
}
.contrast .bg-skyblue, .bg-skyblue.contrast {
  background-color: #182d45!important;
}
.bg-skyblue * {
  color: white!important;
}
.contrast .bg-skyblue *, .bg-skyblue *.contrast {
  color: white!important;
}
.bg-skyblue section.heading {
  background-color: #9ac2d8;
}
.contrast .bg-skyblue section.heading, .bg-skyblue section.heading.contrast {
  background-color: #182d45;
}
.bg-skyblue input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #9ac2d8 inset !important;
  -webkit-text-fill-color: white!important;
  border-color: white!important;
}
.contrast .bg-skyblue input:-webkit-autofill, .bg-skyblue input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-skyblue input:-webkit-autofill, .bg-skyblue input:-webkit-autofill.contrast {
  -webkit-text-fill-color: white!important;
}
.contrast .bg-skyblue input:-webkit-autofill, .bg-skyblue input:-webkit-autofill.contrast {
  border-color: white!important;
}

.bg-navy {
  background-color: #182d45!important;
}
.contrast .bg-navy, .bg-navy.contrast {
  background-color: #182d45!important;
}
.bg-navy * {
  color: white!important;
}
.contrast .bg-navy *, .bg-navy *.contrast {
  color: white!important;
}
.bg-navy section.heading {
  background-color: #182d45;
}
.contrast .bg-navy section.heading, .bg-navy section.heading.contrast {
  background-color: #182d45;
}
.bg-navy input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
  -webkit-text-fill-color: white!important;
  border-color: white!important;
}
.contrast .bg-navy input:-webkit-autofill, .bg-navy input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-navy input:-webkit-autofill, .bg-navy input:-webkit-autofill.contrast {
  -webkit-text-fill-color: white!important;
}
.contrast .bg-navy input:-webkit-autofill, .bg-navy input:-webkit-autofill.contrast {
  border-color: white!important;
}

.bg-grey {
  background-color: #b4b4b4!important;
}
.contrast .bg-grey, .bg-grey.contrast {
  background-color: #182d45!important;
}
.bg-grey * {
  color: white!important;
}
.contrast .bg-grey *, .bg-grey *.contrast {
  color: white!important;
}
.bg-grey section.heading {
  background-color: #b4b4b4;
}
.contrast .bg-grey section.heading, .bg-grey section.heading.contrast {
  background-color: #182d45;
}
.bg-grey input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #b4b4b4 inset !important;
  -webkit-text-fill-color: white!important;
  border-color: white!important;
}
.contrast .bg-grey input:-webkit-autofill, .bg-grey input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-grey input:-webkit-autofill, .bg-grey input:-webkit-autofill.contrast {
  -webkit-text-fill-color: white!important;
}
.contrast .bg-grey input:-webkit-autofill, .bg-grey input:-webkit-autofill.contrast {
  border-color: white!important;
}

.bg-violet {
  background-color: #9191a5!important;
}
.contrast .bg-violet, .bg-violet.contrast {
  background-color: #182d45!important;
}
.bg-violet * {
  color: white!important;
}
.contrast .bg-violet *, .bg-violet *.contrast {
  color: white!important;
}
.bg-violet section.heading {
  background-color: #9191a5;
}
.contrast .bg-violet section.heading, .bg-violet section.heading.contrast {
  background-color: #182d45;
}
.bg-violet input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #9191a5 inset !important;
  -webkit-text-fill-color: white!important;
  border-color: white!important;
}
.contrast .bg-violet input:-webkit-autofill, .bg-violet input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-violet input:-webkit-autofill, .bg-violet input:-webkit-autofill.contrast {
  -webkit-text-fill-color: white!important;
}
.contrast .bg-violet input:-webkit-autofill, .bg-violet input:-webkit-autofill.contrast {
  border-color: white!important;
}

.bg-orange {
  background-color: #ff7662!important;
}
.contrast .bg-orange, .bg-orange.contrast {
  background-color: #182d45!important;
}
.bg-orange * {
  color: white!important;
}
.contrast .bg-orange *, .bg-orange *.contrast {
  color: white!important;
}
.bg-orange *::selection {
  background-color: #182d45;
}
.bg-orange *::-moz-selection {
  background-color: #182d45;
}
.bg-orange section.heading {
  background-color: #ff7662;
}
.contrast .bg-orange section.heading, .bg-orange section.heading.contrast {
  background-color: #182d45;
}
.bg-orange input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ff7662 inset !important;
  -webkit-text-fill-color: white!important;
  border-color: white!important;
}
.contrast .bg-orange input:-webkit-autofill, .bg-orange input:-webkit-autofill.contrast {
  -webkit-box-shadow: 0 0 0px 1000px #182d45 inset !important;
}
.contrast .bg-orange input:-webkit-autofill, .bg-orange input:-webkit-autofill.contrast {
  -webkit-text-fill-color: white!important;
}
.contrast .bg-orange input:-webkit-autofill, .bg-orange input:-webkit-autofill.contrast {
  border-color: white!important;
}

.theme-sand .hover:hover {
  background-color: #e1ddca;
}
.contrast .theme-sand .hover:hover, .theme-sand .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-sand .hover:hover {
  color: white;
}

.theme-blue .hover:hover {
  background-color: #00669e;
  color: white;
}
.contrast .theme-blue .hover:hover, .theme-blue .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-blue .hover:hover, .theme-blue .hover:hover.contrast {
  color: white;
}

.theme-lightblue .hover:hover {
  background-color: #6e91aa;
  color: white;
}
.contrast .theme-lightblue .hover:hover, .theme-lightblue .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-lightblue .hover:hover, .theme-lightblue .hover:hover.contrast {
  color: white;
}

.theme-skyblue .hover:hover {
  background-color: #9ac2d8;
  color: white;
}
.contrast .theme-skyblue .hover:hover, .theme-skyblue .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-skyblue .hover:hover, .theme-skyblue .hover:hover.contrast {
  color: white;
}

.theme-navy .hover:hover {
  background-color: #182d45;
  color: white;
}
.contrast .theme-navy .hover:hover, .theme-navy .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-navy .hover:hover, .theme-navy .hover:hover.contrast {
  color: white;
}

.theme-grey .hover:hover {
  background-color: #b4b4b4;
  color: white;
}
.contrast .theme-grey .hover:hover, .theme-grey .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-grey .hover:hover, .theme-grey .hover:hover.contrast {
  color: white;
}

.theme-violet .hover:hover {
  background-color: #9191a5;
  color: white;
}
.contrast .theme-violet .hover:hover, .theme-violet .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-violet .hover:hover, .theme-violet .hover:hover.contrast {
  color: white;
}

.theme-orange .hover:hover {
  background-color: #ff7662;
  color: white;
}
.contrast .theme-orange .hover:hover, .theme-orange .hover:hover.contrast {
  background-color: #182d45;
}
.contrast .theme-orange .hover:hover, .theme-orange .hover:hover.contrast {
  color: white;
}

.apla .hover:hover {
  background-color: white;
}
.contrast .apla .hover:hover, .apla .hover:hover.contrast {
  background-color: white;
}
.apla .hover:hover * {
  color: #182d45!important;
}
.contrast .apla .hover:hover *, .apla .hover:hover *.contrast {
  color: #182d45!important;
}

.color-white {
  color: white!important;
  border-color: white;
}
.color-white * {
  stroke: none;
  fill: none;
}
.color-white *[stroke]:not([stroke=none]) {
  stroke: white;
}
.contrast .color-white *[stroke]:not([stroke=none]), .color-white *[stroke]:not([stroke=none]).contrast {
  stroke: white;
}
.color-white *[fill]:not([fill=none]) {
  fill: white;
}
.contrast .color-white *[fill]:not([fill=none]), .color-white *[fill]:not([fill=none]).contrast {
  fill: white;
}
.contrast .color-white, .color-white.contrast {
  color: white!important;
}
.contrast .color-white, .color-white.contrast {
  border-color: white;
}

.color-sand {
  color: #e1ddca!important;
  border-color: #e1ddca;
}
.color-sand * {
  stroke: none;
  fill: none;
}
.color-sand *[stroke]:not([stroke=none]) {
  stroke: #e1ddca;
}
.contrast .color-sand *[stroke]:not([stroke=none]), .color-sand *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-sand *[fill]:not([fill=none]) {
  fill: #e1ddca;
}
.contrast .color-sand *[fill]:not([fill=none]), .color-sand *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-sand, .color-sand.contrast {
  color: #182d45!important;
}
.contrast .color-sand, .color-sand.contrast {
  border-color: #182d45;
}

.color-blue {
  color: #00669e!important;
  border-color: #00669e;
}
.color-blue * {
  stroke: none;
  fill: none;
}
.color-blue *[stroke]:not([stroke=none]) {
  stroke: #00669e;
}
.contrast .color-blue *[stroke]:not([stroke=none]), .color-blue *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-blue *[fill]:not([fill=none]) {
  fill: #00669e;
}
.contrast .color-blue *[fill]:not([fill=none]), .color-blue *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-blue, .color-blue.contrast {
  color: #182d45!important;
}
.contrast .color-blue, .color-blue.contrast {
  border-color: #182d45;
}

.color-lightblue {
  color: #6e91aa!important;
  border-color: #6e91aa;
}
.color-lightblue * {
  stroke: none;
  fill: none;
}
.color-lightblue *[stroke]:not([stroke=none]) {
  stroke: #6e91aa;
}
.contrast .color-lightblue *[stroke]:not([stroke=none]), .color-lightblue *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-lightblue *[fill]:not([fill=none]) {
  fill: #6e91aa;
}
.contrast .color-lightblue *[fill]:not([fill=none]), .color-lightblue *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-lightblue, .color-lightblue.contrast {
  color: #182d45!important;
}
.contrast .color-lightblue, .color-lightblue.contrast {
  border-color: #182d45;
}

.color-skyblue {
  color: #9ac2d8!important;
  border-color: #9ac2d8;
}
.color-skyblue * {
  stroke: none;
  fill: none;
}
.color-skyblue *[stroke]:not([stroke=none]) {
  stroke: #9ac2d8;
}
.contrast .color-skyblue *[stroke]:not([stroke=none]), .color-skyblue *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-skyblue *[fill]:not([fill=none]) {
  fill: #9ac2d8;
}
.contrast .color-skyblue *[fill]:not([fill=none]), .color-skyblue *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-skyblue, .color-skyblue.contrast {
  color: #182d45!important;
}
.contrast .color-skyblue, .color-skyblue.contrast {
  border-color: #182d45;
}

.color-navy {
  color: #182d45!important;
  border-color: #182d45;
}
.color-navy * {
  stroke: none;
  fill: none;
}
.color-navy *[stroke]:not([stroke=none]) {
  stroke: #182d45;
}
.contrast .color-navy *[stroke]:not([stroke=none]), .color-navy *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-navy *[fill]:not([fill=none]) {
  fill: #182d45;
}
.contrast .color-navy *[fill]:not([fill=none]), .color-navy *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-navy, .color-navy.contrast {
  color: #182d45!important;
}
.contrast .color-navy, .color-navy.contrast {
  border-color: #182d45;
}

.color-grey {
  color: #b4b4b4!important;
  border-color: #b4b4b4;
}
.color-grey * {
  stroke: none;
  fill: none;
}
.color-grey *[stroke]:not([stroke=none]) {
  stroke: #b4b4b4;
}
.contrast .color-grey *[stroke]:not([stroke=none]), .color-grey *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-grey *[fill]:not([fill=none]) {
  fill: #b4b4b4;
}
.contrast .color-grey *[fill]:not([fill=none]), .color-grey *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-grey, .color-grey.contrast {
  color: #182d45!important;
}
.contrast .color-grey, .color-grey.contrast {
  border-color: #182d45;
}

.color-violet {
  color: #9191a5!important;
  border-color: #9191a5;
}
.color-violet * {
  stroke: none;
  fill: none;
}
.color-violet *[stroke]:not([stroke=none]) {
  stroke: #9191a5;
}
.contrast .color-violet *[stroke]:not([stroke=none]), .color-violet *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-violet *[fill]:not([fill=none]) {
  fill: #9191a5;
}
.contrast .color-violet *[fill]:not([fill=none]), .color-violet *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-violet, .color-violet.contrast {
  color: #182d45!important;
}
.contrast .color-violet, .color-violet.contrast {
  border-color: #182d45;
}

.color-orange {
  color: #ff7662!important;
  border-color: #ff7662;
}
.color-orange * {
  stroke: none;
  fill: none;
}
.color-orange *[stroke]:not([stroke=none]) {
  stroke: #ff7662;
}
.contrast .color-orange *[stroke]:not([stroke=none]), .color-orange *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
.color-orange *[fill]:not([fill=none]) {
  fill: #ff7662;
}
.contrast .color-orange *[fill]:not([fill=none]), .color-orange *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
.contrast .color-orange, .color-orange.contrast {
  color: #182d45!important;
}
.contrast .color-orange, .color-orange.contrast {
  border-color: #182d45;
}

body .col-4-single {
  width: 25%;
}
body .col-4-double {
  width: 50%;
}
body .col-4-triple {
  width: 75%;
}
body .col-4-quad {
  width: 100%;
}
body .col-3-single {
  width: 33.33333%;
}
@media all and (max-width: 850px) {
  body .col-2-single {
    width: 50%;
  }
  body .col-2-double {
    width: 100%;
  }
}

.ligatures {
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  text-transform: uppercase;
}

h1 {
  font-size: 3em;
  font-family: "EuclidFlex-Regular";
}
h1.front-page-header, h1.puol-header, h1.puol-subpage-header {
  display: none;
}

h2, h3, h4 {
  font-family: "EuclidFlex-Bold";
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin: 1.5em 0 1em 0;
}

h2 {
  font-size: 1.5em;
}

h3, h4 {
  font-size: 1em;
}

.svg-icon {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  stroke-width: 0;
  cursor: pointer;
  /* no-apla + .bg-white */
  fill: #182d45;
  stroke: #182d45;
}
.svg-icon:hover {
  fill: #ff7662;
  stroke: #ff7662;
}
.contrast .svg-icon {
  fill: #182d45;
  stroke: #182d45;
}
.contrast .svg-icon:hover {
  fill: #00669e;
  stroke: #00669e;
}
.apla.bg-sand .svg-icon {
  fill: #182d45;
  stroke: #182d45;
}
.apla.bg-sand .svg-icon:hover {
  fill: #ff7662;
  stroke: #ff7662;
}
.contrast .apla.bg-sand .svg-icon {
  fill: white;
  stroke: white;
}
.contrast .apla.bg-sand .svg-icon:hover {
  fill: #9ac2d8;
  stroke: #9ac2d8;
}
.apla.bg-orange .svg-icon {
  fill: white;
  stroke: white;
}
.apla.bg-orange .svg-icon:hover {
  fill: #00669e;
  stroke: #00669e;
}
.contrast .apla.bg-orange .svg-icon {
  fill: white;
  stroke: white;
}
.contrast .apla.bg-orange .svg-icon:hover {
  fill: #9ac2d8;
  stroke: #9ac2d8;
}
.apla:not(.bg-orange):not(.bg-sand):not(.bg-white) .svg-icon {
  fill: white;
  stroke: white;
}
.apla:not(.bg-orange):not(.bg-sand):not(.bg-white) .svg-icon:hover {
  fill: #ff7662;
  stroke: #ff7662;
}
.contrast .apla:not(.bg-orange):not(.bg-sand):not(.bg-white) .svg-icon {
  fill: white;
  stroke: white;
}
.contrast .apla:not(.bg-orange):not(.bg-sand):not(.bg-white) .svg-icon:hover {
  fill: #9ac2d8;
  stroke: #9ac2d8;
}

.logo {
  overflow: hidden;
  display: block;
  text-align: center;
  width: 220px;
  height: 105px;
  padding: 20px 0;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
@media all and (max-width: 1099px) {
  .logo {
    height: 95px;
  }
}
.logo svg {
  stroke-width: 0;
  width: 220px;
  height: 55px;
  display: block;
  -webkit-transition: fill 250ms linear, stroke 250ms linear;
  -moz-transition: fill 250ms linear, stroke 250ms linear;
  transition: fill 250ms linear, stroke 250ms linear;
}
.logo svg {
  fill: #00669e;
  stroke: #00669e;
}
.logo:hover svg {
  fill: #182d45;
  stroke: #182d45;
}
.contrast .logo svg {
  fill: #182d45;
  stroke: #182d45;
}
.contrast .logo:hover svg {
  fill: #00669e;
  stroke: #00669e;
}

body > .logo {
  margin: auto;
}
@media all and (max-width: 400px) {
  body > .logo {
    padding: 60px 0 20px 0;
    height: 135px;
    margin: 0 auto;
  }
}

header .logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media all and (max-width: 400px) {
  header .logo {
    position: static;
    clear: both;
    margin: 0 auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

#cookies {
  display: none;
  z-index: 30;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00669e;
  color: white;
  width: 100%;
  padding: 5px 15px;
  font-size: 1.1em;
}
.contrast #cookies, #cookies.contrast {
  background-color: #182d45;
}
.contrast #cookies, #cookies.contrast {
  color: white;
}
#cookies p {
  float: left;
  letter-spacing: 0.1em;
}
#cookies p a {
  color: white;
}
.contrast #cookies p a, #cookies p a.contrast {
  color: white;
}
#cookies span {
  cursor: pointer;
  float: right;
  display: inline-block;
}
#cookies span svg {
  margin-top: 5px;
  fill: white;
  width: 15px;
  height: 15px;
}
.contrast #cookies span svg, #cookies span svg.contrast {
  fill: white;
}

/* default header (outside) */
header {
  z-index: 40;
  position: absolute;
  display: none;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: white;
  color: #182d45;
  /* default header nav (outside) */
}
.contrast header, header.contrast {
  background-color: white;
}
.contrast header, header.contrast {
  color: #182d45;
}
header a {
  text-decoration: none;
  -webkit-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  -moz-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
}
header a:hover {
  color: #ff7662;
}
.contrast header a:hover, header a:hover.contrast {
  color: #182d45;
}
.contrast header a:hover {
  color: #00669e;
}
header .logo {
  z-index: 99;
}
header ul.header-top-left,
header ul.header-top-right,
header .nav-close {
  padding-top: 15px;
  float: right;
  display: inline-block;
  position: relative;
}
header ul.header-top-left,
header ul.header-top-right {
  height: 100px;
}
header ul.header-top-left > li,
header ul.header-top-right > li {
  vertical-align: top;
  padding: 0 9px;
  display: inline-block;
}
@media all and (max-width: 600px) {
  header ul.header-top-left > li,
  header ul.header-top-right > li {
    padding: 0 14px;
    font-size: 130%;
    height: 1.2em;
  }
}
.mobile-class header ul.header-top-left > li, .mobile-class
header ul.header-top-right > li {
  padding: 0 14px;
  font-size: 130%;
  height: 1.2em;
}
header ul.header-top-left {
  z-index: 1;
  padding-left: 18px;
  float: left;
}
header ul.header-top-left li {
  font-family: "EuclidFlex-Bold";
  float: left;
}
@media all and (max-width: 600px) {
  header ul.header-top-left {
    padding: 10px 25px 40px 25px;
    width: 100%;
    height: auto;
    text-align: center;
  }
  header ul.header-top-left li {
    float: none;
    width: 100%;
    margin: 5px 0;
  }
}
.mobile-class header ul.header-top-left {
  padding: 10px 25px 40px 25px;
  width: 100%;
  height: auto;
  text-align: center;
}
.mobile-class header ul.header-top-left li {
  float: none;
  width: 100%;
  margin: 5px 0;
}
header ul.header-top-right {
  width: 50%;
  z-index: 4;
  font-size: 0.90em;
  text-align: right;
}
header ul.header-top-right a.js-uifontsize {
  font-family: "EuclidFlex-Bold";
  font-size: 110%;
  cursor: pointer;
  padding: 2px 4px;
}
header ul.header-top-right a.js-uifontsize.active {
  background-color: #fff;
  color: #000;
  box-shadow: 0px 0px 5px rgba(24, 45, 69, 0.5);
}

@media all and (max-width: 600px) {
  header ul.header-top-right {
    text-align: center;
    width: 100%;
    height: auto;
    padding: 80px 25px 12.5px 25px;
  }
}
@media all and (max-width: 1199px) {
  header ul.header-top-right li.prebr {
    padding-right: 0px !important;
  }
  header ul.header-top-right li.br {
    display: block !important;
    width: 1px !important;
    margin: 0 !important;
  }
}
@media all and (min-width: 1200px) {
  header ul.header-top-right li.br {
    display: none !important;
  }
  header ul.header-top-right li.uifontsize {
    padding: 0px 6px;
  }
  header ul.header-top-right a.js-uifontsize {
    padding: 0px 4px;
  }
}

.mobile-class header ul.header-top-right {
  text-align: center;
  width: 100%;
  height: auto;
  padding: 80px 25px 12.5px 25px;
}
@media all and (max-width: 400px) {
  header ul.header-top-right {
    padding-top: 40px !important;
  }
}
@media all and (min-width: 601px) {
  header ul.header-top-right li:last-child {
    padding-right: 0;
  }
}
@media all and (max-width: 600px) {
  header ul.header-top-right li.user-menu {
    padding-right: 4px;
    padding-left: 0;
  }
}
.mobile-class header ul.header-top-right li.user-menu {
  padding-right: 4px;
  padding-left: 0;
}
header ul.header-top-right li #form-search input {
  color: #182d45;
}
.contrast header ul.header-top-right li #form-search input, header ul.header-top-right li #form-search input.contrast {
  color: #182d45;
}
header .nav-close {
  width: 90px;
  height: 40px;
}
header .nav-close svg {
  width: 100%;
  height: 100%;
}
@media all and (min-width: 601px) and (max-width: 850px) {
  header .nav-close {
    width: 50px;
    margin-right: 20px;
  }
}
header .user-edit-post {
  padding-left: 0 !important;
}
@media all and (max-width: 850px) {
  header .user-edit-post {
    display: none !important;
  }
}
header .lang-item {
  text-transform: uppercase;
}
@media all and (min-width: 601px) {
  header .lang-item {
    padding-left: 3px !important;
    padding-right: 0px !important;
  }
}
header nav {
  top: 0;
  left: 0;
  /* inside:
  position: absolute;
  display: block
  */
  position: static;
  display: table;
  clear: both;
  width: 100%;
  height: calc(100% - 125px);
  margin-top: 100px;
  padding: 0 25px 0 25px;
}
@media all and (max-width: 850px) {
  header nav {
    position: static;
    padding-bottom: 0;
    padding-bottom: 0;
  }
}
.tablet-portrait-class header nav {
  position: static;
  padding-bottom: 0;
  padding-bottom: 0;
}
@media all and (max-width: 600px) {
  header nav {
    clear: both;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: auto;
    height: auto;
  }
}
.mobile-class header nav {
  clear: both;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  min-height: auto;
  height: auto;
}
header nav ul.menu {
  width: 100%;
  height: 100%;
  /* inside:
  display: block;
  */
  display: table;
  /*different inside*/
}
@media all and (max-width: 850px) {
  header nav ul.menu {
    position: static;
    height: 100%;
  }
}
.tablet-portrait-class header nav ul.menu {
  position: static;
  height: 100%;
}
@media all and (max-width: 600px) {
  header nav ul.menu {
    height: auto;
  }
}
.mobile-class header nav ul.menu {
  height: auto;
}
header nav ul.menu.columns-1 > li {
  width: 100%;
}
@media all and (max-width: 850px) {
  header nav ul.menu.columns-1 > li {
    overflow: hidden;
    width: 50%;
  }
}
.tablet-portrait-class header nav ul.menu.columns-1 > li {
  overflow: hidden;
  width: 50%;
}
@media all and (max-width: 600px) {
  header nav ul.menu.columns-1 > li {
    min-height: 0;
  }
}
.mobile-class header nav ul.menu.columns-1 > li {
  min-height: 0;
}
header nav ul.menu.columns-2 > li {
  width: 50%;
}
@media all and (max-width: 850px) {
  header nav ul.menu.columns-2 > li {
    overflow: hidden;
    width: 50%;
  }
}
.tablet-portrait-class header nav ul.menu.columns-2 > li {
  overflow: hidden;
  width: 50%;
}
@media all and (max-width: 600px) {
  header nav ul.menu.columns-2 > li {
    min-height: 0;
  }
}
.mobile-class header nav ul.menu.columns-2 > li {
  min-height: 0;
}
header nav ul.menu.columns-3 > li {
  width: 33.33333%;
}
@media all and (max-width: 850px) {
  header nav ul.menu.columns-3 > li {
    overflow: hidden;
    width: 50%;
  }
}
.tablet-portrait-class header nav ul.menu.columns-3 > li {
  overflow: hidden;
  width: 50%;
}
@media all and (max-width: 600px) {
  header nav ul.menu.columns-3 > li {
    min-height: 0;
  }
}
.mobile-class header nav ul.menu.columns-3 > li {
  min-height: 0;
}
header nav ul.menu.columns-4 > li {
  width: 25%;
}
@media all and (max-width: 850px) {
  header nav ul.menu.columns-4 > li {
    overflow: hidden;
    width: 50%;
  }
}
.tablet-portrait-class header nav ul.menu.columns-4 > li {
  overflow: hidden;
  width: 50%;
}
@media all and (max-width: 600px) {
  header nav ul.menu.columns-4 > li {
    min-height: 0;
  }
}
.mobile-class header nav ul.menu.columns-4 > li {
  min-height: 0;
}
header nav ul.menu.columns-5 > li {
  width: 20%;
}
@media all and (max-width: 850px) {
  header nav ul.menu.columns-5 > li {
    overflow: hidden;
    width: 50%;
  }
}
.tablet-portrait-class header nav ul.menu.columns-5 > li {
  overflow: hidden;
  width: 50%;
}
@media all and (max-width: 600px) {
  header nav ul.menu.columns-5 > li {
    min-height: 0;
  }
}
.mobile-class header nav ul.menu.columns-5 > li {
  min-height: 0;
}
header nav ul.menu.columns-6 > li {
  width: 16.66667%;
}
@media all and (max-width: 850px) {
  header nav ul.menu.columns-6 > li {
    overflow: hidden;
    width: 50%;
  }
}
.tablet-portrait-class header nav ul.menu.columns-6 > li {
  overflow: hidden;
  width: 50%;
}
@media all and (max-width: 600px) {
  header nav ul.menu.columns-6 > li {
    min-height: 0;
  }
}
.mobile-class header nav ul.menu.columns-6 > li {
  min-height: 0;
}
header nav ul.menu > li {
  right: auto;
  top: auto;
  bottom: auto;
  /* position: absolute;*/
  position: static;
  float: left;
  text-align: center;
  display: table;
  height: 100%;
  padding: 0.7em;
  overflow: hidden;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
header nav ul.menu > li:hover {
  background-color: #ff7662;
}
.contrast header nav ul.menu > li:hover, header nav ul.menu > li:hover.contrast {
  background-color: #182d45;
}
.contrast header nav ul.menu > li:hover > span {
  color: white;
}
.contrast header nav ul.menu > li:hover > ul.sub-menu a {
  color: white;
}
.contrast header nav ul.menu > li:hover > ul.sub-menu a:hover {
  color: #9ac2d8;
}
@media all and (max-width: 850px) {
  header nav ul.menu > li {
    position: static;
    height: auto;
    float: left;
    width: 50%;
    margin-bottom: 0;
  }
  header nav ul.menu > li:nth-child(odd) {
    clear: both;
  }
}
.tablet-portrait-class header nav ul.menu > li {
  position: static;
  height: auto;
  float: left;
  width: 50%;
  margin-bottom: 0;
}
.tablet-portrait-class header nav ul.menu > li:nth-child(odd) {
  clear: both;
}
@media all and (max-width: 600px) {
  header nav ul.menu > li {
    width: 100% !important;
    margin: 0.5em 0;
  }
  header nav ul.menu > li:last-child {
    margin-bottom: 2em;
  }
}
.mobile-class header nav ul.menu > li {
  width: 100% !important;
  margin: 0.5em 0;
}
.mobile-class header nav ul.menu > li:last-child {
  margin-bottom: 2em;
}
header nav ul.menu > li > span {
  font-family: "EuclidFlex-Bold";
  text-transform: uppercase;
  font-size: 1.5em;
  letter-spacing: 0.1em;
  cursor: pointer;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
@media all and (max-width: 600px) {
  header nav ul.menu > li.active {
    background-color: #ff7662;
  }
  .contrast header nav ul.menu > li.active, header nav ul.menu > li.active.contrast {
    background-color: #182d45;
  }
}
.mobile-class header nav ul.menu > li.active {
  background-color: #ff7662;
}
.contrast .mobile-class header nav ul.menu > li.active, .mobile-class header nav ul.menu > li.active.contrast {
  background-color: #182d45;
}
@media all and (max-width: 600px) {
  .contrast header nav ul.menu > li.active > span {
    color: white !important;
  }
}
.contrast .mobile-class header nav ul.menu > li.active > span {
  color: white !important;
}
@media all and (max-width: 600px) {
  header nav ul.menu > li.active > ul.sub-menu {
    display: block;
  }
  .contrast header nav ul.menu > li.active > ul.sub-menu li a {
    color: white !important;
  }
  .contrast header nav ul.menu > li.active > ul.sub-menu li a:hover {
    color: #9ac2d8 !important;
  }
}
.mobile-class header nav ul.menu > li.active > ul.sub-menu {
  display: block;
}
.contrast .mobile-class header nav ul.menu > li.active > ul.sub-menu li a {
  color: white !important;
}
.contrast .mobile-class header nav ul.menu > li.active > ul.sub-menu li a:hover {
  color: #9ac2d8 !important;
}
header nav ul.sub-menu {
  line-height: 2;
  padding-top: 1.5em;
  height: auto;
  display: block;
  overflow: hidden;
  letter-spacing: 0.05em;
}
@media all and (max-width: 850px) {
  header nav ul.sub-menu {
    padding-bottom: 1em;
  }
}
.tablet-portrait-class header nav ul.sub-menu {
  padding-bottom: 1em;
}
@media all and (max-width: 600px) {
  header nav ul.sub-menu {
    display: none;
  }
}
.mobile-class header nav ul.sub-menu {
  display: none;
}
header nav ul.sub-menu li {
  line-height: 1.2;
  margin-bottom: .8em;
}
header nav ul.sub-menu a {
  -webkit-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  -moz-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
}
header nav ul.sub-menu a:hover {
  color: white;
}
.contrast header nav ul.sub-menu a:hover, header nav ul.sub-menu a:hover.contrast {
  color: white;
}

/* header social-icons */
.header-social {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  opacity: 0;
  visibility: hidden;
  height: 20px;
  width: 100%;
  position: relative;
  text-align: right;
  bottom: 0;
  right: 0;
  z-index: 4;
  /*line-height: 0;*/
}

header.active .header-social {
  opacity: 1;
  visibility: visible;
}
header.active .header-top-left .header-social {
  display: none;
}
.header-social li {
  display: inline-block;
  padding: 4px 8px 0 8px;
}
.header-social li svg {
  width: 13px;
  height: 16px;
}
@media all and (max-width: 600px) {
  .header-social {
    text-align: center;
    margin-top: 25px;
  }
}
.mobile-class .header-social {
  text-align: center;
  margin-top: 25px;
}

/* header buttons (open) */
#nav-top, .nav-cart {
  display: block;
  z-index: 30;
  opacity: 0;
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  width: 90px;
  height: 50px;
  text-align: center;
}
.contrast #nav-top, #nav-top.contrast, .contrast .nav-cart, .nav-cart.contrast {
  background-color: white;
}
body:not(.home) #nav-top, body:not(.home) .nav-cart {
  opacity: 1;
}
#nav-top.opened, .nav-cart.opened {
  background: #182d45;
}
#nav-top.opened .menu-burger:after, .nav-cart.opened .menu-burger:after {
  transform: translate(0, -50%);
}
#nav-top .menu-burger, .nav-cart .menu-burger {
  display: inline-block;
  cursor: pointer;
}
#nav-top .menu-burger:after, .nav-cart .menu-burger:after {
  content: attr(title);
  position: absolute;
  top: 50%;
  left: 0;
  color: white;
  transform: translate(100%, -50%);
  transition: transform .25s;
  font-size: 20px;
}
#nav-top svg, .nav-cart svg {
  display: inline;
  width: 36px;
  height: 50px;
}

.nav-cart {
  right: 90px;
}

/* header svg-icons */
.svg-pencil,
.svg-login,
.svg-search {
  display: inline-block;
  background-color: transparent;
  border: 0;
  outline: 0;
  vertical-align: top;
}

.svg-pencil {
  margin-top: 0;
}
.svg-pencil svg {
  margin-top: 0.1em;
  display: inline-block;
  width: 15px;
  height: 15px;
}

.svg-search {
  margin-top: -0.1em;
}
.svg-search svg {
  margin-top: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.svg-login {
  margin-top: 0;
}
.svg-login svg {
  margin-top: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
}
@media all and (max-width: 600px) {
  .svg-login svg {
    margin-top: -0.2em;
  }
}
.mobile-class .svg-login svg {
  margin-top: -0.2em;
}

.svg-contrast {
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  padding: 3px;
  box-shadow: none;
  position: relative;
}
.fs-plus .svg-contrast {
  top: 2px;
}
.fs-plusplus .svg-contrast {
  top: 4px;
}
@media all and (max-width: 1099px) {
  .svg-contrast {
    margin-top: 1px;
  }
}
.tablet-landscape-class .svg-contrast {
  margin-top: 1px;
}
.contrast .svg-contrast {
  background-color: #182d45;
  box-shadow: 0px 0px 5px rgba(24, 45, 69, 0.5);
}
.svg-contrast .svg-icon {
  display: block;
  width: 10px;
  height: 10px;
}
.contrast .svg-contrast .svg-icon {
  fill: white;
}
.contrast .svg-contrast .svg-icon:hover {
  fill: #9ac2d8;
}

.user-menu {
  position: relative;
  text-align: left;
  margin-right: 7px;
  line-height: 1.35em;
  padding-right: 0 !important;
}
@media all and (min-width: 851px) {
  .user-menu {
    top: 1px;
  }
  .fs-plus .user-menu {
    top: 3px;
  }
  .fs-plusplus .user-menu {
    top: 4px;
  }
}
body:not(.logged-in) .user-menu > a > div {
  display: none;
}
body:not(.logged-in) .user-menu > a > span {
  display: inline-block;
}
@media all and (max-width: 850px) {
  body:not(.logged-in) .user-menu > a > div {
    display: block;
  }
  body:not(.logged-in) .user-menu > a > span {
    display: none;
  }
}
.tablet-portrait-class body:not(.logged-in) .user-menu > a > div {
  display: block;
}
.tablet-portrait-class body:not(.logged-in) .user-menu > a > span {
  display: none;
}
.user-menu .toggle-user-menu {
  display: block;
  position: relative;
}
.user-menu .toggle-user-menu > a {
  display: block;
  overflow: hidden;
  max-width: 165px;
  height: 1.35em;
  word-wrap: break-word;
  word-break: break-all;
}
.user-menu .toggle-user-menu > div {
  display: none;
}
@media all and (max-width: 850px) {
  .user-menu .toggle-user-menu > a {
    display: none;
  }
  .user-menu .toggle-user-menu > div {
    display: block;
  }
}
.tablet-portrait-class .user-menu .toggle-user-menu > a {
  display: none;
}
.tablet-portrait-class .user-menu .toggle-user-menu > div {
  display: block;
}
.logged-in .user-menu .toggle-user-menu > a:before {
  display: block;
  top: 0.3em;
  z-index: 51;
  float: left;
  position: relative;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  margin-right: 7px;
  cursor: pointer;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  -webkit-transition: transform 250ms linear;
  -moz-transition: transform 250ms linear;
  transition: transform 250ms linear;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media all and (max-width: 850px) {
  .logged-in .user-menu .toggle-user-menu > a:before {
    display: none;
  }
}
.tablet-portrait-class .logged-in .user-menu .toggle-user-menu > a:before {
  display: none;
}
.user-menu.active {
  color: white;
}
.contrast .user-menu.active a:hover {
  color: #9ac2d8;
}
.user-menu.active .toggle-user-menu > a {
  z-index: 50;
  position: relative;
  display: block;
  bottom: 0;
}
.user-menu.active .toggle-user-menu > a:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
@media all and (max-width: 850px) {
  .user-menu.active .toggle-user-menu {
    height: 1.35em;
    display: block;
  }
  .user-menu.active .toggle-user-menu > a {
    width: 141px;
    position: absolute;
  }
  .user-menu.active .toggle-user-menu > a:before {
    display: block;
  }
}
.tablet-portrait-class .user-menu.active .toggle-user-menu {
  height: 1.35em;
  display: block;
}
.tablet-portrait-class .user-menu.active .toggle-user-menu > a {
  width: 141px;
  position: absolute;
}
.tablet-portrait-class .user-menu.active .toggle-user-menu > a:before {
  display: block;
}
@media all and (max-width: 600px) {
  .user-menu.active .toggle-user-menu > a {
    width: 183px;
  }
}
.mobile-class .user-menu.active .toggle-user-menu > a {
  width: 183px;
}
.user-menu ul {
  min-width: 165px;
  width: 100%;
  display: none;
  position: absolute;
  background-color: #00669e;
  margin: 0 -7px;
  top: -0.6em;
  padding: 0.6em 17px 0.2em 24px;
  z-index: 49;
}
.contrast .user-menu ul, .user-menu ul.contrast {
  background-color: #182d45;
}
@media all and (max-width: 600px) {
  .user-menu ul {
    min-width: 200px;
  }
}
.mobile-class .user-menu ul {
  min-width: 200px;
}
.user-menu ul li:first-child {
  visibility: hidden;
}
.user-menu ul li {
  font-family: "EuclidFlex-Regular" !important;
  display: block;
  padding: 0 0 0.6em 0;
  overflow: hidden;
  float: none !important;
}

footer {
  width: calc(100% - 50px);
  display: block;
  bottom: 0;
}
footer.sticky {
  position: absolute;
}
@media all and (max-width: 600px) {
  footer {
    margin: 0 25px 25px 25px !important;
  }
}
footer > ul {
  display: table;
  width: 100%;
}
.footer__logos {
  margin: 20px auto;
  width: 100%;
  /* border-top: 3px solid #00669e; */
}
.footer__logos img {
  display: block;
  width: 90%;
  height: auto;
  max-width: 300px;
  margin: 0;
  /* padding-top: 20px; */
}

@media all and (min-width: 300px) {
  footer > ul {
    background-size: 100px auto;
  }
}
@media all and (min-width: 850px) {
  footer > ul {
    background-size: 75px auto;
  }
}
@media all and (min-width: 1024px) {
  footer > ul {
    background-size: 100px auto;
  }
}
@media all and (min-width: 1170px) {
  footer > ul {
    background-size: 120px auto;
  }
}

@media all and (max-width: 850px) {
  footer > ul {
    padding-top: 1em;
    background-position: right bottom;
  }
  footer > ul > li {
    width: 50%;
  }
}
@media all and (max-width: 600px) {
  footer > ul {
    width: 100%;
    padding-top: 0;
  }
}
footer > ul li {
  display: inline-block;
  width: 25%;
  float: left;
  padding-right: 25px;
}
@media all and (max-width: 850px) {
  footer > ul li {
    width: 50%;
  }
}
@media all and (max-width: 600px) {
  footer > ul li {
    width: 100%;
  }
}
footer > ul li i, footer > ul li em {
  font-family: "TeimerStd-3-Italic";
}
footer > ul li a {
  color: #182d45;
  text-decoration: none;
  font-family: "TeimerStd-3-Light";
  font-size: 0.8em;
}
.contrast footer > ul li a, footer > ul li a.contrast {
  color: #182d45;
}
footer > ul li a:hover {
  color: #00669e;
}
.contrast footer > ul li a:hover, footer > ul li a:hover.contrast {
  color: #182d45;
}
.contrast footer > ul li a:hover {
  color: #00669e;
}
footer > ul li a img {
  display: block;
  padding: 0.5em 0;
  width: auto;
  height: 5em;
}

section.search {
  padding: 1em 0;
  width: 50%;
  display: table;
  margin: 0 auto;
  /*inputs*/
}
@media all and (max-width: 850px) {
  section.search {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  section.search {
    padding-left: 25px;
    padding-right: 25px;
  }
}
section.search form {
  position: relative;
}
section.search h2 {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-family: "EuclidFlex-Bold";
  letter-spacing: 0.1em;
  font-size: 1.5em;
  margin: 0.5em 0 1em 0;
}
section.search .form input {
  padding-left: 20px;
}
@media all and (max-width: 850px) {
  section.search .form input {
    width: calc(100% - 81px);
  }
}
@media all and (max-width: 600px) {
  section.search .form input {
    width: calc(100% - 70px);
  }
}
section.search .search-submit {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: -81px;
}
section.search .search-submit svg {
  display: inline-block;
  width: 56px;
  height: 50px;
}
@media all and (max-width: 850px) {
  section.search .search-submit {
    right: 0;
  }
}
@media all and (max-width: 600px) {
  section.search .search-submit svg {
    width: 45px;
    height: 40px;
  }
}

section.search .search-employees .search-submit {
  top: 50%;
}

section.search-results .search-result-group-title {
  font-family: "EuclidFlex-Bold";
  letter-spacing: 0.05em;
  color: #ff7662;
  border-color: #ff7662;
  border-bottom: 3px solid;
  padding: 0.5em 0;
  margin: 1em 0 2em;
  display: block;
  width: 100%;
}
.contrast section.search-results .search-result-group-title, section.search-results .search-result-group-title.contrast {
  color: #182d45;
}
.contrast section.search-results .search-result-group-title, section.search-results .search-result-group-title.contrast {
  border-color: #182d45;
}
section.search-results .search-result-group {
  display: block;
  height: 100%;
}
section.search-results .search-result-group:nth-of-type(2) .search-result:first-of-type {
  margin-top: 0;
}
section.search-results .search-result-group .search-result {
  font-family: "TeimerStd-3-Light";
  margin: 1em 0 1.5em 0;
}
section.search-results .search-result-group .search-result i, section.search-results .search-result-group .search-result em {
  font-family: "TeimerStd-3-Italic";
}
section.search-results .search-result-group .search-result span {
  font-family: "EuclidFlex-Bold";
  text-transform: uppercase;
}
section.search-results .search-result-group .search-result p {
  margin: 0;
}
section.search-results .search-result-group .search-result a {
  text-decoration: none;
}
section.search-results .search-result-group .search-result a:hover span {
  text-decoration: underline;
}
section.search-results #more-employees {
  display: block;
  font-family: "EuclidFlex-Bold";
  letter-spacing: 0;
  color: #b4b4b4;
  text-decoration: none;
  margin-bottom: 2em;
}
.contrast section.search-results #more-employees, section.search-results #more-employees.contrast {
  color: #182d45;
}
section.search-results #more-employees:hover {
  text-decoration: underline;
}
section.search-results #more-website {
  display: block;
  margin: 0 auto;
  width: 50%;
  color: #ff7662;
}
.contrast section.search-results #more-website, section.search-results #more-website.contrast {
  color: #182d45;
}
section.search-results #more-website:hover {
  background-color: #ff7662;
  color: white;
}
.contrast section.search-results #more-website:hover, section.search-results #more-website:hover.contrast {
  background-color: #182d45;
}
.contrast section.search-results #more-website:hover, section.search-results #more-website:hover.contrast {
  color: white;
}

.search-on-top {
  display: none;
  background-color: white;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 51;
  position: absolute;
  top: 0;
}
.contrast .search-on-top, .search-on-top.contrast {
  background-color: white;
}
.search-on-top .search {
  padding-bottom: 8em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 850px) {
  .search-on-top .search {
    width: calc(100% - 50px);
  }
}
@media all and (max-width: 600px) {
  .search-on-top .search {
    width: 100%;
  }
}
.search-on-top .search h2 {
  margin-bottom: 2em;
}
.search-on-top .search input {
  color: #ff7662;
  border-color: #182d45;
}
.contrast .search-on-top .search input, .search-on-top .search input.contrast {
  color: #182d45;
}
.contrast .search-on-top .search input, .search-on-top .search input.contrast {
  border-color: #182d45;
}
.search-on-top .search-close-button {
  top: 15px;
  width: 90px;
  height: 25px;
  background: transparent;
  position: absolute;
  z-index: 40;
  right: 0;
}
.search-on-top .search-close-button svg {
  width: 100%;
  height: 100%;
}

article {
  font-family: "TeimerStd-3-Light";
  word-break: break-word;
  /* a hover */
  /*dark*/
}
article i, article em {
  font-family: "TeimerStd-3-Italic";
}
article.border-white {
  margin-top: 0;
}
article .lead ul li a:hover,
article .row p a:hover,
article .row ul li a:hover,
article td a:hover {
  color: #00669e !important;
}
article .apla:not(.bg-white) .lead ul li a:hover,
article .apla:not(.bg-white) .row p a:hover,
article .apla:not(.bg-white) td a:hover {
  color: #ff7662 !important;
}
article .apla.bg-orange .lead ul li a:hover,
article .apla.bg-orange .row p a:hover,
article .apla.bg-orange td a:hover {
  color: #00669e !important;
}
article section:not(.uwr-w-liczbach-page).heading svg * {
  stroke: none;
  fill: none;
}
article section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]) {
  stroke: #182d45;
}
.contrast article section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]), article section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
article section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]) {
  fill: #182d45;
}
.contrast article section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]), article section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
article .apla {
  margin-bottom: 25px;
  /*add extra padding bottom on last child in apla*/
  /*light*/
}
article .apla section.row .column > *:last-child {
  padding-bottom: 25px;
}
article .apla section.heading {
  padding-top: 2.5em;
  padding-bottom: 0;
}
article .apla section:not(.uwr-w-liczbach-page).heading svg * {
  stroke: none;
  fill: none;
}
article .apla section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]) {
  stroke: white;
}
.contrast article .apla section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]), article .apla section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]).contrast {
  stroke: white;
}
article .apla section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]) {
  fill: white;
}
.contrast article .apla section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]), article .apla section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]).contrast {
  fill: white;
}
article .apla section:last-of-type {
  margin-bottom: 0 !important;
}
article .apla.bg-white, html:not(.contrast) article .apla.bg-sand {
  /*dark*/
}
article .apla.bg-white section:not(.uwr-w-liczbach-page).heading svg *, html:not(.contrast) article .apla.bg-sand section:not(.uwr-w-liczbach-page).heading svg * {
  stroke: none;
  fill: none;
}
article .apla.bg-white section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]), html:not(.contrast) article .apla.bg-sand section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]) {
  stroke: #182d45;
}
.contrast article .apla.bg-white section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]), article .apla.bg-white section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]).contrast, .contrast html:not(.contrast) article .apla.bg-sand section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]), html:not(.contrast) article .apla.bg-sand section:not(.uwr-w-liczbach-page).heading svg *[stroke]:not([stroke=none]).contrast {
  stroke: #182d45;
}
article .apla.bg-white section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]), html:not(.contrast) article .apla.bg-sand section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]) {
  fill: #182d45;
}
.contrast article .apla.bg-white section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]), article .apla.bg-white section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]).contrast, .contrast html:not(.contrast) article .apla.bg-sand section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]), html:not(.contrast) article .apla.bg-sand section:not(.uwr-w-liczbach-page).heading svg *[fill]:not([fill=none]).contrast {
  fill: #182d45;
}
article section.heading.icon h1 {
  margin-bottom: 0.25em;
}
article section.heading.icon div#image {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 50px;
  height: 220.0px;
}
@media all and (max-width: 1499px) {
  article section.heading.icon div#image {
    height: 200px;
  }
}
@media all and (max-width: 1099px) {
  article section.heading.icon div#image {
    height: 180px;
  }
}
article section.heading.icon div#image svg {
  width: auto;
  height: 100%;
}
article section.heading.banner {
  margin-bottom: 25px;
  padding-bottom: 0;
  min-height: 500px;
  padding-top: 500px;
}
article section.heading.banner h1 {
  color: white !important;
  margin-bottom: 0.25em;
  color: white;
  position: absolute;
  top: 1em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.contrast article section.heading.banner h1, article section.heading.banner h1.contrast {
  color: white;
}
article section.heading.banner div.lead {
  padding-top: 25px;
}
article section.heading.banner #image, article section.heading.banner #image-preload {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
article section.heading.banner #image:before {
  display: block;
  content: '';
  position: relative;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* W3C */
}
article section.heading.banner #image, article section.heading.banner #image-preload {
  height: 500px;
}
@media all and (max-width: 1099px) {
  article section.heading.banner {
    min-height: 450px;
    padding-top: 450px;
  }
  article section.heading.banner h1 {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
  article section.heading.banner #image, article section.heading.banner #image-preload {
    height: 450px;
  }
}
@media all and (max-width: 600px) {
  article section.heading.banner {
    min-height: 350px;
    padding-top: 350px;
  }
  article section.heading.banner h1 {
    width: 100%;
  }
  article section.heading.banner #image, article section.heading.banner #image-preload {
    height: 350px;
  }
}
article section.heading {
  line-height: 1.5;
  position: relative;
  overflow: hidden;
  background-color: white;
  padding: 1.5em 0 0;
}
.contrast article section.heading, article section.heading.contrast {
  background-color: white;
}
article section.heading:empty {
  padding: 0;
}
article section.heading h1 {
  width: 75%;
  margin: 0 auto 0.75em auto;
  z-index: 1;
  font-size: 3em;
  line-height: 1.35;
  text-transform: uppercase;
  text-align: center;
}
article section.heading div.lead {
  padding-bottom: 15px;
  /*test*/
  margin: 0 auto;
}
article section.heading div.lead p {
  margin: 0 auto 1.5em;
  padding: 0;
}
article section.heading div.lead p:last-of-type {
  margin: 0 auto;
}
article section.heading div.lead #table-of-content {
  margin: 25px 0;
}
article section.row {
  width: 100%;
  clear: both;
}
article .column {
  padding: 0;
  margin: 0 auto 25px auto;
  width: 50%;
}
@media all and (max-width: 1099px) {
  article .column {
    padding: 0 25px;
  }
}
article .column .wp-caption, article .column img {
  display: block;
  margin: 25px 0;
  width: 100% !important;
  height: auto !important;
}
article .column .wp-caption-text {
  font-family: "EuclidFlex-Regular";
  padding: 12.5px 25px;
}
article .column .wp-caption-text i, article .column .wp-caption-text em {
  font-family: "EuclidFlex-Italic";
}
article .column figure {
  width: 100% !important;
  height: auto !important;
  display: block;
}
article .column figure img {
  display: block;
  margin: 0;
  width: 100% !important;
}
article .column iframe {
  width: 100% !important;
  display: block;
}
@media all and (max-width: 1099px) {
  article .column {
    width: 100%;
  }
  article .column .wp-caption, article .column img, article .column table, article .column .menu-image {
    margin-left: -25px;
    margin-right: -25px;
    width: calc(100% + 50px) !important;
  }
}
@media all and (max-width: 600px) {
  article .column {
    padding: 0 25px;
  }
}
article .small-page {
  margin-top: 0;
}
article .small-page .small-column {
  width: 50%;
  float: left;
  padding-right: 25px;
}
@media all and (max-width: 600px) {
  article .small-page .small-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
article .small-page .small-column p {
  margin-top: 0;
  margin-bottom: .8em;
  line-height: 1.2;
}
article .small-page .small-column p a {
  text-decoration: none;
}
article .small-page .small-column p a:hover {
  text-decoration: underline;
}
article .small-page .small-column > *:first-child {
  padding-top: 0;
  margin-top: 0;
}
.page-template-page-two-columns article .heading, .page-template-page-menu article .heading {
  margin-bottom: 25px;
}
.page-template-page-two-columns article .row, .page-template-page-menu article .row {
  display: table;
  padding: 25px 0;
}
@media all and (max-width: 1099px) {
  .page-template-page-two-columns article .row, .page-template-page-menu article .row {
    padding-bottom: 0;
  }
}
.page-template-page-two-columns article .row.hover, .page-template-page-menu article .row.hover {
  cursor: pointer;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.page-template-page-two-columns article .row:nth-child(odd) .column:nth-child(odd), .page-template-page-menu article .row:nth-child(odd) .column:nth-child(odd) {
  float: right;
}
.page-template-page-two-columns article .row:nth-child(odd) .column:nth-child(even), .page-template-page-menu article .row:nth-child(odd) .column:nth-child(even) {
  float: left;
}
.page-template-page-two-columns article .row:nth-child(even) .column:nth-child(odd), .page-template-page-menu article .row:nth-child(even) .column:nth-child(odd) {
  float: left;
}
.page-template-page-two-columns article .row:nth-child(even) .column:nth-child(even), .page-template-page-menu article .row:nth-child(even) .column:nth-child(even) {
  float: right;
}
.page-template-page-two-columns article .row > .column > *:first-child, .page-template-page-menu article .row > .column > *:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.page-template-page-two-columns article .row > .column > *:last-child, .page-template-page-menu article .row > .column > *:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.page-template-page-two-columns article .column, .page-template-page-menu article .column {
  width: 50%;
  margin: 0 auto;
}
@media all and (max-width: 1099px) {
  .page-template-page-two-columns article .column, .page-template-page-menu article .column {
    width: 100%;
  }
}
.page-template-page-two-columns article .column.text, .page-template-page-menu article .column.text {
  padding: 0 25px;
}
@media all and (max-width: 1099px) {
  .page-template-page-two-columns article .column.text, .page-template-page-menu article .column.text {
    margin-bottom: 25px;
  }
}
.page-template-page-two-columns article .heading .column, .page-template-page-menu article .heading .column {
  margin-bottom: 25px;
}
.page-template-page-menu article .row > .column.photos .menu-image {
  width: 100%;
  padding-top: 50% !important;
  position: relative;
}
.page-template-page-menu article .row > .column.photos .menu-image > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
article.two-columns-text .row > .column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  width: 100%;
  padding: 0 25px;
}
@media all and (max-width: 1099px) {
  article.two-columns-text .row > .column {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
article.two-columns-text .row > .column > * {
  -webkit-column-break-inside: avoid;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  page-break-inside: avoid;
  page-break-after: avoid;
  break-after: avoid;
  break-inside: avoid;
  padding-bottom: 14px;
}
article strong {
  font-family: "EuclidFlex-Bold";
}
article p {
  margin: 0 0 1em 0;
}
article .lead {
  position: relative;
  z-index: 1;
  font-family: "EuclidFlex-Regular";
  font-size: 1.5em;
  line-height: 1.5;
  text-align: left;
}
article .lead a {
  text-decoration: underline;
}
article .lead i, article .lead em {
  font-family: "EuclidFlex-Italic";
}
article section.row ol,
article table ol {
  margin: 0 0 1em 0;
  counter-reset: item;
}
article section.row ol li,
article table ol li {
  margin-left: 0;
  counter-increment: item;
  position: relative;
}
article section.row ol li:before,
article table ol li:before {
  display: block;
  position: absolute;
  width: 1.5em;
  padding-right: 0.5em;
  font-family: "EuclidFlex-Bold";
  text-align: left;
  content: counter(item) ".";
}
article section.row ol li:nth-child(-n+999),
article table ol li:nth-child(-n+999) {
  margin-left: 2.5em;
}
article section.row ol li:nth-child(-n+999):before,
article table ol li:nth-child(-n+999):before {
  width: 3.5em;
  left: -2.4em;
}
article section.row ol li:nth-child(-n+99),
article table ol li:nth-child(-n+99) {
  margin-left: 2em;
}
article section.row ol li:nth-child(-n+99):before,
article table ol li:nth-child(-n+99):before {
  width: 2.5em;
  left: -1.5em;
}
article section.row ol li:nth-child(-n+19),
article table ol li:nth-child(-n+19) {
  margin-left: 2em;
}
article section.row ol li:nth-child(-n+19):before,
article table ol li:nth-child(-n+19):before {
  width: 2.5em;
  left: -1.5em;
}
article section.row ol li:nth-child(-n+9),
article table ol li:nth-child(-n+9) {
  margin-left: 1.5em;
}
article section.row ol li:nth-child(-n+9):before,
article table ol li:nth-child(-n+9):before {
  width: 2.5em;
  left: -1.5em;
}
article section.row ol li ol li,
article table ol li ol li {
  margin-left: 1em;
  padding: 0 0 0 1.5em;
}
article section.row ol li ol li:before,
article table ol li ol li:before {
  display: inline-block;
  width: 1.5em;
  padding-right: 0.5em;
  font-family: "TeimerStd-3-Light";
  text-align: right;
  letter-spacing: 0.1em;
  content: counter(item) ")";
}
article section.row ul,
article table ul {
  margin: 0 0.5em 1em 0;
}
article section.row ul li,
article table ul li {
  margin-left: 0.8em;
  list-style: none;
  position: relative;
}
article section.row ul li:before,
article table ul li:before {
  content: "\2013 ";
  /*–*/
  display: block;
  position: absolute;
  left: -0.8em;
}
article section.row ul li ul li,
article table ul li ul li {
  margin-left: 1em;
}
article .list-table {
  font-family: "EuclidFlex-Bold";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: table;
  width: 100%;
  height: 100%;
  margin: 1em auto 1.5em auto;
  /*border-collapse: collapse;*/
}
article .list-table .list-row {
  display: table-row;
  height: 100%;
}
article .list-table .list-row:first-child:last-child > .list-cell:first-child:last-child a {
  width: calc(50% - 12.5px) !important;
}
@media all and (max-width: 1099px) {
  article .list-table .list-row:first-child:last-child > .list-cell:first-child:last-child a {
    width: 100% !important;
  }
}
article .list-table .list-cell {
  display: table-cell;
  position: relative;
  width: 50%;
  height: 100%;
  border: 12.5px;
  border-bottom: 0;
  border-style: solid;
  border-color: transparent;
}
article .list-table .list-cell a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 8px solid;
  margin: 0.4em 0 !important;
}
article .list-table .list-cell a span {
  display: block;
  padding: 0.3em 0;
}
@media all and (max-width: 1099px) {
  article .list-table .list-cell {
    width: 100%;
    display: block;
    height: auto;
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
  article .list-table .list-cell a {
    border-bottom: 5px solid;
  }
}
article .blocks {
  width: 100%;
  clear: both;
  display: table;
  margin-top: 0;
  margin-bottom: 25px;
}
article .blocks .single-sizer,
article .blocks .single {
  width: 50%;
  padding: 0 12.5px;
  display: block;
}
@media all and (max-width: 1099px) {
  article .blocks .single-sizer,
  article .blocks .single {
    width: 100%;
    padding: 0 25px;
  }
}
article .blocks .single-sizer h2,
article .blocks .single h2 {
  padding-bottom: 0.5em;
}
article section.attachments {
  font-family: "EuclidFlex-Regular";
  width: 100%;
  display: table;
  margin-bottom: 0;
  padding-bottom: 0;
}
article section.attachments i, article section.attachments em {
  font-family: "EuclidFlex-Italic";
}
article section.attachments .attachment-table > div > ul {
  padding-left: 6.25px;
  padding-right: 6.25px;
}
article section.attachments .attachment-table > div > ul:first-of-type {
  padding-left: 0;
}
article section.attachments .attachment-table > div > ul:last-of-type {
  padding-right: 0;
}
article section.attachments .attachment-table > div > ul:first-of-type:last-of-type {
  padding-left: 0;
  padding-right: 0;
}
article section.attachments .attachment.col-4-quad .attachment-table > div > ul {
  width: 25%;
}
article section.attachments .attachment.col-4-double .attachment-table > div > ul {
  width: 50%;
}
@media all and (max-width: 850px) {
  article section.attachments .attachment.col-2-double .attachment-table > div > ul {
    width: 50%;
  }
}
article section.attachments .attachment {
  overflow: hidden;
  min-height: 300px;
  height: 100%;
  padding: 12.5px 12.5px 15px 12.5px;
  display: block;
  float: left;
}
@media all and (max-width: 850px) {
  article section.attachments .attachment {
    min-height: 200px;
  }
}
article section.attachments .attachment > .attachment-table {
  display: table;
  width: 100%;
  height: 100%;
}
article section.attachments .attachment > .attachment-table > div {
  display: table-row;
}
article section.attachments .attachment > .attachment-table > div > p {
  font-family: "EuclidFlex-Bold";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.3;
  padding-left: 50px;
  min-height: 5em;
  overflow: hidden;
  background-image: url("../img/attachment-white.svg");
  background-size: 32px;
  background-position: 5px 2px;
  background-repeat: no-repeat;
  margin: 0.5em 0;
}
article section.attachments .attachment > .attachment-table > div > ul, article section.attachments .attachment > .attachment-table > div > ol {
  vertical-align: bottom;
  display: table-cell;
  width: 100%;
  height: 100%;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
article section.attachments .attachment > .attachment-table > div > ul li, article section.attachments .attachment > .attachment-table > div > ol li {
  display: table;
  width: 100%;
  padding: 0.5em 0;
  border-bottom: 3px solid;
}
article section.attachments .attachment > .attachment-table > div > ul li a, article section.attachments .attachment > .attachment-table > div > ol li a {
  display: block;
  text-decoration: none;
}
article section.attachments .attachment > .attachment-table > div > ul li a:hover, article section.attachments .attachment > .attachment-table > div > ul li a:hover span, article section.attachments .attachment > .attachment-table > div > ol li a:hover, article section.attachments .attachment > .attachment-table > div > ol li a:hover span {
  color: #182d45 !important;
}
article section.attachments .attachment > .attachment-table > div > ul li span.attachment-description, article section.attachments .attachment > .attachment-table > div > ol li span.attachment-description {
  margin-left: 4px;
  float: right;
  font-family: "EuclidFlex-Bold";
}

.info {
  padding-top: 0 !important;
  position: relative;
  display: table;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
}
@media all and (max-width: 600px) {
  .info {
    padding-right: 25px;
  }
}
.apla .info {
  margin-bottom: 0;
  padding-right: 25px;
  padding-bottom: 25px;
}

.share {
  font-family: "EuclidFlex-Bold";
  width: 100%;
  display: table;
  text-align: right;
  position: relative;
  font-size: 0.8em;
  padding: 0;
}
.share > a {
  float: right;
  position: relative;
  display: block;
  height: 25px;
  width: 25px;
  z-index: 5;
}
.share > a svg {
  width: 100%;
  height: 100%;
}
.share ul {
  margin: 0 !important;
  display: none;
  border-bottom: 3px solid;
  z-index: 4;
  position: absolute;
  height: 30px;
  top: 2px;
  right: 0;
  overflow: hidden;
}
.share ul li:first-child {
  margin-top: -2px !important;
}
.share ul li:last-child {
  visibility: hidden;
  width: 30px;
}
.share ul li {
  margin: 0 !important;
  display: block;
  float: left;
  vertical-align: top;
  padding: 0 10px 0 0;
  height: 50px;
  overflow: hidden;
  line-height: 30px;
}
.share ul li a svg {
  width: 13px;
  height: 13px;
}

.author {
  display: none;
  width: 25%;
  position: absolute;
  bottom: 50px;
  left: 75%;
  overflow: visible;
  padding-left: 12.5px;
}
.author p {
  font-size: 80%;
  margin-bottom: 0;
}
.author p:last-child {
  margin-bottom: -1px;
}
.two-columns .author {
  font-size: 2em;
}
.page-template-page-two-columns .author {
  position: static;
  height: auto;
}
@media all and (max-width: 1099px) {
  .author {
    position: static;
    float: left;
    width: 100%;
    top: auto;
    padding-top: 1em;
    padding-right: 25px;
    padding-left: 0;
  }
}
@media all and (max-width: 600px) {
  .author {
    padding-left: 25px;
  }
}

.wp-video {
  margin-bottom: 2em;
}

.tiles {
  width: 100%;
  display: table;
  position: relative;
  background-color: white;
}
.tiles.border-white {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 25px;
  margin-top: 25px;
  border-color: white;
  position: relative;
}

.tiles.border-white.tiles_special{
  margin-top: 25px;
  margin-bottom: -25px;
}

a.single_special_tile.bg-image.banner {
  width: 100%;
  height: 230px;
  padding-top: 0;
}

.contrast .tiles.border-white, .tiles.border-white.contrast {
  border-color: white;
}
@media all and (max-width: 600px) {
  .tiles.border-white {
    padding: 0;
    border-top: 0;
  }
}
.contrast .tiles, .tiles.contrast {
  background-color: white;
}
.tiles.auto-height {
  display: table-row;
}
.tiles.auto-height > * {
  display: table-cell;
  float: none;
}
@media all and (max-width: 850px) {
  .tiles.auto-height > * {
    display: block;
    float: left;
  }
}
.tiles.auto-height .static {
  cursor: default;
  padding-top: 0 !important;
  font-size: 150%;
}
.tiles.auto-height .static > div:nth-child(1) {
  position: static;
}
.tiles.auto-height .static .tile-cell {
  padding: 0 12.5px 0;
}

.tiles > *,
.tile-item {
  font-family: "EuclidFlex-Regular";
  line-height: 1.5;
  display: block;
  cursor: pointer;
  padding-top: 25%;
  background-color: #b4b4b4;
  float: left;
  border: 0;
  position: relative;
  color: white;
  -webkit-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  -moz-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
}
.contrast .tiles > *, .tiles > *.contrast, .contrast
.tile-item,
.tile-item.contrast {
  background-color: #182d45;
}
.contrast .tiles > *, .tiles > *.contrast, .contrast
.tile-item,
.tile-item.contrast {
  color: white;
}
@media all and (max-width: 850px) {
  .tiles > *,
  .tile-item {
    padding-top: 50%;
  }
}
.tiles > *.col-4-double .tile-text span,
.tile-item.col-4-double .tile-text span {
  width: 50%;
}
@media all and (max-width: 850px) {
  .tiles > *.col-4-double .tile-text span,
  .tile-item.col-4-double .tile-text span {
    width: 100%;
  }
  .tiles > *.col-2-double .tile-text span,
  .tile-item.col-2-double .tile-text span {
    width: 50%;
  }
}
body:not(.touch) .tiles > *:not(.no-transform):hover, body:not(.touch)
.tile-item:not(.no-transform):hover {
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
body:not(.touch) .tiles > *:not(.no-transform).col-4-double:hover, body:not(.touch)
.tile-item:not(.no-transform).col-4-double:hover {
  -webkit-transform: scale(0.95, 0.9);
  -moz-transform: scale(0.95, 0.9);
  transform: scale(0.95, 0.9);
}
body:not(.touch) .tiles > *:not(.no-transform).col-4-quad:hover, body:not(.touch)
.tile-item:not(.no-transform).col-4-quad:hover {
  -webkit-transform: scale(0.975, 0.9);
  -moz-transform: scale(0.975, 0.9);
  transform: scale(0.975, 0.9);
}
body:not(.touch) .tiles > *:not(.no-transform).col-4-quad:hover > div:nth-child(1), body:not(.touch)
.tile-item:not(.no-transform).col-4-quad:hover > div:nth-child(1) {
  background-size: cover;
}
@media all and (max-width: 850px) {
  body:not(.touch) .tiles > *:not(.no-transform).col-2-double:hover, body:not(.touch)
  .tile-item:not(.no-transform).col-2-double:hover {
    -webkit-transform: scale(0.95, 0.9);
    -moz-transform: scale(0.95, 0.9);
    transform: scale(0.95, 0.9);
  }
}
.tiles > * > div:nth-child(1),
.tile-item > div:nth-child(1) {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tiles > * .tile-table,
.tile-item .tile-table {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.tiles > * .tile-space,
.tile-item .tile-space {
  display: table-row;
  font-size: 2.5em;
  height: auto;
}
@media all and (max-width: 1099px) {
  .tiles > * .tile-space,
  .tile-item .tile-space {
    font-size: 1em;
  }
}
@media all and (max-width: 850px) {
  .tiles > * .tile-space,
  .tile-item .tile-space {
    font-size: 2.5em;
  }
}
@media all and (max-width: 600px) {
  .tiles > * .tile-space,
  .tile-item .tile-space {
    font-size: 1em;
  }
}
.tiles > * .tile-icon,
.tile-item .tile-icon {
  display: table-row;
  height: 60%;
}
@media all and (max-width: 1099px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 60%;
  }
}
@media all and (max-width: 980px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 50%;
  }
}
@media all and (max-width: 850px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 60%;
  }
}
@media all and (max-width: 600px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 60%;
  }
}
@media all and (max-width: 460px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 60%;
  }
}
@media all and (max-width: 400px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 55%;
  }
}
@media all and (max-width: 340px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 45%;
  }
}
@media all and (max-width: 300px) {
  .tiles > * .tile-icon,
  .tile-item .tile-icon {
    height: 35%;
  }
}
.tiles > * .tile-icon .tile-cell,
.tile-item .tile-icon .tile-cell {
  display: table-cell;
  vertical-align: bottom;
}
.tiles > * .tile-icon .icon-container,
.tile-item .tile-icon .icon-container {
  position: relative;
  left: 25px;
  width: calc(100% - 25px - 25px);
  height: 100%;
}
.tiles > * .tile-icon img, .tiles > * .tile-icon svg,
.tile-item .tile-icon img,
.tile-item .tile-icon svg {
  position: absolute;
  max-width: 100%;
  height: 100%;
}
.tiles > * .tile-text,
.tile-item .tile-text {
  display: table-row;
  height: 0;
}
.tiles > * .tile-text .tile-cell,
.tile-item .tile-text .tile-cell {
  display: table-cell;
  vertical-align: bottom;
}
.tiles > * .tile-text .p,
.tile-item .tile-text .p {
  border-bottom: 3px solid;
  margin: 4% 12.5px 15px 12.5px;
  line-height: 1.1;
  padding: 12.5px 0;
  font-size: 1.5em;
  display: table;
  width: calc(100% - 25px);
}
@media all and (max-width: 600px) {
  .tiles > * .tile-text .p,
  .tile-item .tile-text .p {
    margin: 4% 12.5px 12.5px 12.5px;
    padding: 6.25px 0;
    font-size: 1.3em;
  }
}
.tiles > * .tile-text span,
.tile-item .tile-text span {
  word-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  max-height: 2.25em;
  display: block;
}
@media all and (max-width: 600px) {
  .tiles > * .tile-text span,
  .tile-item .tile-text span {
    max-height: 3.15em;
  }
}
.tiles > *.text-icon .tile-icon,
.tile-item.text-icon .tile-icon {
  -moz-font-feature-settings: "ss09";
  -webkit-font-feature-settings: "ss09";
  font-feature-settings: "ss09";
}
.tiles > *.text-icon .tile-icon > .tile-cell,
.tile-item.text-icon .tile-icon > .tile-cell {
  position: relative;
}
.tiles > *.text-icon .icon-container,
.tile-item.text-icon .icon-container {
  position: absolute;
  height: auto;
  line-height: 1;
  text-transform: uppercase;
  font-size: 8vw;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 2*25px);
  bottom: 0;
}
@media all and (max-width: 1099px) {
  .tiles > *.text-icon .icon-container,
  .tile-item.text-icon .icon-container {
    font-size: 7vw;
  }
}
@media all and (max-width: 850px) {
  .tiles > *.text-icon .icon-container,
  .tile-item.text-icon .icon-container {
    font-size: 16vw;
  }
}
@media all and (max-width: 600px) {
  .tiles > *.text-icon .icon-container,
  .tile-item.text-icon .icon-container {
    font-size: 15vw;
  }
}
.tiles > *.date .tile-space,
.tile-item.date .tile-space {
  font-size: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.5;
}
.tiles > *.date .tile-space span,
.tile-item.date .tile-space span {
  display: table-cell;
  padding: 1em 1em 0 1em;
}
.tiles > *.date .icon-container,
.tile-item.date .icon-container {
  left: 12.5px;
  height: auto;
  font-size: 6vw;
}
@media all and (max-width: 1099px) {
  .tiles > *.date .icon-container,
  .tile-item.date .icon-container {
    font-size: 5vw;
  }
}
@media all and (max-width: 850px) {
  .tiles > *.date .icon-container,
  .tile-item.date .icon-container {
    font-size: 12vw;
  }
}
@media all and (max-width: 600px) {
  .tiles > *.date .icon-container,
  .tile-item.date .icon-container {
    font-size: 11vw;
  }
}
.tiles > *.date .icon-container .date-title:first-child,
.tile-item.date .icon-container .date-title:first-child {
  font-family: "EuclidFlex-Bold";
  line-height: 1;
  margin-bottom: 0;
}
.tiles > *.date .icon-container .date-title:not(:first-child),
.tile-item.date .icon-container .date-title:not(:first-child) {
  font-size: 20%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.tiles > *.banner > div:nth-child(1),
.tile-item.banner > div:nth-child(1) {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.tiles > *.banner > div:nth-child(1):before,
.tile-item.banner > div:nth-child(1):before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
}
.tiles > *.text-auto-size > div:nth-child(1),
.tile-item.text-auto-size > div:nth-child(1) {
  font-size: 1.5em;
  padding: 0.75em 1em 0 1em;
  height: 100%;
  overflow: hidden;
}
.tiles > *.text-auto-size h3,
.tile-item.text-auto-size h3 {
  margin-top: 0;
}
.tiles > *.with-sub-menu .p,
.tile-item.with-sub-menu .p {
  position: relative;
}
.tiles > *.with-sub-menu .sub-menu,
.tile-item.with-sub-menu .sub-menu {
  position: absolute;
  bottom: 12.5px;
  right: 0;
}
@media all and (max-width: 600px) {
  .tiles > *.with-sub-menu .sub-menu,
  .tile-item.with-sub-menu .sub-menu {
    display: none !important;
  }
}
.tiles > *.with-sub-menu .sub-menu svg,
.tile-item.with-sub-menu .sub-menu svg {
  width: 1.6em;
  height: 1.3em;
  display: block;
}
.tiles > *.with-sub-menu .sub-menu svg:first-of-type,
.tile-item.with-sub-menu .sub-menu svg:first-of-type {
  display: block;
}
.tiles > *.with-sub-menu .sub-menu svg:last-of-type,
.tile-item.with-sub-menu .sub-menu svg:last-of-type {
  display: none;
}
.tiles > *.with-sub-menu .sub-menu svg:first-of-type:last-of-type,
.tile-item.with-sub-menu .sub-menu svg:first-of-type:last-of-type {
  display: block;
}
.tiles > *.with-sub-menu .sub-menu span,
.tile-item.with-sub-menu .sub-menu span {
  font-family: "EuclidFlex-Bold";
  text-decoration: none !important;
  text-align: center;
  font-size: 0.6em;
  position: absolute;
  bottom: -0.1em;
  letter-spacing: normal;
  width: 100%;
}
.tiles > *.with-sub-menu .sub-menu:hover svg:first-of-type,
.tile-item.with-sub-menu .sub-menu:hover svg:first-of-type {
  display: none;
}
.tiles > *.with-sub-menu .sub-menu:hover svg:last-of-type,
.tile-item.with-sub-menu .sub-menu:hover svg:last-of-type {
  display: block;
}
.tiles > *.with-sub-menu .sub-menu:hover svg:first-of-type:last-of-type,
.tile-item.with-sub-menu .sub-menu:hover svg:first-of-type:last-of-type {
  display: block;
}
.tiles > *.with-sub-menu .sub-menu:hover span,
.tile-item.with-sub-menu .sub-menu:hover span {
  display: none;
}
.tiles > *.with-sub-menu .sub-menu a,
.tile-item.with-sub-menu .sub-menu a {
  text-decoration: none;
}
.tiles > *.with-sub-menu .sub-menu a:hover,
.tile-item.with-sub-menu .sub-menu a:hover {
  text-decoration: underline;
}
.tiles > *.with-sub-menu ul:not(.children),
.tile-item.with-sub-menu ul:not(.children) {
  margin: 0;
  position: absolute;
  bottom: 12.5px;
  left: 50%;
  font-size: 0.7em;
}
@media all and (max-width: 850px) {
  .tiles > *.with-sub-menu ul:not(.children),
  .tile-item.with-sub-menu ul:not(.children) {
    display: none;
  }
}
.tiles > *.with-sub-menu ul:not(.children) li,
.tile-item.with-sub-menu ul:not(.children) li {
  margin-left: 0;
}
.tiles > *.with-sub-menu ul:not(.children) li:before,
.tile-item.with-sub-menu ul:not(.children) li:before {
  display: none;
}
.tiles > *.with-sub-menu ul,
.tile-item.with-sub-menu ul {
  margin-left: 1.5em;
}
.tiles > *.with-sub-menu ul a,
.tile-item.with-sub-menu ul a {
  line-height: 1.5;
  text-decoration: none;
}
.tiles > *.with-sub-menu ul a:hover,
.tile-item.with-sub-menu ul a:hover {
  text-decoration: underline;
}
@media all and (max-width: 850px) {
  .tiles > *.with-sub-menu.col-2-double ul:not(.children),
  .tile-item.with-sub-menu.col-2-double ul:not(.children) {
    display: block;
  }
}

_:-ms-lang(x), _:-webkit-full-screen, .tiles > * .tile-icon img {
  width: 100%;
}

section.links {
  color: #00669e;
  width: 100%;
  margin: 0 0 25px 0;
  display: table;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}
.contrast section.links, section.links.contrast {
  color: #182d45;
}
@media all and (max-width: 850px) {
  section.links {
    padding-top: 0;
    margin: 25px auto;
    display: block;
  }
}
section.links h2 {
  margin: 0;
}
section.links > ul {
  display: table-row;
  width: 100%;
}
@media all and (max-width: 850px) {
  section.links > ul {
    display: table;
    width: 50%;
    float: right;
  }
}
@media all and (max-width: 600px) {
  section.links > ul {
    width: 100%;
    float: none;
  }
}
section.links > ul a {
  display: inline-block;
  vertical-align: top;
  font-size: 1em;
  color: #182d45;
  text-decoration: none;
}
.contrast section.links > ul a, section.links > ul a.contrast {
  color: #182d45;
}
section.links > ul a:hover {
  color: #00669e;
}
.contrast section.links > ul a:hover, section.links > ul a:hover.contrast {
  color: #182d45;
}
.contrast section.links > ul a:hover {
  color: #00669e;
}
section.links > ul > li {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 25%;
  padding-bottom: 1em;
  margin-right: 25px;
  padding-right: 25px;
}
section.links > ul > li:after {
  display: block;
  content: "";
  width: calc(100% - 25px);
  height: 3px;
  background-color: #00669e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contrast section.links > ul > li:after {
  background-color: #182d45;
}
section.links > ul > li:first-child {
  padding-right: 12.5px;
  margin-bottom: 1em;
}
section.links > ul > li:first-child:after {
  display: none;
}
@media all and (max-width: 850px) {
  section.links > ul > li {
    display: inline-block;
    float: left;
    width: 100%;
    padding-bottom: 0;
    border-bottom: none;
  }
  section.links > ul > li:after {
    display: none;
  }
  section.links > ul > li:first-child {
    position: absolute;
    left: 0;
  }
  section.links > ul > li:last-child {
    padding-bottom: 1em;
    border-bottom: 3px solid;
  }
  .contrast section.links > ul > li:last-child {
    border-color: #182d45;
  }
}
@media all and (max-width: 600px) {
  section.links > ul > li:first-child {
    position: static;
  }
}

table {
  width: 100%;
  margin: 30px auto 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  font-family: "EuclidFlex-Regular";
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table thead,
table tfoot {
  font-family: "EuclidFlex-Bold" !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
table thead td,
table tfoot td {
  text-align: left !important;
  vertical-align: top;
  word-break: initial;
}
table thead th,
table thead td {
  padding: 8px 8px 25px 0;
  border-bottom: 3px solid #182d45;
}
table thead th:active,
table thead td:active {
  outline: none;
}
table tfoot th,
table tfoot td {
  padding: 8px 8px 25px 0;
  border-top: 3px solid #182d45;
}
table thead tr > td:first-child,
table tfoot tr > td:first-child,
table thead tr > th:first-child,
table tfoot tr > th:first-child {
  padding-left: 25px;
}
table thead tr > td:last-child,
table tfoot tr > td:last-child,
table thead tr > th:last-child,
table tfoot tr > th:last-child {
  padding-right: 25px;
}
table thead .sorting,
table thead .sorting_asc,
table thead .sorting_desc {
  cursor: pointer;
}
table thead .sorting,
table thead .sorting_asc,
table thead .sorting_desc,
table thead .sorting_asc_disabled,
table thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: bottom center;
}
table thead .sorting_asc,
table thead .sorting_desc {
  position: relative;
}
table thead .sorting_asc:after,
table thead .sorting_desc:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 9;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 9px;
}
table tbody th,
table tbody td {
  font-family: "EuclidFlex-Regular" !important;
  text-align: left !important;
  padding: 8px 16px 8px 0;
  word-break: initial;
  vertical-align: top;
}
table tbody tr > td:first-child {
  padding-left: 25px;
}
table tbody tr > td:last-child {
  padding-right: 25px;
}
table tbody tr.even {
  background-color: transparent;
}
table tbody tr.odd {
  background-color: rgba(0, 0, 0, 0.05);
}
table:not(.dataTable) tr:nth-child(even) {
  background-color: transparent;
}
table:not(.dataTable) tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
table.compact thead th,
table.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.compact tfoot th,
table.compact tfoot td {
  padding: 4px;
}
table.compact tbody th,
table.compact tbody td {
  padding: 4px;
}
table th.dt-left,
table td.dt-left {
  text-align: left;
}
table th.dt-center,
table td.dt-center,
table td.dataTables_empty {
  text-align: center;
}
table th.dt-right,
table td.dt-right {
  text-align: right;
}
table th.dt-justify,
table td.dt-justify {
  text-align: justify;
}
table th.dt-nowrap,
table td.dt-nowrap {
  white-space: nowrap;
}
table thead th.dt-head-left,
table thead td.dt-head-left,
table tfoot th.dt-head-left,
table tfoot td.dt-head-left {
  text-align: left;
}
table thead th.dt-head-center,
table thead td.dt-head-center,
table tfoot th.dt-head-center,
table tfoot td.dt-head-center {
  text-align: center;
}
table thead th.dt-head-right,
table thead td.dt-head-right,
table tfoot th.dt-head-right,
table tfoot td.dt-head-right {
  text-align: right;
}
table thead th.dt-head-justify,
table thead td.dt-head-justify,
table tfoot th.dt-head-justify,
table tfoot td.dt-head-justify {
  text-align: justify;
}
table thead th.dt-head-nowrap,
table thead td.dt-head-nowrap,
table tfoot th.dt-head-nowrap,
table tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table tbody th.dt-body-left,
table tbody td.dt-body-left {
  text-align: left;
}
table tbody th.dt-body-center,
table tbody td.dt-body-center {
  text-align: center;
}
table tbody th.dt-body-right,
table tbody td.dt-body-right {
  text-align: right;
}
table tbody th.dt-body-justify,
table tbody td.dt-body-justify {
  text-align: justify;
}
table tbody th.dt-body-nowrap,
table tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table,
table th,
table td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  /*zoom: 1;*/
  margin-bottom: 25px;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

thead .sorting_asc {
  background-image: url("../img/sort_asc.png");
}

thead .sorting_desc {
  background-image: url("../img/sort_desc.png");
}

thead th, thead td,
tfoot th, tfoot td {
  border-color: #182d45;
}

thead .sorting_asc:after,
thead .sorting_desc:after {
  background-color: #182d45;
}

.apla:not(.bg-sand) thead .sorting_asc {
  background-image: url("../img/sort_asc_white.png");
}
.apla:not(.bg-sand) thead .sorting_desc {
  background-image: url("../img/sort_desc_white.png");
}
.apla:not(.bg-sand) thead th, .apla:not(.bg-sand) thead td,
.apla:not(.bg-sand) tfoot th, .apla:not(.bg-sand) tfoot td {
  border-color: white;
}
.apla:not(.bg-sand) thead .sorting_asc:after,
.apla:not(.bg-sand) thead .sorting_desc:after {
  background-color: white;
}

@media all and (max-width: 850px) {
  body article .sorting_asc td.sorting_1:before {
    background-image: url("../img/sort_asc.png");
  }
  body article .sorting_desc td.sorting_1:before {
    background-image: url("../img/sort_desc.png");
  }
  body article .apla:not(.bg-sand) .sorting_asc td.sorting_1:before {
    background-image: url("../img/sort_asc_white.png");
  }
  body article .apla:not(.bg-sand) .sorting_desc td.sorting_1:before {
    background-image: url("../img/sort_desc_white.png");
  }
  body table.table-wide td {
    display: block;
    padding: 0 12.5px 0 35px !important;
  }
  body table.table-wide td:first-child {
    padding-top: 4px !important;
  }
  body table.table-wide td:last-child {
    padding-bottom: 4px !important;
  }
  body table.table-wide thead {
    display: none;
  }
  body table.table-wide.dataTable tbody td:before {
    content: attr(data-title) ": ";
    font-family: "EuclidFlex-Bold";
    position: relative;
    left: -25px;
    padding-left: 25px;
    margin-right: -25px;
  }
  body table.table-wide.dataTable td.sorting_1 {
    padding-left: 35px;
  }
  body table.table-wide.dataTable td.sorting_1:before {
    left: -25px !important;
  }
  body table.table-wide.dataTable.sorting_asc td.sorting_1:before, body table.table-wide.dataTable.sorting_desc td.sorting_1:before {
    left: -15px;
    background-repeat: no-repeat;
    background-position: left top;
  }
}

.form {
  display: table;
  width: 100%;
  font-family: "EuclidFlex-Regular";
}
.form input:not([type=submit]),
.form select,
.form textarea {
  display: block;
  font-size: 1.5em;
  font-family: "EuclidFlex-Regular";
  text-align: left;
  letter-spacing: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border-width: 0;
  border-style: solid;
  border-bottom-width: 3px;
  padding: 8px 0 8px 0;
  margin: 0;
  outline-width: 0;
  outline: none;
  line-height: 1.5;
  resize: none;
  width: 100%;
}
.form input::-webkit-input-placeholder {
  color: #b4b4b4;
}
.contrast .form input::-webkit-input-placeholder, .form input::-webkit-input-placeholder.contrast {
  color: #182d45;
}
.form input:-moz-placeholder {
  color: #b4b4b4;
}
.contrast .form input:-moz-placeholder, .form input:-moz-placeholder.contrast {
  color: #182d45;
}
.form input::-moz-placeholder {
  color: #b4b4b4;
}
.contrast .form input::-moz-placeholder, .form input::-moz-placeholder.contrast {
  color: #182d45;
}
.form input:-ms-input-placeholder {
  color: #b4b4b4;
}
.contrast .form input:-ms-input-placeholder, .form input:-ms-input-placeholder.contrast {
  color: #182d45;
}
.form textarea {
  margin-top: 0;
}
.form select {
  cursor: pointer;
}
.bg-white .form select option {
  background-color: white;
}
.contrast .bg-white .form select option, .bg-white .form select option.contrast {
  background-color: white;
}
.bg-sand .form select option {
  background-color: #e1ddca;
}
.contrast .bg-sand .form select option, .bg-sand .form select option.contrast {
  background-color: #182d45;
}
.bg-blue .form select option {
  background-color: #00669e;
}
.contrast .bg-blue .form select option, .bg-blue .form select option.contrast {
  background-color: #182d45;
}
.bg-lightblue .form select option {
  background-color: #6e91aa;
}
.contrast .bg-lightblue .form select option, .bg-lightblue .form select option.contrast {
  background-color: #182d45;
}
.bg-skyblue .form select option {
  background-color: #9ac2d8;
}
.contrast .bg-skyblue .form select option, .bg-skyblue .form select option.contrast {
  background-color: #182d45;
}
.bg-navy .form select option {
  background-color: #182d45;
}
.contrast .bg-navy .form select option, .bg-navy .form select option.contrast {
  background-color: #182d45;
}
.bg-grey .form select option {
  background-color: #b4b4b4;
}
.contrast .bg-grey .form select option, .bg-grey .form select option.contrast {
  background-color: #182d45;
}
.bg-violet .form select option {
  background-color: #9191a5;
}
.contrast .bg-violet .form select option, .bg-violet .form select option.contrast {
  background-color: #182d45;
}
.bg-orange .form select option {
  background-color: #ff7662;
}
.contrast .bg-orange .form select option, .bg-orange .form select option.contrast {
  background-color: #182d45;
}
.form .detail-select {
  overflow: hidden;
  position: relative;
  display: block;
  color: #182d45;
  z-index: 0;
  border-color: #182d45;
}
.form .detail-select:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0.7em;
  width: 0;
  height: 0;
  margin-right: 7px;
  cursor: pointer;
  border-style: solid;
  border-width: 0 7px 14px 7px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  -webkit-transition: transform 250ms linear;
  -moz-transition: transform 250ms linear;
  transition: transform 250ms linear;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.form .detail-select:hover:after {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
}

.button {
  display: inline-block;
  text-decoration: none;
  font-family: "EuclidFlex-Regular";
  background-color: transparent;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.15em;
  /*set only color to change color&border-color*/
  border: 3px solid;
  cursor: pointer;
  padding: 0.4em 1.2em;
  -webkit-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  -moz-transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
  transition: all 250ms cubic-bezier(0.74, 0.12, 0.9, 0.3);
}
.button svg {
  height: 90%;
}

.button-big {
  padding: 1.5em;
}

.button-color-normal {
  /*by default color and border-color from bg-class*/
  /*no apla*/
  color: #182d45;
}
html:not(.contrast) .button-color-normal:hover:not(.disabled) {
  color: #182d45!important;
}
.contrast html:not(.contrast) .button-color-normal:hover:not(.disabled), html:not(.contrast) .button-color-normal:hover:not(.disabled).contrast {
  color: #182d45!important;
}
html .apla.bg-navy .button-color-normal:hover:not(.disabled) {
  color: white!important;
}
.contrast html .apla.bg-navy .button-color-normal:hover:not(.disabled), html .apla.bg-navy .button-color-normal:hover:not(.disabled).contrast {
  color: white!important;
}
.contrast .button-color-normal, .button-color-normal.contrast {
  color: #182d45;
}

.button-color-opposite {
  /*apla */
  /*no apla*/
  color: #182d45;
}
html:not(.contrast) .apla:not(.bg-white):not(.bg-sand):not(.bg-navy) .button-color-opposite {
  color: #182d45!important;
}
.contrast html:not(.contrast) .apla:not(.bg-white):not(.bg-sand):not(.bg-navy) .button-color-opposite, html:not(.contrast) .apla:not(.bg-white):not(.bg-sand):not(.bg-navy) .button-color-opposite.contrast {
  color: #182d45!important;
}
html:not(.contrast) .apla:not(.bg-white):not(.bg-sand):not(.bg-navy) .button-color-opposite:hover:not(.disabled) {
  color: white!important;
}
.contrast html:not(.contrast) .apla:not(.bg-white):not(.bg-sand):not(.bg-navy) .button-color-opposite:hover:not(.disabled), html:not(.contrast) .apla:not(.bg-white):not(.bg-sand):not(.bg-navy) .button-color-opposite:hover:not(.disabled).contrast {
  color: white!important;
}
.button-color-opposite html.contrast .apla:not(.bg-white), .apla.bg-navy .button-color-opposite {
  color: white!important;
}
.contrast .button-color-opposite html.contrast .apla:not(.bg-white), .button-color-opposite html.contrast .apla:not(.bg-white).contrast, .contrast .apla.bg-navy .button-color-opposite, .apla.bg-navy .button-color-opposite.contrast {
  color: white!important;
}
.button-color-opposite html.contrast .apla:not(.bg-white):hover, .apla.bg-navy .button-color-opposite:hover {
  color: white!important;
}
.contrast .button-color-opposite html.contrast .apla:not(.bg-white):hover, .button-color-opposite html.contrast .apla:not(.bg-white):hover.contrast, .contrast .apla.bg-navy .button-color-opposite:hover, .apla.bg-navy .button-color-opposite:hover.contrast {
  color: white!important;
}
.contrast .button-color-opposite, .button-color-opposite.contrast {
  color: #182d45;
}

.disabled {
  opacity: 0.5;
  cursor: default;
}

.button-more {
  display: block;
  position: relative;
}
@-webkit-keyframes moreloader {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes moreloader {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes moreloader {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.button-more:before, .button-more:after {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.button-more:before {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: moreloader 1.5s infinite;
  -moz-animation: moreloader 1.5s infinite;
  animation: moreloader 1.5s infinite;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  background-color: #182d45;
  background: -moz-linear-gradient(left, #182d45 0%, #182d45 25%, rgba(24, 45, 69, 0) 26%, rgba(24, 45, 69, 0) 75%, #182d45 76%, #182d45 100%);
  background: -webkit-linear-gradient(left, #182d45 0%, #182d45 25%, rgba(24, 45, 69, 0) 26, rgba(24, 45, 69, 0) 75%, #182d45 76%, #182d45 100%);
  background: linear-gradient(to right, #182d45 0%, #182d45 25%, rgba(24, 45, 69, 0) 26%, rgba(24, 45, 69, 0) 75%, #182d45 76%, #182d45 100%);
}
.button-more:after {
  width: 34px;
  height: 34px;
  margin-top: -17px;
  margin-left: -17px;
  background-color: white;
}
.button-more.active:before, .button-more.active:after {
  opacity: 1;
  visibility: visible;
  content: "";
  display: block;
  position: absolute;
  z-index: 35;
  top: 50%;
  left: 50%;
  border-radius: 50%;
}
.button-more.active {
  color: transparent !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.button-more.active:hover {
  color: transparent !important;
}

@-webkit-keyframes moreloader {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes moreloader {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes moreloader {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.blockOverlay:before, .blockOverlay:after {
  opacity: 1;
  visibility: visible;
  content: "";
  display: block;
  position: absolute;
  z-index: 35;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  color: transparent !important;
  border-color: transparent !important;
  background-color: transparent !important;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.blockOverlay:before:hover, .blockOverlay:after:hover {
  color: transparent !important;
}
.blockOverlay:before {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: moreloader 1.5s infinite;
  -moz-animation: moreloader 1.5s infinite;
  animation: moreloader 1.5s infinite;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  background-color: #182d45;
  background: -moz-linear-gradient(left, #182d45 0%, #182d45 25%, rgba(24, 45, 69, 0) 26%, rgba(24, 45, 69, 0) 75%, #182d45 76%, #182d45 100%);
  background: -webkit-linear-gradient(left, #182d45 0%, #182d45 25%, rgba(24, 45, 69, 0) 26, rgba(24, 45, 69, 0) 75%, #182d45 76%, #182d45 100%);
  background: linear-gradient(to right, #182d45 0%, #182d45 25%, rgba(24, 45, 69, 0) 26%, rgba(24, 45, 69, 0) 75%, #182d45 76%, #182d45 100%);
}
.blockOverlay:after {
  width: 34px;
  height: 34px;
  margin-top: -17px;
  margin-left: -17px;
  background-color: white !important;
}

/* on pages */
.tooltip, .hint {
  font-family: "EuclidFlex-Regular";
  display: inline-block;
  background-color: #182d45;
  color: white !important;
  font-size: 12px;
  position: relative;
  top: -3px;
  line-height: 0;
  height: 0;
  cursor: pointer;
  padding: 8px 3px 3px;
  z-index: 1;
}
.tooltip:before, .hint:before {
  content: "";
  display: inline-block;
  color: white;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #182d45;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.tooltip:after, .hint:after {
  content: "\2A";
  color: white;
}

.hint {
  padding-bottom: 7px;
}
.hint:before {
  border-bottom-width: 10px;
}
.hint:after {
  content: "?";
}

html:not(.contrast) .hint {
  background-color: #9191a5;
}
html:not(.contrast) .hint:before {
  border-left-color: #9191a5;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border: none;
  background: #182d45;
  color: white;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-size: 14px;
  line-height: 21px;
  padding: 10px 14px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* on header */
/* on share */
/* on shop */
.tooltip-on-header {
  position: fixed !important;
  /* must be fixed in header :( */
}

.tooltip-on-shop,
.tooltip-on-header,
.tooltip-on-share {
  cursor: pointer;
  margin-top: -4px !important;
  background: #00669e;
  color: white;
}
.contrast .tooltip-on-shop, .contrast
.tooltip-on-header, .contrast
.tooltip-on-share {
  background: #182d45;
}

.tooltip-on-shop {
  background: #9191a5;
}
.contrast .tooltip-on-shop {
  background: #182d45;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltip-on-shop .tooltipster-content {
  font-size: 14px;
  line-height: 21px;
  padding: 8px 12px;
  overflow: hidden;
}

.tooltip-on-header .tooltipster-content,
.tooltip-on-share .tooltipster-content {
  font-size: 12px;
  line-height: 15px;
  padding: 2px 4px;
  overflow: hidden;
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  margin-top: -25px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 48;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

article .video-item {
  width: 100%;
  height: auto;
  display: table;
  position: relative;
}
article .video-item > img {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
article .video-item:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/grain.png");
  opacity: 0.7;
}
article .video-item:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  content: "";
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  background-image: url("../img/play.svg");
  opacity: 1;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
@media all and (min-width: 1500px) {
  article .video-item:after {
    margin-left: -60px;
    margin-top: -60px;
    width: 120px;
    height: 120px;
  }
}
article .video-item:hover:after {
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.section-grid {
  background-color: rgba(225, 221, 202, 0.5);
}

.section-grid .section-grid-item,
.section-grid .puol-grid-item,
.puol-grid .section-grid-item,
.puol-grid .puol-grid-item {
  background-color: transparent;
  text-decoration: none;
}
.section-grid .puol-grid-item .interesting > .table > .table-row > .table-cell .table,
.puol-grid .puol-grid-item .interesting > .table > .table-row > .table-cell .table {
  margin: 25px 0;
}
.section-grid .section-grid-item .interesting > .table > .table-row > .table-cell .table,
.puol-grid .section-grid-item .interesting > .table > .table-row > .table-cell .table {
  margin: 0 0;
}
.section-grid .section-grid-item .interesting > .table > .table-row > .table-cell .table > *:last-child,
.puol-grid .section-grid-item .interesting > .table > .table-row > .table-cell .table > *:last-child {
  margin-bottom: 0;
}
.section-grid .section-grid-item .interesting > .table > .table-row > .table-cell .table h4,
.puol-grid .section-grid-item .interesting > .table > .table-row > .table-cell .table h4 {
  border-bottom: 3px solid;
  padding-bottom: 0.5em;
  width: calc(100% + 12.5px);
}
.section-grid .section-grid-item.tile-item,
.section-grid .puol-grid-item.tile-item,
.puol-grid .section-grid-item.tile-item,
.puol-grid .puol-grid-item.tile-item {
  border-color: transparent;
  color: transparent;
  -webkit-transition: transform 250ms, opacity 200ms;
  -moz-transition: transform 250ms, opacity 200ms;
  transition: transform 250ms, opacity 200ms;
}
.section-grid .section-grid-item:not(.tile-item),
.section-grid .puol-grid-item:not(.tile-item),
.puol-grid .section-grid-item:not(.tile-item),
.puol-grid .puol-grid-item:not(.tile-item) {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.section-grid .col-4-quad .transform-hover.interesting,
.puol-grid .col-4-quad .transform-hover.interesting {
  -webkit-transition: transform 250ms, opacity 200ms;
  -moz-transition: transform 250ms, opacity 200ms;
  transition: transform 250ms, opacity 200ms;
}
.section-grid .col-4-quad .transform-hover.interesting:hover,
.puol-grid .col-4-quad .transform-hover.interesting:hover {
  -webkit-transform: scale(0.975, 0.975);
  -moz-transform: scale(0.975, 0.975);
  transform: scale(0.975, 0.975);
}
.section-grid .col-4-double .transform-hover.interesting,
.puol-grid .col-4-double .transform-hover.interesting {
  -webkit-transition: transform 250ms, opacity 200ms;
  -moz-transition: transform 250ms, opacity 200ms;
  transition: transform 250ms, opacity 200ms;
}
.section-grid .col-4-double .transform-hover.interesting:hover,
.puol-grid .col-4-double .transform-hover.interesting:hover {
  -webkit-transform: scale(0.95, 0.95);
  -moz-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
}
.section-grid .col-4-single .transform-hover.interesting,
.puol-grid .col-4-single .transform-hover.interesting {
  border-color: transparent;
  color: transparent;
  -webkit-transition: transform 250ms, opacity 200ms;
  -moz-transition: transform 250ms, opacity 200ms;
  transition: transform 250ms, opacity 200ms;
}
.section-grid .col-4-single .transform-hover.interesting:hover,
.puol-grid .col-4-single .transform-hover.interesting:hover {
  -webkit-transform: scale(0.925, 0.925);
  -moz-transform: scale(0.925, 0.925);
  transform: scale(0.925, 0.925);
}
.section-grid .with-padding,
.puol-grid .with-padding {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  padding: 0 12.5px 25px 12.5px;
}

.interesting {
  font-family: "EuclidFlex-Regular";
  padding: 0;
  position: relative;
}
@media all and (max-width: 600px) {
  .interesting {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.interesting h4 {
  font-family: "EuclidFlex-Regular";
}
.interesting > .table > .table-row > .table-cell {
  -webkit-transition: transform 250ms;
  -moz-transition: transform 250ms;
  transition: transform 250ms;
}
.interesting > .table > .table-row > .table-cell p {
  font-size: 1.5em;
  line-height: 1.5;
}
.interesting > .table > .table-row > .table-cell a {
  text-decoration: none;
}
.interesting > .table > .table-row > .table-cell .text-content {
  padding-top: 2em;
}
.interesting > .table > .table-row > .table-cell .table {
  cursor: pointer;
}
.interesting > .table > .table-row > .table-cell:first-child:not(:last-child), .interesting > .table > .table-row > .table-cell:last-child:not(:first-child) {
  width: 50%;
  position: relative;
}
body:not(.touch) .interesting > .table > .table-row > .table-cell:first-child:not(:last-child):not(.no-transform):hover, body:not(.touch) .interesting > .table > .table-row > .table-cell:last-child:not(:first-child):not(.no-transform):hover {
  -webkit-transform: scale(0.95, 0.95);
  -moz-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
}
.interesting > .table > .table-row > .table-cell:first-child:not(:last-child):after, .interesting > .table > .table-row > .table-cell:last-child:not(:first-child):after {
  content: "";
  display: block;
  width: calc(100% - 12.5px);
  position: absolute;
  bottom: -8px;
  height: 8px;
  border-width: 0;
  border-bottom-width: 8px;
  border-style: solid;
}
.interesting > .table > .table-row > .table-cell:first-child:not(:last-child) .text-content, .interesting > .table > .table-row > .table-cell:last-child:not(:first-child) .text-content {
  width: 100%;
}
.interesting > .table > .table-row > .table-cell:first-child:not(:last-child) .image-content, .interesting > .table > .table-row > .table-cell:last-child:not(:first-child) .image-content {
  display: none;
}
@media all and (max-width: 850px) {
  .interesting > .table > .table-row > .table-cell:first-child:not(:last-child), .interesting > .table > .table-row > .table-cell:last-child:not(:first-child) {
    display: block;
    width: 100%;
    padding: 0 !important;
  }
  body:not(.touch) .interesting > .table > .table-row > .table-cell:first-child:not(:last-child):not(.no-transform):hover, body:not(.touch) .interesting > .table > .table-row > .table-cell:last-child:not(:first-child):not(.no-transform):hover {
    -webkit-transform: scale(0.975, 0.95);
    -moz-transform: scale(0.975, 0.95);
    transform: scale(0.975, 0.95);
  }
  .interesting > .table > .table-row > .table-cell:first-child:not(:last-child):after, .interesting > .table > .table-row > .table-cell:last-child:not(:first-child):after {
    width: 100%;
  }
}
.interesting > .table > .table-row > .table-cell:first-child:not(:last-child) {
  padding-right: 12.5px;
}
.interesting > .table > .table-row > .table-cell:first-child:not(:last-child):after {
  left: 0;
}
.interesting > .table > .table-row > .table-cell:last-child:not(:first-child) {
  padding-left: 12.5px;
}
.interesting > .table > .table-row > .table-cell:last-child:not(:first-child):after {
  right: 0;
}
.interesting > .table > .table-row > .table-cell:first-child:last-child {
  border-bottom-width: 8px;
  border-style: solid;
}
body:not(.touch) .interesting > .table > .table-row > .table-cell:first-child:last-child:not(.no-transform):hover {
  -webkit-transform: scale(0.975, 0.9);
  -moz-transform: scale(0.975, 0.9);
  transform: scale(0.975, 0.9);
}
.interesting > .table > .table-row > .table-cell:first-child:last-child .text-content {
  padding: 1em 1em 1em 0;
}
.interesting > .table > .table-row > .table-cell:first-child:last-child .image-content {
  height: 300px;
  width: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (max-width: 850px) {
  body:not(.touch) .interesting > .table > .table-row > .table-cell:first-child:last-child:not(.no-transform):hover {
    -webkit-transform: scale(0.975, 0.95);
    -moz-transform: scale(0.975, 0.95);
    transform: scale(0.975, 0.95);
  }
  .interesting > .table > .table-row > .table-cell:first-child:last-child .text-content,
  .interesting > .table > .table-row > .table-cell:first-child:last-child .image-content {
    width: 100%;
    display: block;
  }
  .interesting > .table > .table-row > .table-cell:first-child:last-child .image-content {
    height: 250px;
  }
}

ul.wsp-pages-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  width: 200%;
  margin-left: -50% !important;
  padding: 0 25px;
}
ul.wsp-pages-list li {
  font-family: "EuclidFlex-Regular";
}
ul.wsp-pages-list li:before {
  content: '' !important;
}
ul.wsp-pages-list li ul {
  margin: 0 0.5em 0 0;
}
@media all and (max-width: 1099px) {
  ul.wsp-pages-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    width: 100%;
    margin-left: 0 !important;
  }
}
ul.wsp-pages-list > * {
  -webkit-column-break-inside: avoid;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  page-break-inside: avoid;
  break-inside: avoid;
}
ul.wsp-pages-list > li {
  margin: 0 0.5em 0.5em 0;
}
ul.wsp-pages-list > li > a {
  font-family: "EuclidFlex-Bold";
}
ul.wsp-pages-list a {
  text-decoration: none;
}
ul.wsp-pages-list a:hover {
  text-decoration: underline;
}

article .form {
  clear: both;
  padding: 0 12.5px;
}
article .form.wpcf7-form {
  position: relative;
}
article .form.wpcf7-form .blockOverlay {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
article .form span.wpcf7-not-valid-tip {
  color: white;
  background-color: #ff7662;
  font-size: 1em;
  display: block;
  float: right;
  font-family: "EuclidFlex-Regular";
  padding: 0.2em 0.8em 0.4em 0.8em;
}
.contrast article .form span.wpcf7-not-valid-tip, article .form span.wpcf7-not-valid-tip.contrast {
  color: white;
}
.contrast article .form span.wpcf7-not-valid-tip, article .form span.wpcf7-not-valid-tip.contrast {
  background-color: #182d45;
}
article .form .ajax-loader {
  display: none !important;
  visibility: hidden !important;
}
article .form div.wpcf7-response-output {
  color: white;
  background-color: #ff7662;
  width: calc(100% - 25px);
  border: none;
  margin: 0 12.5px 25px;
  padding: 0.2em 0.8em 0.4em 0.8em;
}
.contrast article .form div.wpcf7-response-output, article .form div.wpcf7-response-output.contrast {
  color: white;
}
.contrast article .form div.wpcf7-response-output, article .form div.wpcf7-response-output.contrast {
  background-color: #182d45;
}
@media all and (max-width: 1099px) {
  article .form div.wpcf7-response-output {
    width: calc(100% - 25px);
    clear: both;
    margin-bottom: 25px;
  }
}
article .form .form-container {
  width: 100%;
  display: table;
}
article .form .column {
  padding: 0;
  margin-top: 0;
  width: 50%;
  float: left;
}
@media all and (max-width: 1099px) {
  article .form .column {
    width: 100%;
    margin: 0 !important;
  }
}
article .form .form-row {
  /* different round 12.5 on chrome & FF -> 12px */
  padding: 0 12px;
  width: 100%;
  display: block;
  position: relative;
}
article .form .form-row p:first-child,
article .form .form-row label {
  display: block;
  font-family: "EuclidFlex-Bold";
  margin: 2em 0 0.5em;
}
article .form .form-row.upload {
  display: table;
  margin-top: 2.5em;
}
article .form .form-row-upload {
  display: table-row;
}
article .form > p {
  text-align: right;
}
article .form input[type=submit] {
  margin: 25px 12.5px;
}
article .form .file-button,
article .form .file-delete,
article .form .file-name {
  display: table-cell;
}
article .form .file-button,
article .form .file-delete {
  margin-left: 6px;
  float: right;
}
article .form .file-delete {
  display: none;
}
article .form .file-name {
  padding: 0.6em 0;
  float: right;
  width: 100%;
  max-height: 3.9em;
  overflow: hidden;
  text-align: right;
}
article .form .file-hidden {
  height: 0;
  width: 0;
  overflow: hidden;
}
article .form-row .wp-editor-wrap * {
  color: #777 !important;
}
.page-template-pracownik .position {
  text-transform: lowercase;
  font-family: "EuclidFlex-Bold";
}
.page-template-pracownik .employee-title {
  text-transform: lowercase;
  font-variant-ligatures: initial;
  -webkit-font-variant-ligatures: initial;
  -webkit-font-feature-settings: initial;
  -o-font-feature-settings: initial;
  -moz-font-feature-settings: initial;
  -ms-font-feature-settings: initial;
  font-feature-settings: initial;
  text-rendering: optimizeLegibility;
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: calc(100% - 50px);
  max-width: calc(100% - 50px);
  margin: 25px;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  margin: 0;
  padding: 5%;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: white;
}

#swipebox-top-bar {
  transition: 0.5s;
  position: absolute;
  left: 50px;
  z-index: 999;
  height: auto;
  width: calc(100% - 100px);
}
@media all and (max-width: 850px) {
  #swipebox-top-bar {
    left: 0;
    width: 100%;
  }
}

#swipebox-bottom-bar #swipebox-prev,
#swipebox-bottom-bar #swipebox-next {
  position: fixed;
  top: calc(50% - 25px);
}
#swipebox-bottom-bar #swipebox-prev {
  left: 0;
  transition: left 0.3s;
  right: auto;
  background-position: -50px 0;
}
#swipebox-bottom-bar #swipebox-prev:hover {
  background-position: -50px -50px;
}
#swipebox-bottom-bar #swipebox-next {
  left: auto;
  transition: right 0.3s;
  right: 0;
  background-position: -100px 0;
}
#swipebox-bottom-bar #swipebox-next:hover {
  background-position: -100px -50px;
}
#swipebox-bottom-bar.visible-bars #swipebox-prev {
  left: 0;
}
#swipebox-bottom-bar.visible-bars #swipebox-next {
  right: 0;
}

#swipebox-top-bar {
  bottom: 0;
  padding: 1em;
  transform: translate(0, 100%);
}
#swipebox-top-bar.visible-bars {
  transform: translate(0, 0);
}

#swipebox-title {
  display: block;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
#swipebox-title span {
  display: block;
  font-family: "EuclidFlex-Bold";
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-close {
  width: 70px;
  top: 0;
  right: 20px;
  position: fixed;
  z-index: 9999;
  background-color: white;
  background-position: 20px 0;
}
#swipebox-close:hover {
  background-position: 20px -50px;
}
#swipebox-close:after {
  display: block;
  content: "";
  background-color: white;
  width: 20px;
  height: 50px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  backface-visibility: hidden;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
/* Skin
--------------------------*/
#swipebox-overlay {
  background: white;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  background: white;
  opacity: 1;
}

/* video skin */
#swipebox-overlay.swipebox-video {
  background: rgba(24, 45, 69, 0.9);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.license p {
  font-size: 80%;
}

article .license .column a.icon {
  text-decoration: none;
}

article .license .column img {
  display: inline;
  margin: 0 5px 0 0;
  width: auto !important;
}

@media all and (max-width: 567px) {
  article .license .column a.icon {
    display: block
  }
}

/* --- ✄ --- datepicker --- */


.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center !important;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
  padding: 0;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 140px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .drp-calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }




















/* --- ✄ ----------------------- */

#dlpopup {
  width: 90%;
  max-width: 500px;
  background-color: #ff7662;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: rgb(24, 45, 69) !important;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;

  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s;
}
#dlpopup.visible {
  z-index: 100;
  visibility: visible;
  opacity: 1;
}
#dlpopup .form-row {
  margin: 1em 0;
}

#dlbackdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);

  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s;
}

#dlbackdrop.visible {
  z-index: 99;
  visibility: visible;
  opacity: 1;
}

#dlpopup form.error input {
  color: red !important;
}


/* --- ✄ ----------------------- */

.chbGroup {
  padding: 0 12px;
  text-align: center;
}
.chbGroup label {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 10px;
}
.chbGroup button {
  margin: 30px auto;
}
.search__header {
  text-align: center;
  margin-top: 40px;
}
.konf__subheader {
  font-size: 60%;
}
.search-result-conference {
  margin-bottom: 3em !important;
}

/* UDI */


#news_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 30;
  position: absolute;
  left: 0;
  right: 0;
  top: 150px;
  background-color: #e0cf00;
  color: #000;
  width: 100%;
  padding: 10px 25px;
  font-size: 1.1em;
  font-weight: bold;
  height: auto;
  min-height: 66px;
}

#news_bar p {
  float: left;
  letter-spacing: 0.1em;
  max-width: 80%;
}

#news_bar span svg {
  margin-top: 5px;
  fill: #000;
  width: 15px;
  height: 15px;
}

#news_bar span {
  cursor: pointer;
  float: right;
  display: inline-block;
}

@media screen and (max-width:850px){
  #news_bar {
    top: 190px;
  }
}

@media screen and (max-width:600px){
  #news_bar {
    top: unset;
    bottom: 0;
    position: fixed;
  }
}

.snapscroll-scene #video-container {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.snapscroll-scene #video-container video {
  min-width: 100%;
  min-height: 100%;
}
article section.row ol ul, article table ol ul {
  counter-reset: item;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}