@import "/o/common-ui-resources/fonts/ds-digital/main.css";
body {
  color: var(--yja-base-font-color, #0f0f0f);
  font-family: var(--yja-base-font-family, myriad-pro);
  font-size: var(--yja-base-font-size, 1rem);
  font-style: normal;
  font-weight: var(--yja-font-weight-normal, 400);
  line-height: var(--yja-base-line-height, 1.4);
}

.alert-error {
  background-color: #fee5e2;
  border-color: #fcaca5;
  color: var(--yja-danger-color, #9d261d);
}

.border-thin {
  border-color: var(--yja-border-style-thin, 1px solid #ddd);
  border-top-color: var(--yja-borcer-thin-top-emphasis-color, var(--yja-primary-color, #365abd));
}

/* SD-30779 Arabiankielisen sisällön tyyliongelma --> */
*[lang=ar_SA],
*[lang=ar-SA],
*[lang=ar-SA] * {
  direction: rtl !important;
  text-align: initial !important;
}
*[lang=ar_SA] .meta .published,
*[lang=ar-SA] .meta .published,
*[lang=ar-SA] * .meta .published {
  float: right !important;
}

/* <-- SD-30779 Arabiankielisen sisällön tyyliongelma */
html .portlet-blogs span.author:before,
html .bloglist_row span.author:before,
html .bloglist span.author:before,
html .blog-item span.author:before {
  content: "\f007";
  font-family: "fontawesome-alloy";
  margin-right: 0.3em;
  width: auto;
  height: auto;
  speak: none;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
html .portlet-blogs span.author,
html .bloglist_row span.author,
html .bloglist span.author,
html .blog-item span.author {
  color: var(--yja-dark-color, #0f0f0f);
  font-size: var(--yja-font-size-xs, 0.813rem);
  margin-right: 0.175rem;
}
html .portlet-blogs .meta span.author:last-child,
html .bloglist_row .meta span.author:last-child,
html .bloglist .meta .span.author:last-child,
html .blog-item .meta span.author:last-child {
  margin-right: 0.4375rem;
}

/**
* The default focus style is likely provided by Bootstrap or the browser
* but here we override everything else with a visually appealing cross-
* browser solution that works well on all focusable page elements
* including buttons, links, inputs, textareas, and selects.
*/
*:focus {
  outline: var(--yja-outline, 2px solid #33c) !important;
  box-shadow: none !important;
}

/**
 * Undo the above focused button styles when the element received focus
 * via mouse click or touch, but not keyboard navigation.
 */
*:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}

.visible-phone {
  display: none !important;
}

.hidden-phone {
  display: inherit;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit;
  }
  .hidden-phone {
    display: none !important;
  }
}
.hidden {
  display: none !important;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: whitesmoke;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.custom-box {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.custom-box.yellowishbox {
  background-color: #f7efd7;
}

.custom-box.lightblueishbox {
  background-color: #dfeaeb;
}

.custom-box.lightlilacbox {
  background-color: #efe9f2;
}

.custom-box.grayishbox {
  background-color: #f1f2f2;
}

.custom-box.borderedbox {
  background-color: #ffffff;
  border: 1px solid #919494;
}

.relative {
  position: relative;
}

ul li ul {
  list-style: circle;
}

.dashed {
  border-top: var(--yja-border-style-dashed, 1px dashed #ccc);
}

.border-bottom {
  border-bottom: var(--yja-border-style-bottom, 1px solid #D5D5D5);
}

.border-right {
  border-right: var(--yja-border-style-right, 1px solid #DBDBDB);
}

.thin-border {
  border: var(--yja-border-style-thin, 1px solid #ddd);
}

.highlight {
  font-weight: bold;
  font-style: italic;
  background: var(--yja-highlight-bg-color, #fffacd);
}

.centered {
  margin: 0 auto;
}

.bring-to-top {
  position: relative;
  z-index: 1000;
}

hr {
  border-style: solid;
  border-color: var(--hr-color, #D5D5D5);
  border-width: var(--hr-width, 1px 0 0 0);
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0;
  width: 100%;
}

/*Common Margins and paddings */
.padding-right-15,
.padding-right,
.padding-right-medium {
  padding-right: 15px !important;
}

.padding-left-15,
.padding-left,
.padding-left-medium {
  padding-left: 15px !important;
}

.padding-right-large {
  padding-right: var(--yja-gutter-base, 1.25rem) !important;
}

.padding-left-large {
  padding-left: var(--yja-gutter-base, 1.25rem) !important;
}

.margin-bottom,
.margin-bottom-medium {
  margin-bottom: 15px !important;
}

.margin-bottom-large {
  margin-bottom: var(--yja-gutter-base, 1.25rem) !important;
}

.margin-top-xs {
  margin-top: var(--yja-gutter-xs, 0.3125rem);
}

.padding-bottom-large {
  padding-bottom: var(--yja-gutter-base, 1.25rem) !important;
}

.padding-bottom-medium {
  padding-bottom: 15px !important;
}

.padding-bottom-small {
  padding-bottom: var(--yja-gutter-sm, 0.625rem) !important;
}

.remove-bottom {
  margin-bottom: 0 !important;
}

.add-bottom {
  margin-bottom: var(--yja-gutter-base, 1.25rem) !important;
}

.add-right,
.margin-right,
.margin-right-medium {
  margin-right: 15px;
}

.padding-0,
.remove-padding {
  padding: 0 !important;
}

.margin-0,
.remove-margin {
  margin: 0 !important;
}

.padding-small {
  padding: var(--yja-gutter-sm, 0.625rem) !important;
}

.padding-medium {
  padding: 15px !important;
}

.padding-large {
  padding: var(--yja-gutter-base, 1.25rem) !important;
}

.margin-small {
  margin: var(--yja-gutter-sm, 0.625rem) !important;
}

.margin-medium {
  margin: 15px !important;
}

.margin-large {
  margin: var(--yja-gutter-base, 1.25rem) !important;
}

.margin-top-small {
  margin-top: var(--yja-gutter-sm, 0.625rem) !important;
}

.margin-top-medium {
  margin-top: 15px !important;
}

.margin-top-large {
  margin-top: var(--yja-gutter-base, 1.25rem) !important;
}

.margin-bottom-small {
  margin-bottom: var(--yja-gutter-sm, 0.625rem) !important;
}

.margin-bottom-medium {
  margin-bottom: 15px !important;
}

.margin-bottom-large {
  margin-bottom: var(--yja-gutter-base, 1.25rem) !important;
}

.hide-accessible {
  clip: rect(0 0 0 0);
  position: absolute;
}

#wrapper *, #wrapper *:before, #wrapper *:after, .top-curtain * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.article-form *, .article-form *:before, .article-form *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* ---------- Side nav mobile view ---------- */
.tinynav {
  display: none;
}

@media screen and (max-width: 767px) {
  html.js .tinynav {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  html.js .nav-menu .layouts,
  html.js .nav-menu .l_tinynav1 {
    display: none;
  }
}
/* ----- Visual aids for customizing page content ------- */
.has-control-menu .portlet-column.yui3-dd-drop-over {
  background: rgba(3, 94, 252, 0.05);
}

/* --------- Journal Display Page ----------------------- */
@media screen and (min-width: 768px) {
  #main-content.portlet-layout {
    padding-top: 40px;
  }
}
.subscribe-action .taglib-icon:before {
  content: "\f09e";
  font-family: "fontawesome-alloy";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: var(--yja-font-size-md, 1rem);
  color: var(--yja-base-font-color, #0f0f0f);
}
.subscribe-action .taglib-icon img,
.subscribe-action .taglib-icon svg,
.subscribe-action .taglib-icon .taglib-text,
.subscribe-action .taglib-icon .opens-new-window-accessible {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.subscribe-action > span + span {
  display: none;
}

img {
  width: auto/9;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.journal-content-article img,
.portlet-blogs img {
  float: left;
  margin: 0 0.875em 1.875em 0;
}

.journal-content-article a.link-with-block-image,
.portlet-blogs a.link-with-block-image,
.portlet-asset-publisher a.link-with-block-image {
  display: inline-block;
  border: 0 !important;
}
.journal-content-article a.link-with-block-image.content-lift-link,
.portlet-blogs a.link-with-block-image.content-lift-link,
.portlet-asset-publisher a.link-with-block-image.content-lift-link {
  width: 100%;
}

figcaption {
  display: block;
  font-size: var(--yja-figcaption-text-size, 0.75rem);
  margin-bottom: var(--yja-figcaption-margin-bottom, 0.938rem);
  color: var(--yja-figcaption-text-color, #595959);
}

.journal-content-article figure.image--caption {
  margin-bottom: 20px;
  max-width: 100%;
}
.journal-content-article figure.image--caption img[style*=float] {
  float: none !important;
  margin: 0 !important;
}
.journal-content-article figure.image--caption figcaption {
  margin-top: var(--yja-gutter-sm, 0.625rem);
}
.journal-content-article figure.image--caption[style*="float:left"] {
  margin-right: var(--yja-gutter-base, 1.25rem);
}
.journal-content-article figure.image--caption[style*="float:right"] {
  margin-left: var(--yja-gutter-base, 1.25rem);
}

.portlet-asset-publisher h2 a,
.portlet-asset-publisher h3 a,
.portlet-asset-publisher h4 a,
.portlet-asset-publisher h5 a,
.portlet-asset-publisher h6 a,
.portlet-asset-publisher .feed-item__heading a,
.journal-content-article h2 a,
.journal-content-article h3 a,
.journal-content-article h4 a,
.journal-content-article h5 a,
.journal-content-article h6 a,
.journal-content-article .feed-item__heading a {
  color: var(--yja-base-font-color, #0f0f0f);
}
.portlet-asset-publisher h2 a:hover, .portlet-asset-publisher h2 a:active, .portlet-asset-publisher h2 a:focus,
.portlet-asset-publisher h3 a:hover,
.portlet-asset-publisher h3 a:active,
.portlet-asset-publisher h3 a:focus,
.portlet-asset-publisher h4 a:hover,
.portlet-asset-publisher h4 a:active,
.portlet-asset-publisher h4 a:focus,
.portlet-asset-publisher h5 a:hover,
.portlet-asset-publisher h5 a:active,
.portlet-asset-publisher h5 a:focus,
.portlet-asset-publisher h6 a:hover,
.portlet-asset-publisher h6 a:active,
.portlet-asset-publisher h6 a:focus,
.portlet-asset-publisher .feed-item__heading a:hover,
.portlet-asset-publisher .feed-item__heading a:active,
.portlet-asset-publisher .feed-item__heading a:focus,
.journal-content-article h2 a:hover,
.journal-content-article h2 a:active,
.journal-content-article h2 a:focus,
.journal-content-article h3 a:hover,
.journal-content-article h3 a:active,
.journal-content-article h3 a:focus,
.journal-content-article h4 a:hover,
.journal-content-article h4 a:active,
.journal-content-article h4 a:focus,
.journal-content-article h5 a:hover,
.journal-content-article h5 a:active,
.journal-content-article h5 a:focus,
.journal-content-article h6 a:hover,
.journal-content-article h6 a:active,
.journal-content-article h6 a:focus,
.journal-content-article .feed-item__heading a:hover,
.journal-content-article .feed-item__heading a:active,
.journal-content-article .feed-item__heading a:focus {
  color: var(--yja-heading-color-hover, #33c);
  text-decoration: none;
}
.portlet-asset-publisher .dark-link,
.journal-content-article .dark-link {
  color: var(--yja-base-font-color, #0f0f0f);
}
.portlet-asset-publisher .dark-link:hover, .portlet-asset-publisher .dark-link:active, .portlet-asset-publisher .dark-link:focus,
.journal-content-article .dark-link:hover,
.journal-content-article .dark-link:active,
.journal-content-article .dark-link:focus {
  color: var(--yja-base-font-color, #0f0f0f);
  text-decoration: none;
}
.portlet-asset-publisher .text-link,
.journal-content-article .text-link {
  font-size: var(--yja-font-size-xs, 0.813rem);
}

a {
  color: var(--yja-link-color, var(--yja-primary-color, #365abd));
}
a:hover, a:focus {
  color: var(--yja-link-color-hover, #33c);
  text-decoration: underline;
}

#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute;
}
#skip-to-content:focus {
  clip: auto;
  position: relative;
  display: block;
  text-align: center;
  padding: 1em;
  width: 100%;
  background: white;
  z-index: 999;
}

/* Language links */
.locale-actions {
  float: none;
  text-align: right;
  font-size: var(--yja-font-size-sm, 0.875rem);
  margin-bottom: 0.9375rem;
  line-height: 1.2;
}
.locale-actions .taglib-language-list-text {
  padding: 0 0.25rem 0 0.3rem;
  font-size: var(--yja-font-size-sm, 0.875rem);
  line-height: 1;
}
.locale-actions .taglib-language-list-text:first-child {
  padding-left: 0;
}

body.public-page #wrapper > :not(header) .locale-actions a.taglib-language-list-text.active:not(.btn):not(.lfr-nav-item):not(.yja-external-link) {
  color: #000;
  cursor: default;
  text-decoration: none;
}

.taglib-language-option {
  padding-left: 1.625rem;
  margin: 0.0625rem;
}

.taglib-language-list-text {
  border-right: 1px solid transparent;
  padding: 0 0.2em;
}

.taglib-language-list-text.last,
.taglib-language-list-text:last-child {
  border-width: 0;
}

/* Skin */
.taglib-language-option {
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.taglib-language-list-text {
  border-right-color: #CCC;
}

ul, ol, dl {
  font-size: var(--yja-ul-font-size, 1em);
}
ul:not([class]), ol:not([class]), dl:not([class]) {
  padding: var(--yja-ul-padding, 0 0 0 1em);
  margin: var(--yja-ul-margin, 0 0 1.25rem 1.25rem);
}
ul li, ol li, dl li {
  font-size: var(--yja-ul-li-font-size, var(--yja-font-size-sm, 0.875rem));
  line-height: var(--yja-ul-li-line-height, 1.3);
}

ul.unstyled {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0 !important;
}

dl.feed-item dt {
  font-weight: 500;
}
dl.feed-item dt.feed-item__headline {
  font-size: 0.95rem;
  line-height: 1.2rem;
}
dl.feed-item dd.feed-item__meta {
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 480px) {
  #grid[data-columns]::before {
    content: "1 .span4";
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  #grid[data-columns]::before {
    content: "2 .span4";
  }
}
@media screen and (min-width: 769px) {
  #grid[data-columns]::before {
    content: "3 .span4";
  }
}
.portlet-nested-portlets.alertBox {
  margin-top: var(--yja-gutter-lg, 2.5rem);
}

.portlet-nested-portlets.alertBox > section > .portlet-content {
  border: 8px solid var(--yja-danger-color, #9d261d);
  margin-left: -17px;
  margin-right: -17px;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 30px;
  background: white;
}

@media screen and (min-width: 769px) {
  .portlet-nested-portlets.alertBox > section > .portlet-content {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.portlet-nested-portlets.alertBox > section > .portlet-content > .portlet-header {
  position: absolute;
  background: white;
  border-radius: 0;
  top: -17px;
  width: auto;
}

.portlet-nested-portlets.alertBox > section > .portlet-content > .portlet-header .portlet-title.hed-section {
  border: 0;
  margin-left: var(--yja-gutter-base, 1.25rem);
  margin-right: var(--yja-gutter-base, 1.25rem);
  margin-bottom: 0;
  padding-top: var(--yja-gutter-xs, 0.3125rem);
  padding-bottom: var(--yja-gutter-xs, 0.3125rem);
  font-size: 30.4001px;
}

.portlet-nested-portlets.alertBox .alertBox__content .defer-image {
  margin-top: 0;
}
.portlet-nested-portlets.alertBox .alertBox__content .mainlift {
  margin-top: var(--yja-gutter-base, 1.25rem);
}
.portlet-nested-portlets.alertBox .alertBox__content .alertBox__lead p {
  font-size: var(--yja-font-size-sm, 0.875rem);
}
.portlet-nested-portlets.alertBox .alertBox__content a > i,
.portlet-nested-portlets.alertBox .alertBox__content a > span[role] {
  margin-right: 0.5em;
}
.portlet-nested-portlets.alertBox .net-services a.yja-external-link:after {
  font-size: 18px;
  margin-left: 6px;
}

.portlet-nested-portlets.alertBox a.box-purple {
  background-color: var(--yja-danger-color, #9d261d);
  display: block;
  text-align: center;
  padding: var(--yja-gutter-xs, 0.3125rem) var(--yja-gutter-sm, 0.625rem);
  color: white;
}
.portlet-nested-portlets.alertBox a.box-purple:hover, .portlet-nested-portlets.alertBox a.box-purple:focus {
  color: white;
}

.portlet-nested-portlets.alertBox a.box-purple.text-size-large {
  font-size: 19.6px;
}

.yja-alertbox__row {
  display: flex;
  flex-flow: row wrap;
  padding: var(--yja-gutter-sm, 0.625rem) var(--yja-gutter-base, 1.25rem);
}
.yja-alertbox__row--vertical_center {
  align-items: center;
}
.yja-alertbox__icon--notice {
  margin-right: var(--yja-gutter-base, 1.25rem);
}
.yja-alertbox__icon--notice + h3 {
  margin: 0 !important;
  padding: 0;
  margin-right: var(--yja-gutter-base, 1.25rem);
  font-size: var(--yja-heading-h3-size, 1.45em);
  line-height: 24px;
  letter-spacing: 0.025em;
  font-weight: 600;
  max-width: 75%;
}
.yja-alertbox--toggler.btn.btn-link {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
}
.yja-alertbox--toggler.btn.btn-link[aria-expanded=false] .toggler__state--open {
  display: block;
}
.yja-alertbox--toggler.btn.btn-link[aria-expanded=false] .toggler__state--close {
  display: none;
}
.yja-alertbox--toggler.btn.btn-link[aria-expanded=true] .toggler__state--open {
  display: none;
}
.yja-alertbox--toggler.btn.btn-link[aria-expanded=true] .toggler__state--close {
  display: block;
}
.yja-alertbox__content {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.yja-alertbox__body[aria-hidden=true] {
  display: none;
}
.yja-alertbox__body[aria-hidden=false] {
  position: absolute;
  z-index: 75;
  padding: 0 var(--yja-gutter-base, 1.25rem) var(--yja-gutter-base, 1.25rem);
  width: 100%;
}
.yja-alertbox__main {
  display: flex;
  flex: 0 0 calc(100% - 170px);
  align-items: center;
}
.yja-alertbox--aside {
  flex: 0 0 auto;
  width: 140px;
  margin-left: var(--yja-gutter-base, 1.25rem);
  margin-right: var(--yja-gutter-sm, 0.625rem);
}
.yja-alertbox__details {
  flex: 0 0 calc(70% - 20px);
  margin-right: var(--yja-gutter-base, 1.25rem);
}
.yja-alertbox__details h4 {
  margin: 0 !important;
}
.yja-alertbox__details--full {
  flex: 0 0 100%;
}
.yja-alertbox__info {
  flex: 0 0 calc(30% - var(--yja-gutter-base, 1.25rem));
  padding-left: var(--yja-gutter-base, 1.25rem);
}
.yja-alertbox__info p {
  font-size: var(--yja-heading-h3-size, 1.45em);
  line-height: 24px;
  font-weight: 600;
}
.yja-alertbox__info--tel p {
  font-size: var(--yja-heading-h3-size, 1.45em);
  line-height: 1.5;
  margin-bottom: 0;
}
.yja-alertbox__info--tel a {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
.yja-alertbox__info--tel a.yja-external-link:after {
  display: none !important;
}
.yja-alertbox__info--tel a > svg {
  margin-left: var(--yja-gutter-sm, 0.625rem);
}
.yja-alertbox--link {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 50px;
  font-size: var(--yja-heading-h3-size, 1.45em);
}
@media screen and (max-width: 1024px) {
  .yja-alertbox__content {
    flex-flow: column wrap;
    padding-left: 50px;
  }
  .yja-alertbox__main {
    flex-flow: column wrap;
  }
  .yja-alertbox__details {
    flex: 0 0 100%;
    margin-bottom: var(--yja-gutter-base, 1.25rem);
    padding-bottom: var(--yja-gutter-base, 1.25rem);
  }
  .yja-alertbox__details--full {
    margin-bottom: 70px;
  }
  .yja-alertbox__info {
    flex: 0 0 80%;
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    border-left: 0;
  }
  .yja-alertbox--aside {
    position: absolute;
    bottom: var(--yja-gutter-base, 1.25rem);
    right: 70px;
  }
}
@media screen and (max-width: 768px) {
  .yja-alertbox__details--full {
    margin-bottom: 0;
  }
  .yja-alertbox--aside {
    position: relative;
    bottom: inherit;
    right: inherit;
    margin-left: 0;
    margin-top: var(--yja-gutter-base, 1.25rem);
  }
}

.portlet-asset-publisher .asset-abstract {
  overflow: unset;
}

.image-caption {
  float: left;
  margin: 0 0.875em 7px 0;
}

@media only screen and (max-width: 420px) {
  figure.image-caption {
    margin-right: 0;
    float: none;
  }
}
.subscribe-action {
  z-index: 2;
}

/* -------- Asset publisher pagination ----------- */
.portlet-asset-publisher {
  /* Edit link */
}
.portlet-asset-publisher .taglib-page-iterator {
  padding: 10px 0 0;
}
.portlet-asset-publisher .taglib-page-iterator .lfr-pagination-delta-selector {
  display: none;
}
.portlet-asset-publisher .taglib-page-iterator .lfr-pagination-buttons {
  clear: both;
  float: left;
}
.portlet-asset-publisher .asset-full-content.no-title .asset-actions {
  float: none;
}
.portlet-asset-publisher .asset-metadata {
  margin-left: 0;
}
.portlet-asset-publisher .asset-metadata .metadata-modified-date {
  background: none;
  color: var(--yja-color-meta, #595959);
  padding-left: 0;
  font-size: var(--yja-font-size-xxs, 0.75rem);
}
.portlet-asset-publisher .asset-metadata .metadata-modified-date:before {
  font-family: "fontawesome-alloy";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f044";
}

.logo-wrapper .landingpage-lift-wrapper .landingpage-lift {
  min-height: 180px !important;
  height: 180px !important;
}
.logo-wrapper .landingpage-lift-wrapper .landingpage-lift figure {
  height: 135px;
  border: 1px solid var(--yja-light-color, #e4e3e4);
  text-align: center;
}
.logo-wrapper .landingpage-lift-wrapper .landingpage-lift figure img {
  height: 130px;
  width: auto !important;
}

/* -------- Full Content ----------- */
.portlet-asset-publisher .asset-full-content .asset-content {
  margin: 0;
}
.portlet-asset-publisher .asset-full-content .asset-user-actions {
  padding-bottom: 0;
}

/* -------- Newslist 2 col mobile ----------- */
@media only screen and (max-width: 767px) {
  .news-list .border-left,
  .news-list .border-right {
    border-right: none !important;
  }
  .news-list .padding-left-15,
  .news-list .padding-right-15 {
    padding: 0 !important;
  }
  .news-list .col-md-6 {
    padding: 0 var(--yja-gutter-sm, 0.625rem) !important;
  }
}
/* -------- Minister listing ----------- */
.row .minister-tile {
  width: 31.62393%;
  *width: 31.57074%;
  float: left;
  margin-left: 2.12766%;
  margin-bottom: var(--yja-gutter-sm, 0.625rem);
}
.row .minister-tile:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.row .minister-tile a {
  display: block;
}
.row .minister-tile img {
  margin-bottom: 5px;
}
.row .minister-tile .name {
  color: var(--yja-base-font-color, #0f0f0f);
  display: block;
  font-size: var(--yja-font-size-lg, 1.125rem);
  line-height: 1.2;
  margin-bottom: 3px;
  font-weight: 500;
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
}
.row .minister-tile .title {
  color: var(--yja-base-font-color, #0f0f0f);
  display: block;
  font-size: var(--yja-font-size-xxs, 0.75rem);
  line-height: 1.2;
  margin-bottom: var(--yja-gutter-xs, 0.3125rem);
  word-wrap: break-word;
}

@media only screen and (max-width: 767px) {
  .row .minister-tile .title {
    font-size: 65%;
  }
  .row .minister-tile .name {
    font-size: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .row .minister-tile {
    width: 48.71795%;
    *width: 48.66476%;
    margin-left: 2.12766% !important;
    clear: none !important;
  }
  .row .minister-tile:nth-child(2n+1) {
    margin-left: 0 !important;
    clear: both !important;
  }
  .row .minister-tile .name {
    font-size: 90%;
  }
  .row .minister-tile .title {
    font-size: 80%;
  }
}
/* -------- Minister listing front page ----------- */
.person-panel {
  background: #FDFDFD;
  border: 1px solid #E5E5E5;
  margin-bottom: var(--yja-gutter-sm, 0.625rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.person-panel img {
  width: 125px;
  max-height: 71px;
}
.person-panel img + div {
  flex: 1;
}
.person-panel h5,
.person-panel .person-panel--heading {
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
  font-size: var(--yja-font-size-md, 1rem);
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.2;
  margin: 0.764em 0.588em 0.235em 0;
}
.person-panel h5 a,
.person-panel .person-panel--heading a {
  display: block;
  line-height: 1;
}
.person-panel .title {
  display: block;
  font-size: var(--yja-font-size-xs, 0.813rem);
  margin: 0 var(--yja-gutter-sm, 0.625rem) 0 0;
}

/* -------- Project listing  ----------- */
.projectNumber {
  font-size: var(--yja-font-size-xs, 0.813rem);
  color: var(--yja-dark-color, #0f0f0f);
}

/* -------- Medianews listing ----------- */
.media-service-page .media-item h4 i,
.media-service-page .media-item h4 span[role] {
  font-size: 1.65em;
  margin-left: -0.25em;
  position: relative;
  top: -8px;
  padding-right: 0.1428em;
  display: block;
  float: left;
}

/* ----------- Assets Listing with images ------------ */
.media-item .meta:after {
  display: block;
  clear: both;
  content: "";
}
.media-item .defer-image,
.media-item figure {
  clear: both;
}

#media_curtain .vn-home {
  background-position: 10px 4px !important;
  background-size: 19px 30px !important;
}

@media (min-width: 1200px) {
  .ie .eu #media_curtain {
    background-size: 180% !important;
    background-position-x: center !important;
  }
}
@media (max-width: 700px) {
  .ministry-menu {
    padding: 36px !important;
    margin: 0 !important;
  }
  #media_curtain #ministry-listing.top-curtain section ul.ministry-menu li.vn ul.ministries {
    padding: 9px 0px !important;
    width: 100% !important;
  }
  .eu #media_curtain #ministry-listing.top-curtain section ul.ministry-menu li.vn > a.vnsite {
    padding: 0 !important;
    margin: 0 !important;
  }
  #media_curtain #ministry-listing section ul.ministry-menu li.vn > a {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  #media_curtain #ministry-listing section ul.ministry-menu li.vn > a {
    width: 100% !important;
  }
}
.eu #media_curtain {
  background-repeat: no-repeat;
  background-position: -170px center;
  background-attachment: fixed;
  background-size: 150%;
  background-position-y: -230px;
}
@media (min-width: 1200px) {
  .eu #media_curtain {
    background-size: 120% !important;
  }
}
@media (max-width: 989px) {
  .eu #media_curtain {
    background-position-y: 0px !important;
  }
}
@media (max-width: 700px) {
  .eu #media_curtain {
    background-size: 270% !important;
  }
}
@media (max-width: 500px) {
  .eu #media_curtain {
    background-size: 360% !important;
  }
}
@media (max-width: 400px) {
  .eu #media_curtain {
    background-size: 440% !important;
  }
}
@media (max-width: 320px) {
  .eu #media_curtain {
    background-size: 560% !important;
  }
}
.eu #media_curtain .top-curtain {
  background: transparent !important;
  color: #fff;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn {
  border: none !important;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a {
  clear: both;
  margin-left: 0 !important;
  width: 160px !important;
  height: 99px;
  display: table !important;
  color: #fff !important;
}
@media (max-width: 989px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a {
    height: 138px !important;
  }
}
@media (max-width: 700px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a {
    width: 50% !important;
    float: left !important;
    clear: none !important;
  }
}
@media (max-width: 480px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a {
    width: 100% !important;
    float: left !important;
    clear: none !important;
  }
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a span.box {
  display: none !important;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a span.text {
  border: 1px solid #fff;
  display: table-cell !important;
  padding: 10px;
  width: 100%;
  height: 60px;
  text-align: center;
  vertical-align: middle !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
@media (max-width: 700px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a span.text {
    text-align: left;
    padding-left: 20px;
  }
}
@media (max-width: 700px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a.vnsite {
    padding: 18px 9px 0px 18px !important;
    height: 60px !important;
  }
}
@media (max-width: 480px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a.vnsite {
    padding: 18px 18px 0px 18px !important;
  }
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a.eusite {
  font-size: 120% !important;
}
@media (max-width: 700px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a.eusite {
    padding: 18px 18px 0px 9px !important;
    height: 60px !important;
  }
}
@media (max-width: 480px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a.eusite {
    padding: 0px 18px 0px 18px !important;
  }
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn > a:hover span.text {
  background: rgba(0, 0, 0, 0);
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries {
  float: none !important;
}
@media (max-width: 989px) {
  .eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries {
    width: auto !important;
  }
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries li {
  height: auto !important;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries li a {
  display: table !important;
  float: left;
  width: 100%;
  color: #fff !important;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries li a span.box {
  display: none !important;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries li a span.text {
  border: 1px solid #fff;
  display: table-cell !important;
  padding: 0 20px;
  width: 100%;
  height: 60px;
  text-align: left;
  vertical-align: middle !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries li a:hover span.text {
  background: rgba(0, 0, 0, 0);
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries li.vn {
  border: none !important;
}
.eu #media_curtain .top-curtain section ul.ministry-menu li.vn ul.ministries li.vn a {
  clear: both;
  margin-left: 0;
  width: 160px;
  height: 99px;
}

#media_curtain {
  background-color: #002f6c;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  position: relative;
  z-index: 11;
}
@media (max-width: 480px) {
  #media_curtain {
    margin-bottom: 16px !important;
  }
}
#media_curtain + #skip-to-content + .mobile-menu-actions {
  top: 109px !important;
}
#media_curtain.open {
  background-color: #05326e !important;
  margin-bottom: 45px;
}
#media_curtain .media-bar {
  position: relative;
  min-height: 45px;
  width: 100%;
  background: transparent !important;
  z-index: 100;
}
@media (max-width: 767.9px) {
  #media_curtain .media-bar .sr-only-md {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
#media_curtain .media-bar .language-version-selection-portlet {
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  margin: 0 auto;
}
#media_curtain .media-bar .language-version-selection-portlet .portlet-body {
  width: 100%;
  float: left;
}
#media_curtain .media-bar .language-version-selection-portlet .portlet-body ul li {
  border-right: none !important;
}
#media_curtain .media-bar .language-version-selection-portlet .portlet-body ul li a {
  font-size: 13px;
  color: #fff !important;
  line-height: 1;
  padding: 5px;
  border-radius: 0px;
  background: transparent !important;
}
#media_curtain .media-bar ul.inline {
  margin-bottom: 0;
  margin-left: 0;
  text-align: center;
  width: auto;
}
#media_curtain .media-bar .inline > li {
  display: inline-block;
  float: none;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
}
#media_curtain .media-bar .remove-bottom > a {
  position: absolute;
  float: none !important;
  display: block;
  top: 0;
  font-size: 14px;
  line-height: 40px;
  padding: 0 15px;
  color: #fff !important;
}
#media_curtain .media-bar .remove-bottom > a:hover, #media_curtain .media-bar .remove-bottom > a:focus {
  color: #fff;
  text-decoration: none;
}
#media_curtain .media-bar .remove-bottom > a [class^=icon-] {
  margin-left: 2px;
}
#media_curtain .vn-home {
  left: 0;
  padding-left: 35px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' fill='%23FFFFFF' viewBox='0 0 39.7 54.1'%3E %3Cstyle%3E .st0%7Bfill:%23FFFFFF;%7D %3C/style%3E %3Cpath d='M9.1 16.4h-3c-.1 0-.1 2.2-.1 2.2s1.5 1.3 1.6 1.2l2-2.5 1.1-.5s-.5-.4-.6-.4-.1-.8-.1-.8l-.9.8zM10 17.7L8.2 20l2.9 1.2c1.7-.9 4.1-2.5 4.1-2.5L11 17.1l-1 .6zM6.2 10l-.2.5.2.6h3.1s.2-.5.2-.6l-.2-.5H6.2zM21 5.2c.6-.3 1.2-.2 1.7 0 .7.3.8.7.9 1.1 0 .2-.1.6-.2.7l1.5.7 2.9-3.8s-.3-.1-.7.1c-.4.2-.5.8-.4.9-.3-.8-1.2-.3-1.2-.3.6.9.1 1.3-.3 1.2-.6-.2-.6-.8-.6-.8s-.5.5-.9 0c-.3-.3.1-.8 1-.8 0 0 .1-.5-.4-.8-.3-.3-.9 0-.9 0s.4-.2.5-.6c.1-.3-.1-.7-.3-1.1-.5 0-.9.2-1 .5-.3.3-.1.7-.1.7s-.2-.6-.6-.7c-.5-.1-.9.3-.9.3.6.6.5 1.2.1 1.3-.6 0-.6-.7-.6-.7s-.4.5-.8.2c-.3-.2-.4-.8.7-1 0 0-.2-1-1-.7.1-.1.5-.5.3-.9C19.3.2 19 0 19 0l-.8 4.7 2.1 1c.3-.3.5-.4.7-.5zM6.2 11.7v4.1h2.7l.8-.6-.4-3.5zM10.3 6.4c0 .5.3.8.3.8v2s-.1.1-.1.3v.3h1.4v-.4c0-.1-.1-.2-.1-.2v-2c-.1-.2.2-.5.2-.8 0-.3-.2-.6-.3-.7V3.2s.1-.1.1-.2c.1-.2 0-.4 0-.4h-1.4v.3c0 .1.1.3.2.3v2.4c-.1 0-.3.2-.3.8zM25.9 7.3c4.2-.1 8.2-.2 9.8-.2l1.9-.9-1.9-.8c-1.3.1-4.5 0-8.2-.1l-1.6 2zM12.4 8.3s.7-.4 1.3-.5c.1-.1.4-.1 1-.1L17 5.3h-3.3c-.3 0-1.2-.7-1.3-.5 0 0-.2.5-.3.7 0 0 .4.5.4 1 0 .1 0 .6-.4 1-.1 0 .3.7.3.8zM5.3 7.5c.2 0 .4 0 .5-.1.2-.2.2-.6.2-.6v.8c0 .1.4.1.6-.1.3-.2.3-.5.4-.6v.8c.1 0 .4 0 .6-.2.3-.2.3-.4.4-.6v.6h.3s.2-.1.3-.1c.1-.1.2-.2.2-.5v-.7-1.3s0-.5-.2-.5h-.5c-.1 0-.1.4-.2.4l-.1-.4h-.6c-.1 0-.2.4-.2.4l-.2-.4h-.6c0 .1-.1.4-.2.4l-.1-.4h-.4c-.2 0-.3.3-.3.5v1.2c0 .3.1 1.4.1 1.4z' class='st0'/%3E %3Cpath d='M39.6 23.9c-.3-.1-.8-.2-1.1-.7.5.1.8.1 1-.1 0 0-.1-1.2-.2-1.7-.3.1-1 .2-1.4-.5-.1-.1-.2-.3-.3-.5-.9-1.3-2-2.1-3.1-2.7 2-1 2.6-1.9 2.9-2.5.6-1 1.1-4.2-1.7-5.7-2-1.1-4.1-.6-5-.2-1.7.8-2.9 2.6-2.5 4.8.4 2 1.7 2.7 3.3 3.5-1.3.7-2.2 1.5-2.2 3 0 1 .7 1.9.3 3.7 0 .2 1.2-.5 1.2-.5.4-1 .3-2.2.3-2.2.4.3.4 1.3.3 1.9 0 0 .8-.5.9-.7.4-1.3 0-2.1-.3-2.7-.2-.6.2-1.3.8-1.6.4.2.7.4 1.1.7.3.2 1.9 1.3 2.5 2.7.9 2.2.3 3.5 0 3.9-.6.9-1.3 1.6-2.4 1.7h-1c-.3-.1-.6-.1-.8-.2-.2-.1-.5-.2-.7-.3-.7-.3-2.5-1.4-4.1-3.1-1.3-1.4-2-2.4-2.7-3.1.7.3 1.7.2 1.7.2s.1-.7.1-1.1l.1-1.1s.1-.5.1-.9c0 0-2.2-.1-2.7-1.2 0 0 .4.3 1.2.3.7 0 1.5-.1 1.5-.1.1-.2.1-2 .1-2V14c-.4.1-1 0-1.6-.1-.4-.1-1.1-.5-1.3-.9 0 0 .5.2 1.2.3.8.1 1.8-.1 1.8-.2.1-.5 0-1.8 0-1.9 0 0 .1-1 0-1-.2 0-1.6 0-2.6-1.1 0 0-.4-.3 0-.9l-2.1-1s.4-.4.5-.9c0-.5-.7-.8-1.4-.7-.6.1-1 .7-1 .7l-2.6-1.2-2.1 2.1s-.1.2-.1.4v.2c0 .1-.1.2-.1.3-.2.3-.4.5-.6.7-.2.2-.3.4-.4.5-.2.3-.3.6-.4.8 0 0-.3.6.7 1.4l.1.1.1-.1.1.1c.1.1.3.2.4.3 0 0 .1-.3.3-.6.2-.3.5-.6.8-.7.3-.2.6-.3 1-.3.3 0 .5.1.7.3.3.3.5 1.2.3 1.5-.1-.1-.2-.1-.2-.1-.4-.2-1.3-.6-2.3-.1-.4.2-1 .5-2.2.8-.6.2-1 .1-1.1-.4-.1-.4.1-.8.1-.8s-.7.1-.9.8c-.2.7.1 1.3.7 1.4.5.1 1.4-.3 2.1-.6.2-.1.7-.4 1.1-.5.6-.3 1-.3 1.7 0 .5.2.7.5.7.5s-.2.5-1 .6c-.6 0-1.1-.3-1.3-.6 0 0-.1.3-.2.4-.2.3.1.5-.1.8-.1.3-.5.5-.8.7-.4.3-1 .5-1.2.5 0 0 .4.9.5 1 .2.4.6 1.2.9 1.5 0 0 .7-.2 1.3-.5.5-.3.9-.6 1-.9-.7 1.6-1.2 2.1-1.6 2.4-1.8 1.2-5.3 3.7-8.7 4.1-1 0-2.6-1.4-3-1.9-.3-.4-.9.2-.9.2s-1.1-.1-1.7.8c-.1.1.7-.1 1.2.1.3.1-.1.3-.1.6 0 .5 1.4.8 2 1 .2.1.2.2.1.2-1.1 0-1.8-.5-2.2-.6-.9-.3-1.1-.1-1.2.3-.1.1-1.1-.1-1.2 1.6 0 .2 1.1-1.2 1.2-.7.2 1.5 2.7.3 3.3.6.3.3-2.6.2-2.1 1.1.1.1-1.3 1-.1 2 0 0 .1-1.2.8-1.2.6 0 .9.6 1.6.1.2-.1.3-.4 1.3-.7.1 0 .1.3.2.6.1.1.4.1.4.3 0 .5-.6.9-.5.9 0 0 .7.3 1.3-.7.1-.2.3 0 .6-.1.9-.3 0-.8.5-1.3.6-.6 1.3-.9 2-1.2 0 0-.3.8.1 1.5l2.6-.7c-.3-.7.1-1.5.7-2.2.1-.1-.3 1.6 0 2l2.5-.7c-.2-.4-.1-1.1.1-1.6.3 1.2.9 2.4 2 2.9 1.9.8 3.6 1.2 6.5 2.1.8.2 1.6.5 2 .7.5.3-.3.9-.3.9.3.2.7.3 1.5.8.8.6 1.2 1.8 1.5 3.2.3 1 .4 2.4.1 2.9-.2.2-.4.4-1.5.6l.2 1c.8.1 1.4-.3 1.4-.3l-.2.2c-.3.3-.4.6-.4 1.1l1 .7c.3-.9.6-1.7.9-1.8.5-.2 2.6.9 3.4 3 .5 1.2.3 3.8-.9 4-.7.1-2.2-1.2-2.5-.6-.3.6-2.1.5-1.5 2.4.3-.5.8-.9 1.1-.8.2.1.2.3.3.5.2.3 1.9-.2 2 .1.1.1-.2.1-.4.1-.8.1-1.8.3-2 .7-.1.1 0 .2-.1.4-.2.5-.9.4-.9 1.6.1.5.6 1 .7 1 .1 0-.1-1.2.5-1.3.3-.1.3.4.7.4.6 0 1.9-1.9 2.5-1.8.2.1-1.1.9-1.3 1.6-.1.6.5.7.5 1.1 0 .9 1.8 1.4 1.9 1.2.1-.1-1.1-1-.8-1.4.2-.2.4.1.8-.1.1-.1-.6-1.4.9-2.9 0 0 .3.5.9.6.5.1.2 1.3.3 1.3.1 0 .7-.8.6-1.7 0 0 .4-.3.5-.6.2-.9-.9-.3-.8-2.6 0-.4-.1-.3-.4-.6-.2-.2-.3-.5-.1-.4.6.3 1.4 0 1.4 0 .2-2.3.1-2.5.1-2.5-.8 0-1.2-.2-1.4-.5.5.1 1.2 0 1.4-.2 0 0-.1-2.4-.2-2.4-.6.2-1.1.2-1.6-.2-.4-.3 0-1-.5-1.1-1-.3-1.8-.9-2-1.2-.4-.5-.3-.9-.3-.9.4.2.8.3 1.2.1l.1-1.9s-.4 0-.7-.2c-.4-.2-.6-.6-.6-.6s.3.1.7.2c.4.1.7-.1.7-.1l.3-2.2c-1.2.1-1.2-.6-1.2-.7 2.2-.3 3.5-2.3 3.9-4 .2.1.7.3 1.2.2 0 .2.1-1.3 0-1.5zM33.2 17c-1.4-.7-2.7-1.3-3.3-2.3-.6-1.1-.3-3.1 1.2-4 .3.3.3.7.3.7.4 0 1.2-.1 1.6-.1 0-.3 0-.8-.2-1.2.4.3.7.5.7 1.1.2 0 1.4.1 1.4.1 0-.4-.1-.7-.3-.9 1.5.6 1.9 2.1 1.9 2.9 0 1.1-.5 2.1-1.4 2.6-.7.6-1.3.9-1.9 1.1zM16.8 8.6c-.1-.1-.1-.6-.1-.7.1-.1 1.2.1 1.3.5 0 .1-1.1.3-1.2.2zM5.7 8.3s0 .3.1.7c.1.2.3.4.3.4h3.1l.9-1.4v-.7s-.3-.2-.3-.9c0-.4.3-.9.3-.9v-.7s-.5-.4-.7-.3v2.6c0 .5-.7 1-1.2 1.1-1.3.2-2.5.1-2.5.1z' class='st0'/%3E %3Cpath d='M30.8 50.7c-.1.4-.1.8-.1.8s-.1 0-.5-.2-1-.7-1.1-1.5v-.2c-1.1.4-3.1 1.1-5.3 1.2-3.7.1-7.5-.5-11.1-2.1-.5-.2-1-.5-1-.5s-.3.5.7 1.6c-.4-.1-.8-.1-1.1.1-.3.2-.5.5-.5.5 1 .7 1.7 1.2 2.5 1.6 2.1 1 6.3 2.5 12 2 5.3-.5 7.9-2.4 7.9-2.4-.9-.3-1.7-.9-2.2-1.4-.1.1-.1.3-.2.5zM31.6 27c.1 0 .1.1.2.1-.1-.1-.1-.1-.2-.1zM10.5 40.4c-.4 0-1.6-.5-2.2-.7-.5-.2-.6.3-.7.2-.8-.1-2.3.7-1.7 1.8 0 0 .6-1 1.2-.8.2.1-.1.7.3 1 .6.4 2.9-.4 3.3 0 .3.3-2.5.2-2.5.8v.3c.1.3-.5.5-.6 1.3 0 .8.9 1.4.9 1.4.1-.1-.2-1.1.1-1.2.2-.1.3.4.7.4.8.1 1.1-1.2 2.4-1.8 1.9-.9.4.4 1.1.5 1.1.3-.1 1.3-.1 1.3.3.2 1.3-.1 1.7-1.1.1-.3.3-.2.5-.4s0-.6.1-.9c.3-.5 1.4-.3 1.4-.8-.1-.6.5-.8.8-1 .1-.1.1.8 1.4 1.3.4-.2.7-.3 1.4-.6.3-.2.7-.4.8-.5 0 0-.5-.4-.7-1-.1-.3-.1-.5-.1-.5s.6.8 1.4 1.1c.6-.3 1.2-.6 1.7-1 .1-.1.2-.1.3-.2.1-.1-1.4-1.2-.8-1.5.6-.3-.9-1.8-.1-2.1 2.1-1.1 4.6-2.2 6.1-3 0-.1-.1-.9-.8-1.5-.7-.6-1.5-.9-2.1-1.2 0 0 .8-.5.7-.6-.3-.2-.6-.2-.6-.2-2.6 1-5.3 2.5-6.6 3.4-.9.6-2.2-.1-2.2-.1l-.2 1c.5.3.9.4 1.1.5-.4.1-1 .2-1.2.5l.3.9s.5-.5 1.4-.5v.1c.1 1.2-1.7 2.9-3.3 3.5-1.6.7-2.9.7-3.2.5-1.1-.7-1.2-1.7-1.7-1.8-.1 0-.3.2-.5.1-.9-.1-1.8-.1-2.2.7 0 0 2-.1 1.2.3-.8.5 1.3 1.4 1.9 1.7.2.4 0 .4-.1.4zM3.1 7.7c.6 0 1.6-.2 1.6-.2l-.1-2.4-1.2-.2c-1.2-.2-1.1 1-1.1 1v.7s.1 1.1.8 1.1z' class='st0'/%3E %3Cpath d='M11.4 49.3s-.8-.7.1-2.2c.5-.8.7-1.4.7-2 .1-.4-.3-.8-.7-.9-.4 0-.8.3-.9.7-.1 1 .7.8.7 1-.2.8-.5 1.3-.8 1.6-.1-.1-.3-.2-.5-.3-1.6-.9-3-1.7-5-2.2.1-.1.1-.2.1-.3.3-.5.5-.8.4-.8 0 0-.2.1-.7.4-.5.3-.7.3-1 .3-.2 0-.4-.1-.5-.1-.1.1-.2.3-.4.7 0 .8-.1.8-.1.9-.1.4-.2.4-.2.7 0 .1-.1.5.3.8.2.2.7.3.8.2.3-.2.1-.7.2-1 .1-.1.2-.1.2-.1.1 0 .1-.1.2-.1 1.8.7 3.5 1.8 5 2.9.1.1.2.1.3.2-.1.2-.1.5-.3.7-.4.8-.9 1.6-.8 2.2.1.4.3.7.7.7.4 0 .8-.3.8-.6.2-.7-.5-.8-.5-.8s.2-.7.3-.9c.7-1.8 1.6-1.7 1.6-1.7z' class='st0'/%3E %3C/svg%3E ");
  background-position: 10px 5px;
  background-size: 18px 24px;
  background-repeat: no-repeat;
  color: #fff;
  border-bottom: solid 5px #9264BD;
  z-index: 10;
}
#media_curtain .vn-home.active {
  border-color: #bd96e2 !important;
}
#media_curtain .vn-home.active:after {
  content: " ";
  display: block;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #bd96e2 transparent transparent transparent;
  width: 0px;
  position: absolute;
  bottom: -15px;
  text-align: center;
  left: 45%;
}
@media (max-width: 767px) {
  #media_curtain .vn-home.active:after {
    left: 35% !important;
  }
}
#media_curtain button.vn-home {
  position: absolute;
  background-color: transparent;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  padding: 0 15px;
  margin: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  box-shadow: none;
  font-style: normal;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
  display: inline-block;
  color: #fff;
}
#media_curtain button.vn-home [class^=icon-] {
  margin-left: 2px;
}
#media_curtain .feed-item {
  margin-bottom: 1em;
}
#media_curtain .media-link {
  right: 0;
  color: #fff;
  border-bottom: solid 5px #f9b000;
  z-index: 10;
}
#media_curtain .top-curtain {
  background-color: #ffffff;
  border-bottom: none;
  display: none;
  z-index: 2;
  position: relative;
  top: 45px;
  width: 100%;
}
#media_curtain #media-login {
  border-bottom-color: #F9B000;
  border-bottom-width: 4px;
  padding: 15px;
}
#media_curtain #media-login .container-fluid {
  margin: auto;
}
#media_curtain .top-curtain h3 {
  margin-top: 20px;
}
#media_curtain .top-curtain label {
  color: #222222;
  margin-bottom: 0.375em;
}
#media_curtain .top-curtain fieldset {
  border: medium none;
  margin-top: 20px;
  padding-top: 0.875em;
}
#media_curtain .top-curtain legend {
  background: none;
  font-size: 28px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1em;
  border: none;
}
#media_curtain .top-curtain h6 a:hover {
  text-decoration: underline;
}
#media_curtain .top-curtain a:hover {
  text-decoration: none;
}
#media_curtain #ministry-listing section a {
  font-size: 13px;
  line-height: 18px;
  font-family: myriad-pro, sans-serif;
}
#media_curtain #ministry-listing section a span.box {
  width: 9px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 0 2px #fff;
}
#media_curtain #ministry-listing section a span.text {
  display: inline;
  vertical-align: middle;
  color: #000;
}
#media_curtain #ministry-listing section ul.ministry-menu {
  padding: 18px;
  margin: 0;
  list-style-type: none;
}
#media_curtain #ministry-listing section ul.ministry-menu li.vn {
  border: 1px solid #365abd;
  width: 100%;
  max-width: 970px;
  margin: 0 auto !important;
  float: none !important;
  display: table !important;
}
#media_curtain #ministry-listing section ul.ministry-menu li.vn ul.ministries {
  width: auto;
  float: right;
  padding: 9px 18px 9px 30px !important;
  margin: 0 !important;
  border: none !important;
  list-style-type: none;
}
@media (min-width: 990px) {
  #media_curtain #ministry-listing section ul.ministry-menu li.vn ul.ministries {
    column-count: 4;
  }
}
@media (max-width: 989px) {
  #media_curtain #ministry-listing section ul.ministry-menu li.vn ul.ministries {
    column-count: 3;
    width: 100%;
  }
}
@media (max-width: 700px) {
  #media_curtain #ministry-listing section ul.ministry-menu li.vn ul.ministries {
    column-count: 2;
    padding: 9px 18px !important;
  }
}
@media (max-width: 500px) {
  #media_curtain #ministry-listing section ul.ministry-menu li.vn ul.ministries {
    column-count: 1;
  }
}
#media_curtain #ministry-listing section ul.ministry-menu li.vn ul.ministries li {
  border: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 9px 0;
  width: auto !important;
  height: 45px;
}
#media_curtain #ministry-listing section ul.ministry-menu li.vn ul.ministries li a {
  display: block;
  float: none;
}
#media_curtain #ministry-listing section ul.ministry-menu li.vn > a {
  width: auto;
  float: left;
  margin-left: -5px;
  margin-top: 18px;
}

.media-bar .lang-select li {
  border-right: 1px solid #dddddd;
  padding-right: 10px;
  margin-left: 0px;
  border-right-color: #585858;
  line-height: 20px;
}
.media-bar .lang-select li:last-child {
  border-right: none;
  padding-right: 0;
}
.media-bar .lang-select li a {
  font-size: 13px;
  color: #ccc;
  line-height: 1;
  padding: 5px;
}
.media-bar .lang-select li a:hover {
  color: #ccc;
}
.media-bar .lang-select li a .selected {
  font-weight: 500 !important;
  font-style: normal;
}

.lang-select {
  margin-bottom: 0;
}
.lang-select li a {
  background-color: #333;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}
.lang-select li a:hover {
  color: #fff;
  text-decoration: underline;
}

#search a.advanced-search:hover {
  color: #fff;
  text-decoration: underline;
}

.translations > a {
  margin: 0 3px;
}

@media only screen and (max-width: 30em) {
  .media-bar .lang-select li {
    border-right: none;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    line-height: 20px;
    text-transform: uppercase;
  }
  .media-bar .lang-select li:first-child {
    border-right: none;
    padding-right: 0;
    margin-left: -15px;
  }
  .media-bar .lang-select li a {
    padding: 0 5px 0 0;
    font-size: 11px;
    font-weight: 500;
  }
}
/*YJAVNK-473 ministry listing link focus contrast*/
#media_curtain #ministry-listing section a:focus, #lan-selection-view #languageSelectionMenu li a:focus {
  outline: 3px solid white !important;
}

/* YJAVNK-1699 */
#media_curtain button:focus, #media_curtain a.media-link:focus {
  outline: 2px solid white !important;
  outline-offset: -3px;
}

body .journal-content-article [class*=block-grid-] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
body .journal-content-article [class*=block-grid-]:before, body .journal-content-article [class*=block-grid-]:after {
  content: " ";
  display: table;
}
body .journal-content-article [class*=block-grid-]:after {
  clear: both;
}
body .journal-content-article [class*=block-grid-] > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem;
}
@media only screen {
  body .journal-content-article .small-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  body .journal-content-article .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  body .journal-content-article .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 40.063em) {
  body .journal-content-article .medium-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  body .journal-content-article .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  body .journal-content-article .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 64.063em) {
  body .journal-content-article .large-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  body .journal-content-article .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  body .journal-content-article .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  body .journal-content-article .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

#content .breadcrumb {
  float: none;
  margin: 0 0 var(--yja-gutter-sm, 0.625rem) 0;
  padding-top: var(--yja-gutter-xs, 0.3125rem);
}
#content .breadcrumb > li {
  line-height: 20px;
  font-size: 0.6875rem;
}
#content .breadcrumb > li > a {
  text-shadow: 0 1px 0 white;
}
#content .breadcrumb > li.active {
  color: var(--yja-breadcrumbs-item-active-color, #333);
}
#content .breadcrumb > li:first-child {
  padding-right: 1px;
}
#content .breadcrumb > li + li::before {
  padding-left: 4px;
  padding-right: 5px;
}

#yjaScrollToTop {
  overflow: hidden;
  z-index: 999;
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: calc(var(--yja-gutter-sm, 0.625rem) + var(--yja-gutter-base, 1.25rem));
  right: 0;
  padding: var(--yja-gutter-base, 1.25rem) 15px var(--yja-gutter-sm, 0.625rem);
  background-color: rgba(255, 255, 255, 0.75);
  color: var(--yja-primary-color, #365abd);
  text-align: center;
  font-size: var(--yja-font-size-xs, 0.813rem);
  text-decoration: none;
  font-weight: var(--yja-font-weight-bold, 500);
}
#yjaScrollToTop > i, #yjaScrollToTop span[role] {
  margin-right: 0.5em;
  font-size: var(--yja-font-size-md, 1rem);
}
#yjaScrollToTop:hover {
  background-color: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 550px) {
  #yjaScrollToTop {
    width: 7em;
    text-align: center;
    padding: var(--yja-gutter-xs, 0.3125rem);
  }
  #yjaScrollToTop > i, #yjaScrollToTop span[role] {
    display: block;
    font-size: calc(var(--yja-font-size-xxs, 0.75rem) * 2);
    margin-right: 0;
    text-align: center;
    margin-bottom: var(--yja-gutter-xs, 0.3125rem);
  }
  #yjaScrollToTop span {
    font-size: var(--yja-font-size-xxs, 0.75rem);
  }
}

/* Responsive tables */
.portlet-journal-content .user-actions {
  padding-bottom: 0;
}

/* For Landingpages */
.landingpage-lift-wrapper {
  margin-bottom: 15px;
  /* YJASTM-780, fixed style to match sisaltonosto_4_palstaa.ftl elements */
}
.landingpage-lift-wrapper > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.landingpage-lift-wrapper > ul > li.landingpage-lift {
  position: relative;
  width: 31.91489%;
  margin: 10px 0 0 8px;
  padding: 0;
  flex: 0 0 31.91489%;
  border-top-color: var(--yja-landingpage-lift-border-top-color, #365abd);
  border-top-width: var(--yja-landingpage-lift-border-top-size, 4px);
}
.landingpage-lift-wrapper > ul > li.landingpage-lift p {
  font-size: var(--yja-landingpage-lift-text-size) !important;
}
.landingpage-lift-wrapper > ul > li.landingpage-lift p.landing-page-title {
  margin: var(--yja-landingpage-lift-title-margin);
  line-height: var(--yja-landingpage-lift-title-line-height, var(--yja-heading-h5-line-height, 1.15));
}
.landingpage-lift-wrapper > ul > li.landingpage-lift p.landing-page-title > .link--main {
  font-size: var(--yja-landingpage-lift-title-size, 1.226rem) !important;
  font-family: var(--yja-landingpage-lift-title-font-family, var(--yja-heading-font-family, myriad-pro-condensed));
  font-weight: var(--yja-heading-font-weigth, 600);
}
.landingpage-lift-wrapper > ul > li.landingpage-lift .description p {
  color: var(--yja-landingpage-lift-text-color, var(--yja-base-font-color, #0f0f0f));
}
.landingpage-lift-wrapper > ul > li.landingpage-lift .landingpage-lift-link:hover {
  text-decoration: underline !important;
}
.landingpage-lift-wrapper > ul > li.landingpage-lift:nth-child(3n+1) {
  margin-left: 0;
}
.landingpage-lift-wrapper > ul > li.landingpage-lift a.yja-external-link:after {
  position: absolute;
  bottom: 5px;
  display: none;
  right: 10px;
  top: unset;
}
.landingpage-lift-wrapper > ul > li.landingpage-lift a.yja-external-link:hover:after, .landingpage-lift-wrapper > ul > li.landingpage-lift a.yja-external-link:focus:after {
  display: block;
}
.landingpage-lift-wrapper > ul > li.landingpage-lift.linkify--hover a.yja-external-link:after,
.landingpage-lift-wrapper > ul > li.landingpage-lift.linkify--hover a.yja-external-link:after {
  display: block;
}
.landingpage-lift-wrapper > ul > li.landingpage-lift.linkify--hover .landingpage-lift-link {
  text-decoration: underline !important;
}
@media (max-width: 660px) {
  .landingpage-lift-wrapper > ul > li.landingpage-lift {
    width: 48.93617%;
    flex: 0 0 48.93617%;
    margin-left: 5px;
  }
  .landingpage-lift-wrapper > ul > li.landingpage-lift:nth-child(3n+1) {
    margin-left: 5px;
  }
  .landingpage-lift-wrapper > ul > li.landingpage-lift:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .landingpage-lift-wrapper.four-columns .landingpage-lift {
    width: 24.25%;
    flex: 0 0 24.25%;
    box-sizing: border-box;
  }
  .landingpage-lift-wrapper.four-columns .landingpage-lift:nth-child(3n+1) {
    margin-left: 8px !important;
  }
  .landingpage-lift-wrapper.four-columns .landingpage-lift:nth-child(4n+1) {
    margin-left: 0 !important;
  }
  .landingpage-lift-wrapper.four-columns .landingpage-lift:first-child {
    margin-left: 0 !important;
  }
}

/* For Web Content */
.journal-content-article .carousel-wrapper img,
.journal-content-article .content-lift img,
.journal-content-article .landingpage-lift-wrapper img,
.journal-content-article .image-caption img,
.portlet-blogs .carousel-wrapper img,
.portlet-blogs .content-lift img,
.portlet-blogs .landingpage-lift-wrapper img,
.portlet-blogs .image-caption img {
  float: none;
  margin: 0;
}
.journal-content-article img.pull-left,
.journal-content-article img[align=left],
.journal-content-article img[style*="float: left"],
.journal-content-article img[style*="float:left"],
.portlet-blogs img.pull-left,
.portlet-blogs img[align=left],
.portlet-blogs img[style*="float: left"],
.portlet-blogs img[style*="float:left"] {
  float: left;
  margin: 0 0.875em 7px 0 !important;
}
.journal-content-article img.pull-right,
.journal-content-article img[align=right],
.journal-content-article img[style*="float: right"],
.journal-content-article img[style*="float:right"],
.portlet-blogs img.pull-right,
.portlet-blogs img[align=right],
.portlet-blogs img[style*="float: right"],
.portlet-blogs img[style*="float:right"] {
  float: right;
  margin: 0 0 7px 0.875em !important;
}

.blogPostItem {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

.blogPostItem__image {
  width: auto !important;
  float: none !important;
  padding-right: 1em;
  padding-bottom: 1em;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 300px;
  flex: 1 0 300px;
}
.blogPostItem__image img {
  margin: 0 !important;
  float: none !important;
  width: 100%;
}

.blogPostItem__body {
  float: none !important;
  margin: 0 !important;
  width: 20em !important;
  -webkit-box-flex: 9999;
  -ms-flex: 9999 1 20em;
  flex: 9999 1 20em;
}

.content-lift-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.content-lift-wrapper.row {
  margin-left: 0;
  margin-right: 0;
}
.content-lift-wrapper .content-lift {
  margin-top: var(--yja-gutter-base, 1.25rem) !important;
  padding: 0 !important;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .content-lift-wrapper .content-lift.cols-3 {
    width: 48%;
    flex: 0 0 44%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 766px) {
  .content-lift-wrapper .content-lift.cols-3 {
    width: 31.62393%;
    flex: 0 0 31.62393%;
    margin-right: 2.55%;
  }
}
.content-lift-wrapper .content-lift.cols-3:last-of-type {
  margin-right: 0;
}
.content-lift-wrapper .content-lift .content-title:link {
  text-decoration: none;
}
.content-lift-wrapper .content-lift .content-title:hover {
  text-decoration: none;
}

.yja-card.linkify {
  cursor: pointer;
}
.yja-card.linkify:hover .link--main {
  color: var(--yja-link-color-hover, #33c);
  text-decoration: underline;
}

.card.border strong {
  font-weight: 500 !important;
  color: var(--yja-base-font-color, #0f0f0f);
}

.yja-owl-carousel {
  position: relative;
  border-top: var(--yja-carousel-border-top, 1px solid #ddd);
  border-bottom: var(--yja-carousel-border-top, 1px solid #ddd);
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.yja-owl-carousel .owl-item {
  padding: 0;
}
@media screen and (min-width: 601px) {
  .yja-owl-carousel .owl-item {
    border-right: var(--yja-carousel-border-right, 1px solid var(--yja-light-color, #e4e3e4));
  }
}
.yja-owl-carousel .owl-item.no-border {
  border-right: 0;
}
.yja-owl-carousel .owl-item > a {
  position: relative;
  width: 100%;
  text-decoration: none !important;
  padding-right: var(--yja-carousel-margin, 10px);
}
.yja-owl-carousel .owl-item > a > h3 {
  margin-bottom: 0;
  font-size: var(--yja-carousel-heading-size, var(--yja-font-size-md, 1rem)) !important;
}
.yja-owl-carousel .owl-item > a > h3 img {
  display: block;
  float: none;
  margin-right: 0 !important;
}
.yja-owl-carousel .owl-item > a > h3 .name {
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
  font-weight: var(--yja-heading-font-weigth, 600);
  font-style: normal;
  display: block;
  line-height: 1.15;
  margin: var(--yja-gutter-sm, 0.625rem) 0 var(--yja-gutter-xs, 0.3125rem);
}
.yja-owl-carousel .owl-item > a .description {
  font-size: var(--yja-carousel-body-text, var(--yja-font-size-xs, 0.813rem));
  font-family: var(--yja-base-font-family, myriad-pro);
  font-weight: 400 !important;
  font-style: normal;
  display: block;
  line-height: 1.25;
  color: var(--yja-dark-color, #0f0f0f);
}
.yja-owl-carousel .owl-item > a > * {
  text-decoration: none;
}
.yja-owl-carousel .owl-item > a:hover h3 > .name, .yja-owl-carousel .owl-item > a:focus h3 > .name {
  color: var(--yja-link-color, var(--yja-primary-color, #365abd));
  text-decoration: underline;
}
.yja-owl-carousel.owl-theme .owl-dots .owl-dot {
  width: 1.063rem;
  height: 1.063rem;
  margin-right: 0.673rem;
}
.yja-owl-carousel.owl-theme .owl-dots .owl-dot:last-child {
  margin-right: 0;
}
.yja-owl-carousel.owl-theme .owl-dots .owl-dot > span:not(.sr-only) {
  position: relative;
  display: inline-block;
  margin: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  width: 17px;
  height: 17px;
  background: var(--yja-carousel-dot-background, var(--yja-light-color, #e4e3e4));
  cursor: pointer;
}
.yja-owl-carousel.owl-theme .owl-dots .owl-dot:hover > span:not(.sr-only), .yja-owl-carousel.owl-theme .owl-dots .owl-dot:focus > span:not(.sr-only) {
  background: var(--yja-carousel-dot-background-active, var(--yja-primary-color, #365abd));
}
.yja-owl-carousel.owl-theme .owl-dots .owl-dot.active > span:not(.sr-only) {
  background: var(--yja-carousel-dot-background-active, var(--yja-primary-color, #365abd));
}

.carousel {
  position: relative;
  border-top: 1px solid var(--yja-light-color, #e4e3e4);
  border-bottom: 1px solid var(--yja-light-color, #e4e3e4);
  padding-top: var(--yja-gutter-base, 1.25rem);
  padding-bottom: var(--yja-gutter-base, 1.25rem);
  margin-bottom: var(--yja-gutter-base, 1.25rem);
  line-height: 1;
}
.carousel a:hover {
  text-decoration: none;
}
.carousel .controls-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .carousel .controls-container {
    display: none;
  }
}

ul.control-nav {
  margin-bottom: var(--yja-gutter-sm, 0.625rem);
  list-style: none;
  text-align: center;
}

ul.position-nav {
  overflow: hidden;
  list-style: none;
  margin: 0;
}

ul.position-nav li {
  position: relative;
  display: inline-block;
  margin-right: var(--yja-gutter-sm, 0.625rem);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  width: 17px;
  height: 17px;
  background-color: var(--yja-light-color, #e4e3e4);
  cursor: pointer;
  margin-left: 0 !important;
}
ul.position-nav li button {
  border: 0px;
  background: transparent;
  box-shadow: none;
  padding: 0;
  width: 17px;
  height: 17px;
}
ul.position-nav li button:focus {
  outline: auto;
}

ul.position-nav li:hover {
  background-color: #ecebec;
}

ul.position-nav li button:hover {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

ul.position-nav li.selected {
  background: var(--yja-primary-color, #365abd);
  background: -moz-linear-gradient(top, var(--yja-primary-color, #365abd) 0%, var(--yja-btn-primary-hover-color, #33c) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--yja-primary-color, #365abd)), color-stop(100%, var(--yja-btn-primary-hover-color, #33c)));
  background: -webkit-linear-gradient(top, var(--yja-primary-color, #365abd) 0%, var(--yja-btn-primary-hover-color, #33c) 100%);
  background: -o-linear-gradient(top, var(--yja-primary-color, #365abd) 0%, var(--yja-btn-primary-hover-color, #33c) 100%);
  background: -ms-linear-gradient(top, var(--yja-primary-color, #365abd) 0%, var(--yja-btn-primary-hover-color, #33c) 100%);
  background: linear-gradient(to bottom, var(--yja-primary-color, #365abd) 0%, var(--yja-btn-primary-hover-color, #33c) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--yja-primary-color, #365abd)", endColorstr="var(--yja-btn-primary-hover-color, #33c)",GradientType=0 );
}

ul.position-nav li.selected:hover {
  background-color: var(--yja-primary-color, #365abd);
}

.carousel-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-left: 0px !important;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .carousel-wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.carousel-wrapper ul {
  width: 9999em;
  list-style: none;
  position: relative;
  left: 0;
  float: left;
  margin-left: 0 !important;
}
.carousel-wrapper ul li {
  float: left;
  padding-right: 15px;
  margin-right: 14px;
  border-right: 1px solid var(--yja-light-color, #e4e3e4);
  height: auto !important;
  width: min-content !important;
}
.carousel-wrapper ul li a h3 {
  margin-bottom: 0;
}
.carousel-wrapper ul li a h3 img {
  display: block;
  width: 170px;
  margin-right: 0 !important;
}
.carousel-wrapper ul li a h3 .name {
  font-size: var(--yja-font-size-md, 1rem);
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
  font-weight: 600;
  font-style: normal;
  display: block;
  width: 160px;
  line-height: 1.15;
  margin: var(--yja-gutter-sm, 0.625rem) 0 var(--yja-gutter-xs, 0.3125rem);
}
.carousel-wrapper ul li a .description {
  font-size: var(--yja-font-size-xs, 0.813rem);
  font-family: myriad-pro, sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  display: block;
  width: 160px;
  line-height: 1.25;
  color: var(--yja-dark-color, #0f0f0f);
}
.carousel-wrapper ul li a:hover h3 > span.name, .carousel-wrapper ul li a:focus h3 > span.name {
  color: var(--yja-heading-color-hover, #33c);
  text-decoration: underline;
}
.carousel-wrapper ul li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}

.portlet-polls-display #chart_div {
  background: url("../images/ajax-loader.gif") no-repeat center center;
}
.portlet-polls-display .vote-count {
  font-size: var(--yja-font-size-tiny, 0.688rem);
  margin-top: var(--yja-gutter-xs, 0.3125rem);
}

/* ---------- Ontology  ---------- */
.ontology-tags-selector-list {
  background: var(--yja-white-color, #fff);
  border-top: medium none;
  list-style: none outside none;
  margin: 0 !important;
  box-shadow: 1px 0 10px var(--yja-light-color, #e4e3e4);
  border-radius: 4px;
}
.ontology-tags-selector-list li {
  padding: 2px var(--yja-gutter-sm, 0.625rem);
  cursor: pointer;
}
.ontology-tags-selector-list li:hover {
  background: var(--yja-primary-color, #365abd);
  color: var(--yja-white-color, #fff);
}

.ontology-tags-selector-wrapper {
  margin-left: 0 !important;
}

.ontology-tag-entries-title {
  font-size: 20px;
}

.ontology-tag-entries-subtitle {
  margin-bottom: var(--yja-gutter-xs, 0.3125rem);
  display: block;
  color: #999;
  font-size: var(--yja-font-size-md, 1rem);
}

.ontology-tag-entry-remove {
  color: var(--yja-danger-color, #9d261d);
  cursor: pointer;
}

.ontology-tag-entry-broaders {
  display: block;
  margin-right: var(--yja-gutter-xs, 0.3125rem);
  margin-top: 3px;
}

.ontology-tag-entry-value-default {
  font-weight: bold;
}

.ontology-tag-entry-action-wrapper {
  display: inline-block;
  position: absolute;
  top: var(--yja-gutter-xs, 0.3125rem);
  right: var(--yja-gutter-xs, 0.3125rem);
}

.ontology-tag-entry-wrapper {
  border-top: solid 1px var(--yja-light-color, #e4e3e4);
  padding: var(--yja-gutter-xs, 0.3125rem) 0;
  position: relative;
}

.ontology-tag-entry-value {
  font-weight: bold;
}

.ontology-tag-highlight-holder {
  margin-top: 15px;
  margin-bottom: var(--yja-gutter-xs, 0.3125rem);
}
.ontology-tag-highlight-holder .ontology-tag-entries-title {
  font-size: var(--yja-font-size-md, 1rem);
}
.ontology-tag-highlight-holder .ontology-tag-entries-subtitle {
  font-size: var(--yja-font-size-xs, 0.813rem);
}

.ontology-tag-entry-label {
  margin-right: 3px;
  margin-left: var(--yja-gutter-xs, 0.3125rem);
}

.ontology-tag-entry-label-default {
  margin-right: 3px;
}

.ontology-tag-entry-broaders .ontology-tag-entry-label {
  margin-left: 0;
}
.ontology-tag-entry-broaders .ontology-tag-entry-value {
  color: #888;
}

.ontology-tag-entry-narrowers,
.ontology-tag-entry-related {
  float: left;
  width: 100%;
}
.ontology-tag-entry-narrowers span,
.ontology-tag-entry-related span {
  margin-left: 2px;
  color: var(--yja-primary-color, #365abd);
  cursor: pointer;
  display: inline-block;
}
.ontology-tag-entry-narrowers span.ontology-tag-entry-label,
.ontology-tag-entry-related span.ontology-tag-entry-label {
  color: var(--yja-dark-color, #0f0f0f);
  cursor: default;
  font-size: var(--yja-font-size-md, 1rem);
  display: block;
  margin: var(--yja-gutter-xs, 0.3125rem) 0 2px 0;
}

.mm-menu .search-header-portlet {
  color: var(--yja-base-font-color, #0f0f0f);
}

.header-advanced-search-link {
  display: block;
}

#topSearchform,
#mobile_searchform {
  position: relative;
  margin: 0;
}
#topSearchform i, #topSearchform span[role],
#mobile_searchform i,
#mobile_searchform span[role] {
  position: absolute;
  top: 7px;
  left: 8px;
  cursor: pointer;
  color: var(--yja-base-font-color, #0f0f0f);
}
#topSearchform input,
#mobile_searchform input {
  padding-left: 30px;
  line-height: 1em;
  margin: 0;
}

.portlet-search {
  margin-top: var(--yja-gutter-base, 1.25rem);
}
.portlet-search .btn, .portlet-search .btn-primary, .portlet-search .btn-default {
  margin-bottom: 0;
  padding: 0.7em 1.5em 0.7em;
}
.portlet-search .control-group {
  min-width: 50%;
}
.portlet-search fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.portlet-search .table-bordered {
  border: none;
}
.portlet-search .table-bordered .table-columns {
  display: none;
}
.portlet-search .table-bordered th,
.portlet-search .table-bordered td {
  border: none;
  background: none !important;
}
.portlet-search .asset-entry {
  display: block;
  border-bottom: solid 1px var(--yja-border-color, transparent);
  padding: 0;
}
.portlet-search .asset-entry .asset-entry-type {
  display: none;
}
.portlet-search .search-layout .result .asset-entry .asset-entry-content {
  margin-top: 0;
}

.yja-document-display .file-list li {
  margin: 2px 0;
}
.yja-document-display .comma {
  display: none;
}
.yja-document-display .taglib-page-iterator .lfr-pagination-config {
  display: none;
}
.yja-document-display .taglib-page-iterator .search-results {
  margin-left: 0;
  float: none;
  display: block;
}
.yja-document-display .taglib-page-iterator .lfr-pagination-buttons {
  float: left;
}
.yja-document-display .component.searchcontainer {
  display: none;
}
.yja-document-display .taglib-search-iterator-page-iterator-top {
  display: none;
}

/*
  YJAY-4210
  Convert old-school responsive way to modern
*/
.site div.embed-responsive:before,
div.embed-responsive:before {
  display: none !important;
}
.site div.embed-responsive.embed-responsive-16by9,
div.embed-responsive.embed-responsive-16by9 {
  aspect-ratio: 16/9;
  /* YJAVNK-1585, Add default margin to bottom of embed */
  margin-bottom: var(--yja-paragraph-margin-bottom, 1.25rem);
}
.site div.embed-responsive.embed-responsive-16by9::before,
div.embed-responsive.embed-responsive-16by9::before {
  padding-top: 0;
}

.d-ar-16_9 {
  position: relative;
  aspect-ratio: 16/9;
}
.d-ar-16_9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.aui #wrapper .cke_inner * {
  box-sizing: content-box;
}

.cke_combopanel {
  width: 250px !important;
}

@media print {
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  #banner,
  .listing-layout .span3,
  .empty,
  .portlet-borderless-bar,
  .portlet-actions,
  .asset-actions,
  .media-bar,
  .portlet-dockbar,
  footer .span3,
  .tag-cloud-portlet,
  .yja-gray-social-share-portlet,
  .yja-social-share-portlet,
  .portlet-breadcrumb,
  .mobile-menu-actions,
  #yjaScrollToTop {
    display: none !important;
  }
}
@media (max-width: 768px) {
  body .row .sm-span1, body .row .sm-span2, body .row .sm-span3, body .row .sm-span4, body .row .sm-span5, body .row .sm-span6, body .row .sm-span7, body .row .sm-span8, body .row .sm-span9, body .row .sm-span10, body .row .sm-span11, body .row .sm-span12 {
    float: left;
    margin-left: 2.12766%;
  }
  body .row .sm-span1::first-child, body .row .sm-span2::first-child, body .row .sm-span3::first-child, body .row .sm-span4::first-child, body .row .sm-span5::first-child, body .row .sm-span6::first-child, body .row .sm-span7::first-child, body .row .sm-span8::first-child, body .row .sm-span9::first-child, body .row .sm-span10::first-child, body .row .sm-span11::first-child, body .row .sm-span12::first-child {
    margin-left: 0;
  }
  body .row .sm-span12 {
    width: 100%;
    *width: 99.94681%;
  }
  body .row .sm-span11 {
    width: 91.45299%;
    *width: 91.3998%;
  }
  body .row .sm-span10 {
    width: 82.90598%;
    *width: 82.85279%;
  }
  body .row .sm-span9 {
    width: 74.35897%;
    *width: 74.30578%;
  }
  body .row .sm-span8 {
    width: 65.81197%;
    *width: 65.75877%;
  }
  body .row .sm-span7 {
    width: 57.26496%;
    *width: 57.21177%;
  }
  body .row .sm-span6 {
    width: 48.71795%;
    *width: 48.66476%;
  }
  body .row .sm-span5 {
    width: 40.17094%;
    *width: 40.11775%;
  }
  body .row .sm-span4 {
    width: 31.62393%;
    *width: 31.57074%;
  }
  body .row .sm-span3 {
    width: 23.07692%;
    *width: 23.02373%;
  }
  body .row .sm-span2 {
    width: 14.52991%;
    *width: 14.47672%;
  }
  body .row .sm-span1 {
    width: 5.98291%;
    *width: 5.92971%;
  }
  body .row .sm-offset1 {
    margin-left: 11.11111%;
    *margin-left: 11.00473%;
  }
  body .row .sm-offset1:first-child {
    margin-left: 8.54701%;
    *margin-left: 8.44063%;
  }
  body .row .sm-offset2 {
    margin-left: 19.65812%;
    *margin-left: 19.55174%;
  }
  body .row .sm-offset2:first-child {
    margin-left: 17.09402%;
    *margin-left: 16.98763%;
  }
  body .row .sm-offset3 {
    margin-left: 28.20513%;
    *margin-left: 28.09875%;
  }
  body .row .sm-offset3:first-child {
    margin-left: 25.64103%;
    *margin-left: 25.53464%;
  }
  body .row .sm-offset4 {
    margin-left: 36.75214%;
    *margin-left: 36.64575%;
  }
  body .row .sm-offset4:first-child {
    margin-left: 34.18803%;
    *margin-left: 34.08165%;
  }
  body .row .sm-offset5 {
    margin-left: 45.29915%;
    *margin-left: 45.19276%;
  }
  body .row .sm-offset5:first-child {
    margin-left: 42.73504%;
    *margin-left: 42.62866%;
  }
  body .row .sm-offset6 {
    margin-left: 53.84615%;
    *margin-left: 53.73977%;
  }
  body .row .sm-offset6:first-child {
    margin-left: 51.28205%;
    *margin-left: 51.17567%;
  }
  body .row .sm-offset7 {
    margin-left: 62.39316%;
    *margin-left: 62.28678%;
  }
  body .row .sm-offset7:first-child {
    margin-left: 59.82906%;
    *margin-left: 59.72268%;
  }
  body .row .sm-offset8 {
    margin-left: 70.94017%;
    *margin-left: 70.83379%;
  }
  body .row .sm-offset8:first-child {
    margin-left: 68.37607%;
    *margin-left: 68.26969%;
  }
  body .row .sm-offset9 {
    margin-left: 79.48718%;
    *margin-left: 79.3808%;
  }
  body .row .sm-offset9:first-child {
    margin-left: 76.92308%;
    *margin-left: 76.81669%;
  }
  body .row .sm-offset10 {
    margin-left: 88.03419%;
    *margin-left: 87.92781%;
  }
  body .row .sm-offset10:first-child {
    margin-left: 85.47009%;
    *margin-left: 85.3637%;
  }
  body .row .sm-offset11 {
    margin-left: 96.5812%;
    *margin-left: 96.47481%;
  }
  body .row .sm-offset11:first-child {
    margin-left: 94.01709%;
    *margin-left: 93.91071%;
  }
  body .row .sm-offset12 {
    margin-left: 105.12821%;
    *margin-left: 105.02182%;
  }
  body .row .sm-offset12:first-child {
    margin-left: 102.5641%;
    *margin-left: 102.45772%;
  }
}
@media (max-width: 320px) {
  body .row .xs-span1, body .row .xs-span2, body .row .xs-span3, body .row .xs-span4, body .row .xs-span5, body .row .xs-span6, body .row .xs-span7, body .row .xs-span8, body .row .xs-span9, body .row .xs-span10, body .row .xs-span11, body .row .xs-span12 {
    float: left;
    margin-left: 2.12766%;
  }
  body .row .xs-span1::first-child, body .row .xs-span2::first-child, body .row .xs-span3::first-child, body .row .xs-span4::first-child, body .row .xs-span5::first-child, body .row .xs-span6::first-child, body .row .xs-span7::first-child, body .row .xs-span8::first-child, body .row .xs-span9::first-child, body .row .xs-span10::first-child, body .row .xs-span11::first-child, body .row .xs-span12::first-child {
    margin-left: 0;
  }
  body .row .xs-span12 {
    width: 100%;
    *width: 99.94681%;
  }
  body .row .xs-span11 {
    width: 91.45299%;
    *width: 91.3998%;
  }
  body .row .xs-span10 {
    width: 82.90598%;
    *width: 82.85279%;
  }
  body .row .xs-span9 {
    width: 74.35897%;
    *width: 74.30578%;
  }
  body .row .xs-span8 {
    width: 65.81197%;
    *width: 65.75877%;
  }
  body .row .xs-span7 {
    width: 57.26496%;
    *width: 57.21177%;
  }
  body .row .xs-span6 {
    width: 48.71795%;
    *width: 48.66476%;
  }
  body .row .xs-span5 {
    width: 40.17094%;
    *width: 40.11775%;
  }
  body .row .xs-span4 {
    width: 31.62393%;
    *width: 31.57074%;
  }
  body .row .xs-span3 {
    width: 23.07692%;
    *width: 23.02373%;
  }
  body .row .xs-span2 {
    width: 14.52991%;
    *width: 14.47672%;
  }
  body .row .xs-span1 {
    width: 5.98291%;
    *width: 5.92971%;
  }
  body .row .xs-offset1 {
    margin-left: 11.11111%;
    *margin-left: 11.00473%;
  }
  body .row .xs-offset1:first-child {
    margin-left: 8.54701%;
    *margin-left: 8.44063%;
  }
  body .row .xs-offset2 {
    margin-left: 19.65812%;
    *margin-left: 19.55174%;
  }
  body .row .xs-offset2:first-child {
    margin-left: 17.09402%;
    *margin-left: 16.98763%;
  }
  body .row .xs-offset3 {
    margin-left: 28.20513%;
    *margin-left: 28.09875%;
  }
  body .row .xs-offset3:first-child {
    margin-left: 25.64103%;
    *margin-left: 25.53464%;
  }
  body .row .xs-offset4 {
    margin-left: 36.75214%;
    *margin-left: 36.64575%;
  }
  body .row .xs-offset4:first-child {
    margin-left: 34.18803%;
    *margin-left: 34.08165%;
  }
  body .row .xs-offset5 {
    margin-left: 45.29915%;
    *margin-left: 45.19276%;
  }
  body .row .xs-offset5:first-child {
    margin-left: 42.73504%;
    *margin-left: 42.62866%;
  }
  body .row .xs-offset6 {
    margin-left: 53.84615%;
    *margin-left: 53.73977%;
  }
  body .row .xs-offset6:first-child {
    margin-left: 51.28205%;
    *margin-left: 51.17567%;
  }
  body .row .xs-offset7 {
    margin-left: 62.39316%;
    *margin-left: 62.28678%;
  }
  body .row .xs-offset7:first-child {
    margin-left: 59.82906%;
    *margin-left: 59.72268%;
  }
  body .row .xs-offset8 {
    margin-left: 70.94017%;
    *margin-left: 70.83379%;
  }
  body .row .xs-offset8:first-child {
    margin-left: 68.37607%;
    *margin-left: 68.26969%;
  }
  body .row .xs-offset9 {
    margin-left: 79.48718%;
    *margin-left: 79.3808%;
  }
  body .row .xs-offset9:first-child {
    margin-left: 76.92308%;
    *margin-left: 76.81669%;
  }
  body .row .xs-offset10 {
    margin-left: 88.03419%;
    *margin-left: 87.92781%;
  }
  body .row .xs-offset10:first-child {
    margin-left: 85.47009%;
    *margin-left: 85.3637%;
  }
  body .row .xs-offset11 {
    margin-left: 96.5812%;
    *margin-left: 96.47481%;
  }
  body .row .xs-offset11:first-child {
    margin-left: 94.01709%;
    *margin-left: 93.91071%;
  }
  body .row .xs-offset12 {
    margin-left: 105.12821%;
    *margin-left: 105.02182%;
  }
  body .row .xs-offset12:first-child {
    margin-left: 102.5641%;
    *margin-left: 102.45772%;
  }
}

.portlet-site-map .portlet-body > ul {
  columns: 2;
  column-gap: 60px;
  column-rule: var(--yja-sitemap-ul-column-rule, var(--yja-border-style));
  margin-left: 0;
  padding-left: 0;
}
.portlet-site-map .portlet-body > ul > li {
  border-bottom: var(--yja-sitemap-ul-column-rule, var(--yja-border-style));
  padding-bottom: var(--yja-sitemap-li-padding-bottom, 0.625rem);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.portlet-site-map .portlet-body > ul > li > a {
  font-weight: bold;
  font-size: var(--yja-sitemap-a-font-size, 1.1em);
  padding-bottom: 0;
}
.portlet-site-map .portlet-body ul > li {
  list-style: none;
}
.portlet-site-map .portlet-body ul > li a {
  padding: var(--yja-gutter-sm, 0.625rem) 0;
  display: inline-block;
  vertical-align: top;
}
.portlet-site-map .portlet-body ul > li ul li {
  list-style: inherit;
}
.portlet-site-map .portlet-body ul > li ul a {
  font-size: 0.875rem;
  padding: 2px;
}

.portlet-blogs {
  /* YJAVNK-196 Blogin liittyvät sisällöt näyttämään "uutislistaukselta" --> */
  /* YJAVNK-196 Blogin liittyvät sisällöt näyttämään "uutislistaukselta" --> */
}
.portlet-blogs .news-page {
  position: relative;
}
.portlet-blogs fieldset.input-container {
  border: none;
  padding: 0;
  margin: 0;
}
.portlet-blogs .accordion-toggle {
  padding: 20px;
  background-color: var(--yja-primary-color, #365abd);
  color: var(--yja-white-color, #fff);
}
.portlet-blogs .accordion-toggle .title-text::before {
  content: "\f0e5";
  display: inline-block;
  font-family: "fontawesome-alloy";
  font-size: 1.2em;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.portlet-blogs #blogsCommentsPanelContent {
  background: var(--yja-light-color, #e4e3e4);
}
.portlet-blogs .lfr-pagination .lfr-pagination-buttons > li,
.portlet-blogs .pager > li {
  font-size: var(--yja-font-size-xxs, 0.75rem);
}
.portlet-blogs .pager {
  background: none;
  margin: var(--yja-gutter-base, 1.25rem) 0;
  list-style: none;
  text-align: center;
  float: none;
  clear: both;
}
.portlet-blogs .pager > li {
  display: inline;
}
.portlet-blogs .pager > li > a,
.portlet-blogs .pager > li > span {
  display: inline-block;
}
.portlet-blogs .pager > li a.disabled {
  float: none;
}
.portlet-blogs .pager > li.next > a,
.portlet-blogs .pager > li.next > span,
.portlet-blogs .pager > li.previous > a,
.portlet-blogs .pager > li.previous > span {
  float: none;
}
.portlet-blogs .lfr-pagination-config,
.portlet-blogs .lfr-pagination-config + .search-results {
  display: none;
}
.portlet-blogs .taglib-discussion .user-profile-image {
  display: none !important;
}
.portlet-blogs .taglib-discussion .lfr-discussion-message {
  line-height: 1.5em;
  font-size: var(--yja-font-size-xs, 0.813rem);
  margin-top: var(--yja-gutter-sm, 0.625rem);
  padding-bottom: 0;
  -ms-word-break: normal;
  word-break: normal;
}
.portlet-blogs .taglib-discussion .lfr-discussion-posted-on {
  color: var(--yja-light-color, #e4e3e4);
  font-size: var(--yja-font-size-xs, 0.813rem);
  margin-bottom: var(--yja-gutter-xs, 0.3125rem);
}
.portlet-blogs .taglib-user-display .user-name {
  font-size: var(--yja-font-size-xs, 0.813rem);
  margin-top: 13px;
  font-weight: bold;
  text-align: left;
}
.portlet-blogs div.taglib-asset-links {
  margin: 30px 0 45px 0;
}
.portlet-blogs div.taglib-asset-links h2.asset-links-title {
  background: none !important;
  padding: 0 !important;
}
.portlet-blogs div.taglib-asset-links ul.asset-links-list {
  padding: 0;
  margin: 0;
}
.portlet-blogs li.asset-links-list-item h6,
.portlet-blogs li.asset-links-list-item .feed-item__heading {
  color: var(--yja-base-font-color, #0f0f0f);
  margin-top: 0;
  margin-bottom: 0.2857em;
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
  font-weight: 600;
  font-style: normal;
  word-break: normal;
  font-size: var(--yja-font-size-md, 1rem);
  line-height: 1.2em;
}
.portlet-blogs li.asset-links-list-item h6 a,
.portlet-blogs li.asset-links-list-item .feed-item__heading a {
  color: #222222;
}
.portlet-blogs li.asset-links-list-item h6 a:hover,
.portlet-blogs li.asset-links-list-item .feed-item__heading a:hover {
  color: var(--yja-primary-color, #365abd);
  text-decoration: underline;
}
.portlet-blogs a.taglib-icon img {
  display: none;
}
.portlet-blogs div.taglib-asset-links {
  margin: 30px 0 45px 0;
}
.portlet-blogs div.taglib-asset-links h2.asset-links-title {
  background: none !important;
  padding: 0 !important;
}
.portlet-blogs div.taglib-asset-links ul.asset-links-list {
  padding: 0;
  margin: 0;
}
.portlet-blogs li.asset-links-list-item h6,
.portlet-blogs li.asset-links-list-item .feed-item__heading {
  color: var(--yja-base-font-color, #0f0f0f) !important;
  margin-top: 0;
  margin-bottom: var(--yja-gutter-xs, 0.3125rem);
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
  font-weight: 600;
  font-style: normal;
  word-break: normal;
  font-size: var(--yja-font-size-md, 1rem);
  line-height: 1.2em;
}
.portlet-blogs li.asset-links-list-item h6 a,
.portlet-blogs li.asset-links-list-item .feed-item__heading a {
  color: var(--yja-base-font-color, #0f0f0f);
}
.portlet-blogs li.asset-links-list-item h6 a:hover,
.portlet-blogs li.asset-links-list-item .feed-item__heading a:hover {
  color: var(--yja-primary-color, #365abd);
  text-decoration: underline;
}
.portlet-blogs a.taglib-icon img {
  display: none;
}

/* YJAY-1971, Blogien listauksessa kirjoittajan nimi on eri fontilla */
.portlet-blogs span.author,
.bloglist_row span.author,
.bloglist span.author,
.blogs__listing--row span.author,
.blog-item span.author {
  color: var(--yja-dark-color, #0f0f0f);
  font-size: var(--yja-font-size-xxs, 0.75rem);
  margin-right: var(--yja-gutter-xs, 0.3125rem);
}
.portlet-blogs span.author:before,
.bloglist_row span.author:before,
.bloglist span.author:before,
.blogs__listing--row span.author:before,
.blog-item span.author:before {
  content: "\f007";
  font-family: "fontawesome-alloy";
  margin-right: 0.3em;
  width: auto;
  height: auto;
  speak: none;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.portlet-blogs span.author:last-child,
.bloglist_row span.author:last-child,
.bloglist span.author:last-child,
.blogs__listing--row span.author:last-child,
.blog-item span.author:last-child {
  margin-right: 1em;
}

/* Aspect ratio for cover image */
.portlet-blogs .aspect-ratio-bg-cover {
  background-size: contain;
  padding-bottom: 33.8%;
  margin-bottom: 1rem;
}

.label, a.label,
a.yja-tag,
.yja-tag {
  border: var(--yja-tag-border-style, 0) !important;
  margin: var(--yja-tag-margin-style, auto);
  background: var(--yja-tag-bg-color, #e9e9e9);
  color: var(--yja-tag-text-color, #4C4D4A);
  font-size: var(--yja-tag-text-size, 0.62em);
  font-weight: var(--yja-tag-text-weight, 600);
  padding: var(--yja-tag-padding-style, 0.45em 0.3em 0.4em);
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  text-shadow: none;
  -webkit-border-radius: var(--yja-tag-border-radius, 0);
  -moz-border-radius: var(--yja-tag-border-radius, 0);
  -ms-border-radius: var(--yja-tag-border-radius, 0);
}

span.file-ext {
  display: inline-block;
  margin-left: 2px;
  background-color: #e9e9e9 !important;
  color: #4c4d4a !important;
  text-transform: uppercase;
  padding: 2px;
  border-radius: 3px;
  line-height: 1;
  font-size: 14px;
}

span.file-size {
  color: #4c4d4a !important;
  font-size: 14px;
}

#portlet_decisionsview_WAR_fiyjaportletdecisionsweb .attachments-list a {
  border-bottom: 0 !important;
}

.ie .pdf-file:after,
.ie a.pdf:after {
  font-size: 9px !important;
}

.publication-wrapper .pdf-file:after,
.publication-wrapper a.pdf:after {
  content: "";
  display: none;
}

.content-lift-link:after {
  display: none;
}

a.label,
a.yja-tag {
  background: var(--yja-tag-link-bg-color, #E9F6FA);
  color: var(--yja-link-text-color, #000);
}
a.label:hover,
a.yja-tag:hover {
  background: var(--yja-tag-link-bg-color-hover, #bfe5f1);
}

.yja-tag-group,
.yja-category-group {
  display: inline;
}

.yja-category-group {
  line-height: 1.1;
}

.bottom-meta .label,
.bottom-meta .yja-tag {
  margin-bottom: 0.325em;
}

div#blog-commentor-bar {
  height: 40px;
}
div#blog-commentor-bar .navbar-inner .nav > li > a {
  padding: 4px 10px;
}
div#blog-commentor-bar .navbar-inner .nav-account-controls {
  position: absolute;
  float: none;
  right: 0;
}
div#blog-commentor-bar .navbar-inner .nav-account-controls li {
  float: right;
}

/*
**    _________SIMPLE SEARCH ____________________________________
**
*/
#topSearchform_static,
#mobile_searchform_static {
  text-align: right;
  position: relative;
  margin: 0;
  font-size: var(--yja-font-size-sm, 0.875rem);
}
#topSearchform_static .search-btn,
#mobile_searchform_static .search-btn {
  font-size: var(--yja-form-top-search-btn-font-size, 13px);
  margin-bottom: 0;
  position: relative;
  padding: 0.625em 1.125em 0.5625em !important;
  height: 32px;
  top: 0;
  color: white;
  line-height: 1;
  border-radius: 0 4px 4px 0;
  border: var(--yja-form-top-search-btn-border-style, 0);
}
#topSearchform_static .input-append,
#mobile_searchform_static .input-append {
  width: 90%;
}
#topSearchform_static i, #topSearchform_static span[role],
#mobile_searchform_static i,
#mobile_searchform_static span[role] {
  position: absolute;
  top: 7px;
  left: 8px;
  cursor: pointer;
  color: var(--yja-base-font-color, #0f0f0f);
}
#topSearchform_static input,
#mobile_searchform_static input {
  line-height: 1em;
  margin: 0;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
#topSearchform_static .input-group input[type=text],
#topSearchform_static .input-group input[type=search],
#mobile_searchform_static .input-group input[type=text],
#mobile_searchform_static .input-group input[type=search] {
  flex: 0 0 calc(var(--yja-form-top-search-input-width, 60%));
  width: var(--yja-form-top-search-input-width, 60%);
  height: var(--yja-form-top-search-input-height, 32px);
  border: var(--yja-form-top-search-input-border, 1px solid #949494);
}

#header-search-wrapper {
  margin-bottom: 20px;
}

#yja-notification {
  position: fixed;
  width: 100%;
  bottom: -800px;
  z-index: 999;
  padding: 1.5em 1.5em 1em 1.5em;
  background: rgba(240, 240, 240, 0.92);
  border-top: 1px solid #bbb;
  -webkit-box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#yja-notification.active {
  bottom: 0;
}
#yja-notification .btn {
  font-size: 1.1rem !important;
  padding: var(--yja-gutter-sm, 0.625rem) !important;
  display: inline !important;
  width: auto !important;
  margin: 0 var(--yja-gutter-base, 1.25rem) 0 0 !important;
}
@media (max-width: 767px) {
  #yja-notification .btn {
    margin: 0 var(--yja-gutter-lg, 2.5rem) 0 0 !important;
  }
}

.wide-gallery-wrapper .gallery-item {
  max-width: 120px;
  max-height: 80px;
}

.wide-gallery-wrapper .gallery-item a {
  background-size: 150%;
}

.gallery-item {
  position: relative;
  width: 25%;
  overflow: hidden;
  border: solid 4px #fff;
  float: left;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .gallery-item {
    width: 33%;
  }
}
@media (max-width: 480px) {
  .gallery-item {
    width: 50%;
  }
}
.gallery-item a {
  display: block;
  padding-top: 75%;
}
.gallery-item img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-figure figcaption {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.project-search-portlet .gridItem a:hover {
  text-decoration: none;
}

.yja_factbox__aside {
  margin: 0 0 var(--yja-gutter-base, 1.25rem);
  padding: 0 0 0 var(--yja-gutter-base, 1.25rem);
  border-left: var(--yja-factbox-border-style, 1px solid #e4e3e4);
}
@media (min-width: 768px) {
  .yja_factbox__aside {
    margin-left: 20px;
    float: right;
    width: 50%;
  }
}
.yja_factbox__aside img {
  float: none;
  margin-right: 0;
}

figure + .yja_factbox__aside {
  width: calc(100% - 350px);
  float: right;
  margin-left: 0;
}

.yjaInfoBox {
  position: relative;
  margin: var(--yja-liftbox-margin, 1.5rem 0);
  padding: var(--yja-liftbox-padding, 1.625rem 1.5rem);
  background-color: var(--yja-liftbox-bg-color, #f6f6f7);
  border-left: var(--yja-infobox-border-style, 0.25rem solid #009);
}
.yjaInfoBox *:first-child {
  margin-top: 0;
}
.yjaInfoBox *:last-child {
  margin-bottom: 0;
}
.yjaInfoBox.attention {
  padding: var(--yja-liftbox-attention-padding, 1.375rem);
}
.yjaInfoBox.attention:before {
  content: "\f071";
  position: absolute;
  display: block;
  top: 1.375rem;
  left: 1rem;
  font-size: var(--yja-liftbox-attention-text-size, #009);
  color: var(--yja-liftbox-attention-text-color, 1.375rem 1.5rem 1.375rem 3.25rem);
  font-family: "fontawesome-alloy";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.yjaInfoBox.relatedContent a {
  text-decoration: none;
}
.yjaInfoBox.relatedContent a:hover, .yjaInfoBox.relatedContent a:focus, .yjaInfoBox.relatedContent a:active {
  text-decoration: underline;
}
.yjaInfoBox.relatedContent ul, .yjaInfoBox.relatedContent ol {
  margin-left: 1.25rem;
}
.yjaInfoBox.relatedContent ul li, .yjaInfoBox.relatedContent ol li {
  line-height: 1.625;
}

.panel {
  border: var(--yja-panel-border-style-primary, 1px solid #e5e5e5);
  margin-bottom: var(--yja-gutter-base, 1.25rem);
  padding: var(--yja-gutter-base, 1.25rem);
  background: var(--yja-panel-bg-color, #fdfdfd);
}
.panel > .card-body {
  padding: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: var(--yja-base-font-color, #0f0f0f);
}
.panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.425em;
}
.panel .content-title {
  margin: 0 0 var(--yja-gutter-sm, 0.625rem);
  padding-bottom: 8px;
  border-bottom: var(--yja-title-border-style, 1px solid #e5e5e5);
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel.callout {
  border: none;
  margin-bottom: var(--yja-gutter-base, 1.25rem);
  padding: 0.5em 0.9387em;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: white;
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel.callout > :first-child {
  margin-top: 0;
}
.panel.callout > :last-child {
  margin-bottom: 0;
}
.panel.callout h5 {
  font-size: 1.3125rem;
}
.panel .radius {
  -webkit-border-radius: var(--yja-border-radius, 0);
  border-radius: var(--yja-border-radius, 0);
}
.panel.border {
  background-color: var(--yja-panel-bg-color, #fdfdfd);
  border-top: var(--yja-title-border-style, 1px solid #e5e5e5);
}
.panel.border.border-top-emphasis {
  border-top-style: solid !important;
  border-top-width: var(--yja-border-top-emphasis-width, 4px) !important;
  border-top-color: var(--yja-border-top-emphasis-color, var(--yja-primary-color, #365abd)) !important;
}
.panel.border-top-emphasis {
  border-top-style: solid !important;
  border-top-width: var(--yja-border-top-emphasis-width, 4px) !important;
  border-top-color: var(--yja-border-top-emphasis-color, var(--yja-primary-color, #365abd)) !important;
}
.panel.border h4 {
  border-bottom: 1px solid #bababa;
  margin: 0 0 10px;
  padding-bottom: 8px;
}
.panel.border h5.bold {
  font-weight: 500 !important;
}
.panel.border h6.bold {
  font-weight: 500 !important;
}
.panel.border strong {
  font-weight: 500 !important;
  color: var(--yja-base-font-color, #0f0f0f);
}
.panel.border p {
  color: #575757;
}
.panel ul {
  font-size: var(--yja-font-size-md, 1rem);
}
.panel.net-services {
  border: 0;
}
.panel.net-services h2, .panel.net-services h3, .panel.net-services h4 {
  margin-bottom: 1em;
  border-bottom: 1px solid var(--yja-white-color, #fff);
  padding-bottom: 0.714em;
  font-size: var(--yja-font-size-sm, 0.875rem);
  font-family: var(--yja-font-sans-serif-bold, myriad-pro-condensed);
  font-weight: 500 !important;
  font-style: normal;
  color: var(--yja-white-color, #fff);
}
.panel.net-services ul {
  overflow: hidden;
}
.panel.net-services ul li {
  float: left;
  margin: 0 0.3571em 0.3571em 0;
  font-size: 2rem;
  line-height: 1;
  font-family: var(--yja-font-sans-serif-condensed, myriad-pro-condensed);
  font-weight: 500 !important;
  font-style: normal;
}
.panel.net-services ul li a {
  color: var(--yja-white-color, #fff);
}
.panel.net-services ul li a:hover, .panel.net-services ul li a:focus {
  color: var(--yja-white-color, #fff);
  text-decoration: underline;
}
.panel.ota-kantaa h4.subheader {
  font-family: var(--yja-font-sans-serif, myriad-pro);
  font-size: var(--yja-font-size-sm, 0.875rem);
  font-style: normal;
  font-weight: 400 !important;
}
.panel.post-it {
  background-color: var(--yja-post-it-bg-color, #fffacd);
  border-bottom: var(--yja-post-it-border-style, 1px solid #e5e5e5);
  border-left: 0 none;
  border-right: 0 none;
  clear: both;
  margin-bottom: 1.875em;
}
.panel.post-it.border-top-emphasis {
  border-top-color: var(--yja-post-it-border-top-emphasis, #f9b000);
}
.panel.post-it h3 {
  color: var(--yja-post-it-border-top-emphasis, #f9b000);
  font-size: var(--yja-post-it-heading-size, 1.313rem);
}

.custom-meta .metadata-entry {
  background: none;
  padding-left: 0;
  padding-right: 5px;
  margin-bottom: 0;
  margin-right: 0;
  color: var(--yja-dark-color, #0f0f0f);
  font-size: 0.75em;
}
.custom-meta .metadata-entry.metadata-author {
  float: none;
}
.custom-meta .metadata-entry .yja-tag {
  font-size: 100%;
}

.entry-list-footer .metadata-entry {
  background: none;
  padding-left: 0;
  padding-right: 5px;
  margin-bottom: 0;
  margin-right: 0;
  color: var(--yja-dark-color, #0f0f0f);
  font-size: 0.75em;
}
.entry-list-footer .metadata-entry.metadata-author {
  float: none;
}
.entry-list-footer .metadata-entry div a {
  font-size: 100%;
}
.entry-list-footer .metadata-entry div span {
  font-size: 100%;
}

.yja-accordion {
  margin-bottom: var(--yja-gutter-sm, 0.625rem);
}
.yja-accordion .yja-accordion-toggle {
  position: relative;
  margin: 0;
  padding: 0 !important;
  background: var(--yja-accordion-btn-bg-color, var(--yja-primary-color, #365abd));
  color: var(--yja-accordion-btn-text-color, #fff);
  font-size: var(--yja-accordion-btn-heading-size, var(--yja-base-font-size, 1rem));
}
.yja-accordion .yja-accordion-toggle button {
  display: block !important;
  width: 100%;
  background: transparent;
  color: var(--yja-accordion-btn-text-color, #fff) !important;
  padding: var(--yja-accordion-btn-padding, 1.35714rem 0.71429rem);
  font-weight: var(--yja-font-weight-bold, 500);
  margin: 0 0 1px 0;
  cursor: pointer;
  text-align: left;
  font-size: var(--yja-accordion-btn-heading-size, var(--yja-base-font-size, 1rem));
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border: none;
  font-family: inherit;
}
.yja-accordion h2.yja-accordion-toggle button {
  font-size: var(--yja-accordion-btn-heading-size, var(--yja-base-font-size, 1rem));
  padding: var(--yja-accordion-btn-padding, 1.35714rem 0.71429rem);
}
.yja-accordion h3.yja-accordion-toggle button {
  font-size: var(--yja-accordion-btn-heading-size, var(--yja-base-font-size, 1rem));
  padding: var(--yja-accordion-btn-padding, 1.35714rem 0.71429rem);
}
.yja-accordion i.icon,
.yja-accordion span[role=presentation] {
  position: absolute;
  color: var(--yja-accordion-btn-text-color, #fff) !important;
  right: 5px;
  margin-right: 0.3em;
  top: 50%;
  -webkit-translateX: -50%;
  -moz-translateX: -50%;
  -ms-translateX: -50%;
  line-height: 0;
}
.yja-accordion .yja-accordion-content {
  display: none;
  padding: var(--yja-accordion-content-padding, 1.1875em);
  border: var(--yja-accordion-content-border, solid 1px #ddd);
}
.yja-accordion .yja-accordion-content[aria-hidden=false] {
  display: block;
}
.yja-accordion .yja-accordion-content h1, .yja-accordion .yja-accordion-content h2, .yja-accordion .yja-accordion-content h3, .yja-accordion .yja-accordion-content h4, .yja-accordion .yja-accordion-content h5, .yja-accordion .yja-accordion-content h6 {
  color: var(--yja-base-font-color, #0f0f0f);
}

/* -------- Faq listing ----------- */
.faq-list {
  list-style: none outside none;
  margin: 0 0 var(--yja-gutter-base, 1.25rem);
  padding: 0;
}
.faq-list > li {
  border-top: var(--yja-faq-li-border-top, 1px solid #e8e8e8);
  padding: var(--yja-faq-li-padding, 0.625rem 0 0);
  position: relative;
}
.faq-list > li:first-child {
  border-top: 0 none;
}
.faq-list > li .question {
  font-size: var(--yja-faq-heading-text-size, 1.125rem);
  line-height: 1.3;
  margin: var(--yja-faq-heading-margin, 0.2rem 0 5px 0);
  cursor: pointer;
}
.faq-list > li .icon {
  margin-right: var(--yja-gutter-xs, 0.3125rem);
  font-size: var(--yja-faq-icon-size, 0.9em);
}
.faq-list > li .answer {
  display: none;
}
.faq-list ul {
  margin-bottom: var(--yja-gutter-base, 1.25rem);
}
.faq-list > li.faq-list__item > button.faq-list__heading {
  font-weight: var(--yja-heading-font-weigth, 600);
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
  color: var(--yja-heading-color, #222);
  margin: var(--yja-faq-heading-margin, 0.2rem 0 5px 0);
  padding: 0;
  text-align: left;
}
.faq-list > li.faq-list__item > button.faq-list__heading--h2 {
  font-size: var(--yja-faq-heading-text-size, 1.125rem);
  line-height: 1.3;
}
.faq-list > li.faq-list__item > button.faq-list__heading--h3 {
  font-size: var(--yja-faq-heading-text-size, 1.125rem);
  line-height: 1.3;
}
.faq-list > li.faq-list__item > button.faq-list__heading--h4 {
  font-size: var(--yja-faq-heading-text-size, 1.125rem);
  line-height: 1.3;
}
.faq-list > li.faq-list__item > button.faq-list__heading--h5 {
  font-size: var(--yja-faq-heading-text-size, 1.125rem);
  line-height: 1.3;
}

.yjaBadge {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row;
  justify-content: flex-start;
  border-top: var(--yja-badge-border-top-style, 1px solid #e8e8e8);
  padding: var(--yja-badge-padding, 1rem 0 0);
  margin: var(--yja-badge-margin, 1rem 0 0);
}
@media screen and (max-width: 767px) {
  .yjaBadge {
    flex-flow: column;
  }
}
.yjaBadge .yjaBadge__image {
  margin-right: 2.5%;
}

.ytVideos .u-flexGallery {
  display: flex;
}
@media screen and (max-width: 664px) {
  .ytVideos .u-flexGallery {
    flex-flow: column;
  }
}
@media screen and (min-width: 665px) {
  .ytVideos .u-flexGallery {
    justify-content: space-between;
    flex-flow: row;
    flex-wrap: wrap;
  }
}
.ytVideos .u-items--1 .video__item {
  width: 100%;
}
@media screen and (min-width: 665px) {
  .ytVideos .u-items--2 .video__item {
    width: 48%;
  }
  .ytVideos .u-items--3 .video__item {
    width: 31%;
  }
  .ytVideos .u-items--4 .video__item {
    width: 22%;
  }
}
.ytVideos .video__item {
  position: relative;
  margin-bottom: 1.5em;
}
.ytVideos .video__item > .u-ar_16-9 {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.ytVideos .video__item > .u-ar_16-9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0px;
  width: 100%;
  height: 100%;
}
.ytVideos .video__item .video__placeholder {
  display: block;
  width: 100%;
}
.ytVideos .video__item .video__placeholder img {
  float: none;
  width: 100%;
}
.ytVideos .video__item .video__content {
  display: block;
  width: 100%;
}
.ytVideos .video__item .video__meta {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.ytVideos .video__item .video__meta span {
  font-size: 0.75em;
}
.ytVideos .video__item .video__meta span i {
  margin-right: 0.5em;
}
.ytVideos .video__item .video__meta .video__meta--views {
  margin-right: auto;
}
.ytVideos .video__item .video__meta .video__meta--duration {
  margin-left: auto;
}

header[role=banner] .logo.default-logo img {
  max-width: 100%;
}

.langs {
  margin: 0;
  padding: 0;
}

.sign-in-form fieldset {
  border: none;
  padding: 0;
}

.portlet-login input[type=text],
.portlet-login input[type=password] {
  width: var(--yja-login-input-width, 100%);
}
.portlet-login .control-label {
  font-size: var(--yja-login-label-font-size, var(--yja-base-font-size, 1rem));
  font-weight: var(--yja-login-label-font-weight, var(--yja-font-weight-normal, 400));
}

.eu #media_curtain.open {
  background-color: #05326e !important;
  margin-bottom: 0 !important;
  padding-bottom: 45px;
}

body.lanSelectionOpen .media-bar {
  padding-bottom: 45px;
}

div.toggleLanSelectionViewWrapper {
  text-align: center;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  top: 0;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  display: inline-block;
  width: auto;
  line-height: 40px;
  height: 40px;
  color: #fff !important;
  font-size: 14px;
  padding: 0 15px;
  border-bottom: solid 5px transparent;
  position: relative;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView:hover,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView:hover {
  color: #fff;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView:active,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView:active {
  color: #fff;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView:focus,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView:focus {
  color: #fff;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView.active,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView.active {
  border-bottom: solid 5px #fff;
  color: #fff;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView.active:after,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView.active:after {
  content: " ";
  display: block;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  width: 0px;
  position: absolute;
  bottom: -15px;
  text-align: center;
  left: 45%;
  z-index: 1;
}
@media (max-width: 480px) {
  div.toggleLanSelectionViewWrapper a.toggleLanSelectionView,
  div.toggleLanSelectionViewWrapper button.toggleLanSelectionView {
    font-size: 12px;
  }
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView:hover,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView:hover {
  text-decoration: none;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView:focus,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView:focus {
  text-decoration: none;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView span.globeWrapper,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView span.globeWrapper {
  /*
  border-right: 1px solid #40526a;
  */
  border-right: 1px solid #fff;
  padding-right: 10px;
  margin-right: 10px;
}
div.toggleLanSelectionViewWrapper a.toggleLanSelectionView span.globeWrapper img,
div.toggleLanSelectionViewWrapper button.toggleLanSelectionView span.globeWrapper img {
  height: 25px;
  width: 25px;
  margin-bottom: 5px;
}

div.lan_selection_view {
  display: none;
  width: 100%;
  top: 45px;
  position: relative;
  background: #002f6c;
  height: auto;
  padding: 30px 0;
  font-size: 14px;
}
div.lan_selection_view .lan_selection_area {
  display: table;
  width: 75%;
  margin: 0 auto;
  height: 100%;
  max-width: 480px;
}
div.lan_selection_view .lan_selection_area .lan_selection {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
@media (max-width: 480px) {
  div.lan_selection_view .lan_selection_area .lan_selection {
    font-size: 12px;
  }
}
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent {
  display: none;
}
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div {
  display: none;
  font-size: 1.3em;
}
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div p {
  margin-bottom: 10px;
}
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div p:last-of-type {
  margin-bottom: 0;
}
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div .btn.btn-default.btn-small {
  color: #002f6c;
  margin-bottom: 0 !important;
}
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div a.btn {
  background: transparent !important;
  padding: 0;
  margin: 0;
  color: white;
  text-decoration: underline;
  display: inline;
  border: 0;
  line-height: inherit;
  font-size: inherit;
  vertical-align: inherit;
}
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div a.btn:hover, div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div a.btn:focus {
  color: white;
}
div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet {
  position: relative !important;
  top: inherit !important;
  left: inherit !important;
  width: 100% !important;
  margin: inherit !important;
}
div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet .portlet-header {
  border: none !important;
}
div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet ul {
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto;
  list-style: none;
}
div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet ul li {
  padding: 0 5px !important;
  margin: 0 !important;
  display: inline;
}
div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet ul li.currentLan {
  display: none;
}
div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet ul li a {
  font-size: 14px !important;
}

/* ministeriövalikon tyylit */
html #media_curtain .vn-home {
  background-position: 10px 4px !important;
  background-size: 19px 30px !important;
}

@media (min-width: 1200px) {
  html.ie .eu #media_curtain {
    background-size: 180% !important;
    background-position-x: center !important;
  }
}
@media (max-width: 700px) {
  .ministry-menu {
    padding: 36px !important;
    margin: 0 !important;
  }
  html #media_curtain #ministry-listing.top-curtain section ul.ministry-menu li.vn ul.ministries {
    padding: 9px 0 !important;
    width: 100% !important;
  }
  html .eu #media_curtain #ministry-listing.top-curtain section ul.ministry-menu li.vn > a.vnsite {
    padding: 0 !important;
    margin: 0 !important;
  }
  html #media_curtain #ministry-listing section ul.ministry-menu li.vn > a {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  html #media_curtain #ministry-listing section ul.ministry-menu li.vn > a {
    width: 100% !important;
  }
}
.yja-article-modified-date i {
  font-style: normal;
  font-size: 12px;
}

html .mail-alert--view label.checkbox {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  #vn-list {
    width: 30%;
  }
  #ministry-listing p.description {
    width: 68%;
    float: left;
  }
}
@media screen and (max-width: 30em) {
  #vn-list {
    width: 48%;
  }
  #ministry-listing p.description {
    width: 48%;
    float: left;
  }
}
/* YJAVNK-457 Headerin kielivalikon muutokset --> */
div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div .btn.btn-default.btn-small {
  background: #fff !important;
  color: #002f6c !important;
}

div.lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div .btn.btn-default.btn-small:hover {
  background: #fff !important;
  color: #002f6c !important;
}

div.toggleLanSelectionViewWrapper a.toggleLanSelectionView span.globeWrapper img {
  margin-bottom: 5px !important;
}

div.toggleLanSelectionViewWrapper a.toggleLanSelectionView {
  line-height: 40px !important;
  height: 40px !important;
  font-size: 14px !important;
}

.lan_selection_area * {
  font-size: 14px !important;
}

html .eu div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet ul li,
html .eu div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet ul li:before {
  border-bottom: none !important;
}
html div.lan_selection_view .lan_selection_area .lan_selection .language-version-selection-portlet .portlet-body ul li.currentLan {
  display: inline !important;
}
html .lan_selection .languageSelectionContent div p {
  line-height: initial !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
}
html .lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div p a,
html .lan_selection_view .language-version-selection-portlet ul li a {
  color: #fff !important;
  text-decoration: underline !important;
}
html .lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div p a.btn {
  background: transparent;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: initial !important;
  outline: none !important;
  box-shadow: none !important;
  display: contents !important;
}
html .lan_selection .languageSelectionContent div p:last-of-type {
  margin-bottom: 0 !important;
}
html #media_curtain .media-bar .language-version-selection-portlet .portlet-body ul li {
  padding: 0 5px !important;
  margin: 0 !important;
}
html .lan_selection_view .lan_selection_area .lan_selection .languageSelectionContent div p a.btn {
  vertical-align: initial !important;
}
html div.lan_selection_view {
  background: transparent !important;
}

/* <-- YJAVNK-457 Headerin kielivalikon muutokset */
.lfr-pagination-buttons li.disabled > a {
  color: var(--yja-secondary-color, #f4f3f4);
  background-color: var(--yja-white-color, #fff);
  cursor: default;
}

/*================ Social share buttons ================*/
.social-share-buttons {
  /*================ Large Buttons ================*/
}
.social-share-buttons a {
  display: inline-block;
  color: #fff !important;
  border-radius: 2px;
  margin: 0 1px 10px 0;
  height: 26px;
  line-height: 26px;
  text-decoration: none !important;
  font-weight: normal;
}
.social-share-buttons a:hover, .social-share-buttons a:focus, .social-share-buttons a:active, .social-share-buttons a:link {
  color: #fff;
  text-decoration: none !important;
}
.social-share-buttons span, .social-share-buttons i {
  display: inline-block;
  vertical-align: top;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
}
.social-share-buttons span.hidden, .social-share-buttons i.hidden {
  display: none;
}
.social-share-buttons span.icon-envelope, .social-share-buttons span.icon-print, .social-share-buttons i.icon-envelope, .social-share-buttons i.icon-print {
  font-size: 24px;
  padding-right: 10px;
}
.social-share-buttons span.icon-envelope:hover, .social-share-buttons span.icon-envelope:focus, .social-share-buttons span.icon-envelope:active, .social-share-buttons span.icon-print:hover, .social-share-buttons span.icon-print:focus, .social-share-buttons span.icon-print:active, .social-share-buttons i.icon-envelope:hover, .social-share-buttons i.icon-envelope:focus, .social-share-buttons i.icon-envelope:active, .social-share-buttons i.icon-print:hover, .social-share-buttons i.icon-print:focus, .social-share-buttons i.icon-print:active {
  text-decoration: underline;
}
.social-share-buttons .icon {
  padding: 0 5px 0 10px;
}
.social-share-buttons .icon:before {
  line-height: 26px;
}
.social-share-buttons .icon-print, .social-share-buttons .icon-envelope {
  color: var(--yja-base-font-color, #0f0f0f);
}
.social-share-buttons .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.social-share-buttons .some-divider {
  margin-left: 10px;
  margin-right: 10px;
  color: var(--yja-border-color, transparent);
}
.social-share-buttons.is-large a {
  height: 52px;
  line-height: 52px;
}
.social-share-buttons.is-large a span {
  height: 52px;
  line-height: 52px;
  font-size: 18px;
}
.social-share-buttons.is-large a .icon {
  padding: 0 10px 0 18px;
}
.social-share-buttons.is-large a .icon:before {
  line-height: 52px;
}

span.share-title {
  font-size: var(--yja-font-size-md, 1rem) !important;
  padding-right: var(--yja-gutter-sm, 0.625rem);
}
.is-large span.share-title {
  padding-right: 1rem;
}

.share-facebook {
  background-color: #3b5998;
}
.share-facebook:hover {
  background-color: #2d4373;
}

.share-twitter {
  background-color: #007fad;
}
.share-twitter:hover {
  background-color: #005a7a;
}

.share-linkedin {
  background-color: #0073B1;
}
.share-linkedin:hover {
  background-color: #00527e;
}

.share-google {
  background-color: #dd4b39;
}
.share-google:hover {
  background-color: #c23321;
}

.share-count {
  position: relative;
  background-color: #fff;
  padding: 0 8px;
  margin-right: -2px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  border-radius: 0 2px 2px 0;
  border: 1px solid #ececec;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.share-count.is-loaded {
  opacity: 1;
}
.share-count:before, .share-count:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid;
}
.share-count:before {
  left: -6px;
  border-right-color: #ececec;
}
.share-count:after {
  left: -5px;
  border-right-color: #fff;
}
a:hover .share-count {
  background-color: whitesmoke;
}
a:hover .share-count:after {
  border-right-color: whitesmoke;
}
.is-large .share-count {
  font-size: 18px;
  padding: 0 14px;
}

/*================ Clean Buttons ================*/
.social-share-buttons.is-clean a {
  background-color: #fff;
  border: 1px solid #ececec;
  color: #333;
  height: 30px;
  line-height: 30px;
}
.social-share-buttons.is-clean a span {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}
.social-share-buttons.is-clean a:hover {
  background-color: #ececec;
}
.social-share-buttons.is-clean a:hover .share-count {
  background-color: #fff;
}
.social-share-buttons.is-clean a:hover .share-count:after {
  border-right-color: #fff;
}
.social-share-buttons.is-clean a .share-title {
  font-weight: normal;
}
.social-share-buttons.is-clean .share-count {
  top: -1px;
}
.social-share-buttons.is-clean .icon-facebook {
  color: #3b5998;
}
.social-share-buttons.is-clean .icon-twitter {
  color: #00aced;
}
.social-share-buttons.is-clean .icon-pinterest {
  color: #cb2027;
}
.social-share-buttons.is-clean .icon-fancy {
  color: #4999dc;
}
.social-share-buttons.is-clean .icon-google {
  color: #dd4b39;
}

.slick-slider .slide a:focus,
.slick-slider .slide a:active {
  outline: var(--yja-outline, 2px solid #33c);
}

.journal-content-article a.yja-external-link:after,
.journal-content-article .yja-card .yja-external-link:after {
  content: "\f08e";
  font-family: "fontawesome-alloy";
  margin: 0 0 0 3px;
  display: inline-block;
  font-size: 0.875rem;
  position: relative;
  top: -5px;
}
.journal-content-article .yja-owl-carousel a.yja-external-link .name:after,
.journal-content-article .carousel-wrapper a.yja-external-link .name:after {
  content: "\f08e";
  font-family: "fontawesome-alloy";
  margin: 0 0 0 3px;
  display: inline-block;
  font-size: 0.875rem;
  position: relative;
  top: 0;
}
.journal-content-article .yja-owl-carousel a.yja-external-link:after,
.journal-content-article .carousel-wrapper a.yja-external-link:after {
  display: none;
}
.journal-content-article p.some-icons a.yja-external-link:after {
  display: none;
}

.portlet-asset-publisher a.yja-external-link:after {
  content: "\f08e";
  font-family: "fontawesome-alloy";
  margin: 0 0 0 3px;
  display: inline-block;
  font-size: 0.875rem;
  position: relative;
  top: -5px;
}
.portlet-asset-publisher a.dark-link.yja-external-link:after {
  display: none !important;
}
.portlet-asset-publisher a.content-lift-link.yja-external-link:after {
  display: none;
}

.image-external-icon:after,
.no-external-icon:after {
  display: none !important;
}

.image-external-icon {
  position: relative;
}
.image-external-icon:not(.icon--socialmedia) {
  display: block;
  border-bottom: none !important;
}

.image-external-icon:hover:after,
.image-external-icon:focus:after {
  display: block !important;
  bottom: 3px !important;
  position: absolute !important;
  right: 3px !important;
  top: auto !important;
  padding: 2px !important;
  margin: 0 !important;
  background: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}

/* Mail alert form */
.mail-alert-view fieldset.control-group {
  border: var(--yja-form-fieldset-border-style, solid 1px #ddd);
  padding: var(--yja-gutter-base, 1.25rem);
  margin: var(--yja-gutter-base, 1.25rem) 0;
  min-width: 0;
}
.mail-alert-view fieldset.control-group label {
  line-height: 1.5;
  font-weight: normal;
}
.mail-alert-view fieldset.control-group label input {
  line-height: 1.5 !important;
  margin-top: 0 !important;
}
.mail-alert-view fieldset.control-group label input[type=checkbox] {
  font-weight: normal;
  min-height: 20px;
  line-height: 1.5;
}
.mail-alert-view .alert {
  line-height: 1.5;
  margin-bottom: 2rem;
}

/* Theme for nanoGALLERY - www.nanogallery.brisbois.fr */
/**************************************/
/* MAIN CONTAINER                     */
/**************************************/
/* @import "../../variables"; */
/* $nanogallery-path: "lib/nanogallery"; */
.nanogallery_theme_default {
  font-size: 1em;
  line-height: normal;
  padding: 0px;
  margin: 0 auto;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  overflow: hidden;
  visibility: visible;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/**************************************/
/* ICON FONT V3                       */
/* generated by : http://fontello.com */
/* FONT AWESOME                       */
/**************************************/
@font-face {
  font-family: "nano_icon_font3";
  src: url("lib/font/nano_icon_font3.eot?8875162");
  src: url("lib/font/nano_icon_font3.eot?8875162#iefix") format("embedded-opentype"), url("lib/font/nano_icon_font3.woff?8875162") format("woff"), url("lib/font/nano_icon_font3.ttf?8875162") format("truetype"), url("lib/font/nano_icon_font3.svg?8875162#nano_icon_font3") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
.icon-star:before { content: '\e800'; }
.icon-star-empty:before { content: '\e801'; }
.icon-videocam:before { content: '\e802'; }
.icon-picture:before { content: '\e803'; }
.icon-video:before { content: '\e804'; }
.icon-camera:before { content: '\e805'; }
.icon-camera-alt:before { content: '\e806'; }
.icon-th-large:before { content: '\e807'; }
.icon-th-list:before { content: '\e808'; }
.icon-ok:before { content: '\e809'; }
.icon-cancel:before { content: '\e80a'; }
.icon-help:before { content: '\e80b'; }
.icon-home:before { content: '\e80c'; }
.icon-link-ext:before { content: '\e80d'; }
.icon-attach:before { content: '\e80e'; }
.icon-eye:before { content: '\e80f'; }
.icon-eye-off:before { content: '\e810'; }
.icon-download:before { content: '\e811'; }
.icon-pencil:before { content: '\e812'; }
.icon-chat:before { content: '\e813'; }
.icon-attention:before { content: '\e814'; }
.icon-folder-empty:before { content: '\e815'; }
.icon-folder-open-empty:before { content: '\e816'; }
.icon-menu:before { content: '\e817'; }
.icon-cog:before { content: '\e818'; }
.icon-cog-alt:before { content: '\e819'; }
.icon-play:before { content: '\e81a'; }
.icon-left-open:before { content: '\e81b'; }
.icon-right-open:before { content: '\e81c'; }
.icon-pause:before { content: '\e81d'; }
.icon-ellipsis-vert:before { content: '\e81e'; }
.icon-right-big:before { content: '\e81f'; }
.icon-arrows-cw:before { content: '\e820'; }
.icon-search:before { content: '\e821'; }
.icon-th:before { content: '\e822'; }
.icon-left-big:before { content: '\e823'; }
.icon-tags:before { content: '\e824'; }
.icon-zoom-in:before { content: '\e825'; }
.icon-zoom-out:before { content: '\e826'; }
.icon-resize-full:before { content: '\e827'; }
.icon-resize-small:before { content: '\e828'; }
.icon-shuffle:before { content: '\e829'; }
.icon-help-circled:before { content: '\e82a'; }
.icon-info-circled:before { content: '\e82b'; }
.icon-info:before { content: '\e82c'; }
.icon-link:before { content: '\e82d'; }
.icon-location:before { content: '\e82e'; }
.icon-mail:before { content: '\e82f'; }
.icon-trash:before { content: '\e830'; }
.icon-block:before { content: '\e831'; }
.icon-resize-full-alt:before { content: '\e832'; }
.icon-logout:before { content: '\e833'; }
.icon-login:before { content: '\e834'; }
.icon-ticket:before { content: '\e835'; }
.icon-credit-card:before { content: '\e836'; }
.icon-rocket:before { content: '\e837'; }
.icon-beaker:before { content: '\e838'; }
.icon-magic:before { content: '\e839'; }
.icon-exchange:before { content: '\e83a'; }
.icon-wrench:before { content: '\e83b'; }
.icon-pin:before { content: '\e83c'; }
.icon-flag:before { content: '\e83d'; }
.icon-tag:before { content: '\e83e'; }
.icon-bookmark:before { content: '\e83f'; }
.icon-bookmark-empty:before { content: '\e840'; }
.icon-upload:before { content: '\e841'; }
.icon-align-left:before { content: '\e842'; }
.icon-align-right:before { content: '\e843'; }
.icon-align-justify:before { content: '\e844'; }
.icon-export:before { content: '\e845'; }
.icon-edit:before { content: '\e846'; }
.icon-flag-empty:before { content: '\e847'; }
.icon-cw:before { content: '\e848'; }
.icon-ccw:before { content: '\e849'; }
.icon-ellipsis:before { content: '\e84a'; }
.icon-resize-vertical:before { content: '\e84b'; }
.icon-resize-horizontal:before { content: '\e84c'; }
.icon-move:before { content: '\e84d'; }
.icon-lightbulb:before { content: '\e84e'; }
.icon-filter:before { content: '\e84f'; }
 */
/**************************************/
/* TOOLBAR                            */
/**************************************/
.nanogallery_theme_default .nanoGalleryNavigationbarContainer {
  margin: 5px auto;
  padding: 5px 0;
  /*background-color:#f09;*/
  display: block;
}

.nanogallery_theme_default .nanoGalleryNavigationbar {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  padding: 0px;
  text-align: left;
  display: table;
  width: 100%;
}

.nanogallery_theme_default .nanoGalleryTags {
  margin: 10px 0 1px 1px;
  padding: 4px;
  display: table-cell;
  cursor: pointer;
  vertical-align: middle;
}

.nanogallery_theme_default .nanoGalleryTags:after {
  content: "\e824"; /* .icon-tags */
  margin-left: 0.2em;
  margin-right: 0.3em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default .setFullPageButton {
  margin: 10px 0 1px 1px;
  padding: 4px;
  display: table-cell;
  cursor: pointer;
  vertical-align: middle;
}

.nanogallery_theme_default .setFullPageButton:after {
  content: "\e827"; /* .icon-resize-full */
  margin-left: 0.2em;
  margin-right: 0.3em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default .removeFullPageButton {
  margin: 10px 0 1px 1px;
  padding: 4px;
  display: table-cell;
  cursor: pointer;
  vertical-align: middle;
}

.nanogallery_theme_default .removeFullPageButton:after {
  content: "\e828"; /* .icon-resize-small */
  margin-left: 0.2em;
  margin-right: 0.3em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default.fullpage {
  display: block;
  background-color: #000;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  clear: both;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0px 20px 10px 20px;
}

/**************************************/
/* NAVIGATION BREADCRUMB              */
/**************************************/
.nanogallery_theme_default .nanoGalleryBreadcrumb {
  /*background-color: #000;*/
  /*border: 1px dotted #555;*/
  margin: 1px;
  padding: 4px;
  text-align: left;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  display: table-cell;
  width: 100%;
  overflow: hidden;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .folder,
.nanogallery_theme_default .nanoGalleryBreadcrumb .folderHome {
  margin: 0px 5px;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .folder:hover,
.nanogallery_theme_default .nanoGalleryBreadcrumb .folderHome:hover {
  color: #fff;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .folder:before {
  content: "\e815"; /* .icon-folder-empty */
  margin-left: 0.2em;
  margin-right: 0.3em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .folderHome:before {
  content: "\e80c"; /* .icon-home */
  margin-left: 0.2em;
  margin-right: 0.3em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .separator {
  margin: 0px 5px;
  display: inline;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .separator:hover {
  color: #fff;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .separator:before {
  content: "\e823"; /* .icon-left-big */
  margin-left: 0.2em;
  margin-right: 0.3em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .separatorRTL {
  margin: 0px 5px;
  display: inline;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .separatorRTL:hover {
  color: #fff;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .separatorRTL:before {
  content: "\e81f"; /* .icon-right-big */
  margin-left: 0.2em;
  margin-right: 0.3em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .loading {
  display: inline-block;
}

.nanogallery_theme_default .nanoGalleryBreadcrumb .loading:after {
  content: "          ";
  background: url("lib/loading.gif") no-repeat center;
}

/**************************************/
/* THUMBNAILS                         */
/**************************************/
.nanogallery_theme_default .nanoGalleryContainerParent {
  position: relative;
  text-align: center;
  margin: 0px auto;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryContainer {
  text-align: left;
  position: relative;
  width: auto;
  display: inline-block;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  overflow: hidden;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer {
  /* no margin allowed here */
  cursor: pointer;
  border: 0px solid #000;
  /*margin: 1px;*/
  padding: 0px; /* 5 */
  background-color: rgb(248, 248, 248);
  display: inline-block;
  position: absolute; /*relative;*/
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  overflow: hidden;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer input {
  opacity: 0;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer:hover input {
  opacity: 0.8;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .selected {
  opacity: 0.5;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .selected + input {
  opacity: 1;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .subcontainer {
  /* no border or padding allowed here */
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  border: 0px solid #000;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer {
  position: relative;
  margin: 5px;
  /*padding:5px;*/
  overflow: hidden;
  background: rgb(248, 248, 248);
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer img {
  /* no border or padding allowed here */
  /* background:url('loading.gif') no-repeat center; */
  background: url("data:image/gif;base64,R0lGODlhEAAQAIAAAP///////yH5BAEKAAEALAAAAAAQABAAAAIOjI+py+0Po5y02ouzPgUAOw==") no-repeat center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  vertical-align: bottom;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelImage {
  /* no padding allowed here */
  background: rgba(34, 34, 34, 0.75); /*#222;*/
  opacity: 1;
  text-align: left;
  margin: 5px 5px 5px 5px;
  /*padding: 5px 5px 5px 5px;*/
  left: 0px;
  position: absolute;
  min-height: 0%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelImageTitle {
  color: #eee;
  margin: 0px 2px;
  left: 0px;
  overflow: hidden;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelImageTitle:before {
  content: "\e803"; /* .icon-picture */
  margin-left: 0.2em;
  margin-right: 0.2em;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelFolderTitle {
  color: #eee;
  margin: 0px 2px;
  left: 0px;
  overflow: hidden;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  vertical-align: middle;
  display: inline;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelFolderTitle > span,
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelDescription > span {
  color: rgba(34, 34, 34, 0.75);
  background-color: #eee;
  border: 0px solid #eee;
  border-radius: 2px;
  padding: 0px 4px;
  Text-Shadow: none;
  vertical-align: middle;
  display: inline;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelFolderTitle:before {
  content: "\e815"; /* .icon-folder-empty */
  margin-left: 0.2em;
  margin-right: 0.2em;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelDescription {
  clear: both;
  margin: 0px 2px;
  color: #aaa;
  left: 0px;
  font-size: 0.8em;
  margin: 1px 2px;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/**************************************/
/* THUMBNAIL PAGINATION               */
/**************************************/
.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination,
.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPaginationDot {
  /*color:#eee;*/
  margin: 10px auto 5px auto;
  padding: 4px;
  text-align: center;
  position: relative;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  overflow: hidden;
  white-space: nowrap;
}

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationItem {
  margin: 0px 5px;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .currentPage {
  text-decoration: underline;
}

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationPrev {
  margin: 0px 5px;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationNext {
  margin: 0px 5px;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPaginationDot .paginationItem {
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  background: #444;
  border-radius: 50%;
  margin: 0px 5px;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  opacity: 0.5;
}

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPaginationDot .currentPage {
  background: #fff;
  opacity: 1;
}

/**************************************/
/* INTERNAL VIEWER                    */
/**************************************/
.nanogallery_theme_default #nanoGalleryViewer {
  display: block;
  /*font-size:1em;*/
  background-color: rgba(1, 1, 1, 0.75);
  text-align: center;
  position: fixed;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  clear: both;
}

.nanogallery_theme_default #nanoGalleryViewer .nanoLogo {
  text-align: center;
  float: left;
  position: relative;
  top: 50px;
  background: url(./nano_logo.png) #000 no-repeat center;
  display: block;
  height: 30px;
  width: 120px;
}

.nanogallery_theme_default #nanoGalleryViewer .closeButtonFloating {
  cursor: pointer;
  right: 0px;
  top: 0px;
  padding: 5px 5px 25px 25px;
  position: absolute;
  opacity: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.nanogallery_theme_default #nanoGalleryViewer .closeButtonFloating:after {
  color: #ddd;
  background: rgba(0, 0, 0, 0.2);
  padding: 5px 0 5px 5px;
  content: "\e80a"; /* .icon-cancel */
  font-size: 1.5em;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.nanogallery_theme_default #nanoGalleryViewer .closeButtonFloating:hover {
  opacity: 0.3;
}

.nanogallery_theme_default #nanoGalleryViewer .content {
  /*display:block;*/
  /*position:relative;*/
  position: absolute;
  /*height:100%;*/
  clear: both;
  padding: 5px;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .content img {
  /* never define a margin here */
  background: url("lib/loading.gif") no-repeat center;
  border: 4px solid #f8f8f8;
  /*display:block;*/
  padding: 0px;
  min-width: 30px;
  min-height: 30px;
  box-shadow: #888 0px 0px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .content .imgCurrent {
  cursor: pointer;
}

.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious {
  color: #ddd;
  display: block;
  position: absolute;
  top: 50%;
  /*height:20px;*/
  /*width:20px;*/
  padding: 50px 25px 50px 0px;
  margin-top: -65px;
  left: 0px;
  text-align: left;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious:after {
  content: "\e81b"; /* .icon-left-open */
  background: rgba(0, 0, 0, 0.2);
  padding: 5px 0;
}

.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext {
  color: #ddd;
  display: block;
  position: absolute;
  top: 50%;
  /*height:20px;*/
  /*width:20px;*/
  padding: 50px 0px 50px 25px;
  margin-top: -65px;
  right: 0px;
  text-align: right;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext:after {
  content: "\e81c"; /* .icon-right-open */
  background: rgba(0, 0, 0, 0.2);
  padding: 5px 0;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbarContainer {
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  display: inline-block;
  position: absolute;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background: rgba(4, 4, 4, 0.7);
  color: #eee;
  margin: 1px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .ngbt {
  display: table-cell;
  cursor: pointer;
  padding: 5px;
  vertical-align: middle;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious:after,
.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext:after {
  font-size: 1.5em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  opacity: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .ngbt:after {
  font-size: 1.5em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  font-family: "nano_icon_font3";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  opacity: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious:hover,
.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext:hover,
.nanogallery_theme_default #nanoGalleryViewer .toolbar .ngbt:hover:after {
  opacity: 0.3;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .previousButton:after {
  content: "\e81b"; /* .icon-left-open */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .nextButton:after {
  content: "\e81c"; /* .icon-right-open */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .closeButton:after {
  content: "\e80a"; /* .icon-cancel */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .playButton:after {
  content: "\e81a"; /* .icon-play */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .pauseButton:after {
  content: "\e81d"; /* .icon-pause */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .setFullscreenButton:after {
  content: "\e827"; /* icon-resize-full */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .removeFullscreenButton:after {
  content: "\e828"; /* icon-resize-small */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .infoButton:after {
  content: "\e82c"; /* icon-info */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .linkOriginalButton:after {
  content: "\e80d"; /* icon-link-ext */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .viewToolbarButton:after {
  content: "\e817"; /* icon-menu */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .hideToolbarButton:after {
  content: "\e81e"; /* icon-ellipsis-vert */
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .pageCounter {
  display: table-cell;
  font-size: 1em;
  margin: auto;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .label,
.nanogallery_theme_default #nanoGalleryViewer .toolbar a.yja-tag {
  padding: 3px 10px 3px 10px;
  border-left: 0px solid #000;
  overflow: hidden;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  font-size: 1em;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  background-color: initial;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .label .title,
.nanogallery_theme_default #nanoGalleryViewer .toolbar a.yja-tag .title {
  font-size: 1em;
  margin: auto;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.nanogallery_theme_default #nanoGalleryViewer .toolbar .label .description,
.nanogallery_theme_default #nanoGalleryViewer .toolbar a.yja-tag .description {
  font-size: 0.8em;
  display: table-row;
  vertical-align: middle;
  overflow: hidden;
  color: #aaa;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
}

/**************************************/
/* CONSOLE                            */
/**************************************/
.nanogallery_theme_default .nanoGalleryConsoleParent {
  visibility: hidden;
  height: 0px;
  background: #111;
  color: #e00;
  padding: 0px;
  margin: 2px;
}

.nanogallery_theme_default .nanoGalleryConsoleParent p {
  color: #e00;
  padding: 1px;
  margin: 0px;
}

/**************************************/
/* AVOID TEXT SELECTION DURING DRAG   */
/**************************************/
.nanogallery_theme_default.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/**************************************/
/* LOADING BAR                        */
/**************************************/
.nanogallery_theme_default .nanoGalleryLBar {
  position: relative;
  width: 100%;
  visibility: hidden;
  height: 2px;
  margin: 0 0 1px 0;
  background-color: #555;
}

.nanogallery_theme_default .nanoGalleryLBar > div {
  position: absolute;
  width: 50px;
  height: 2px;
  top: 0px;
  opacity: 0.7;
}

.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(1) {
  -webkit-animation: nanoGalleryLBarAnim 2s -0.2s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -moz-animation: nanoGalleryLBarAnim 2s -0.2s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -ms-animation: nanoGalleryLBarAnim 2s -0.2s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -o-animation: nanoGalleryLBarAnim 2s -0.2s infinite cubic-bezier(0, 0.6, 0.9, 0);
  animation: nanoGalleryLBarAnim 2s -0.2s infinite cubic-bezier(0, 0.6, 0.9, 0);
  background: #111;
}

.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(2) {
  -webkit-animation: nanoGalleryLBarAnim 2s -0.4s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -moz-animation: nanoGalleryLBarAnim 2s -0.4s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -ms-animation: nanoGalleryLBarAnim 2s -0.4s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -o-animation: nanoGalleryLBarAnim 2s -0.4s infinite cubic-bezier(0, 0.6, 0.9, 0);
  animation: nanoGalleryLBarAnim 2s -0.4s infinite cubic-bezier(0, 0.6, 0.9, 0);
  background: #333;
}

.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(3) {
  -webkit-animation: nanoGalleryLBarAnim 2s -0.6s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -moz-animation: nanoGalleryLBarAnim 2s -0.6s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -ms-animation: nanoGalleryLBarAnim 2s -0.6s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -o-animation: nanoGalleryLBarAnim 2s -0.6s infinite cubic-bezier(0, 0.6, 0.9, 0);
  animation: nanoGalleryLBarAnim 2s -0.6s infinite cubic-bezier(0, 0.6, 0.9, 0);
  background: #999;
}

.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(4) {
  -webkit-animation: nanoGalleryLBarAnim 2s -0.8s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -moz-animation: nanoGalleryLBarAnim 2s -0.8s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -ms-animation: nanoGalleryLBarAnim 2s -0.8s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -o-animation: nanoGalleryLBarAnim 2s -0.8s infinite cubic-bezier(0, 0.6, 0.9, 0);
  animation: nanoGalleryLBarAnim 2s -0.8s infinite cubic-bezier(0, 0.6, 0.9, 0);
  background: #777;
}

.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(5) {
  -webkit-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -moz-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -ms-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, 0.6, 0.9, 0);
  -o-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, 0.6, 0.9, 0);
  animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, 0.6, 0.9, 0);
  background: #ddd;
}

@-webkit-keyframes nanoGalleryLBarAnim {
  0% {
    left: 10%;
  }
  100% {
    left: 90%;
  }
}
@-moz-keyframes nanoGalleryLBarAnim {
  0% {
    left: 10%;
  }
  100% {
    left: 90%;
  }
}
@-ms-keyframes nanoGalleryLBarAnim {
  0% {
    left: 10%;
  }
  100% {
    left: 90%;
  }
}
@-o-keyframes nanoGalleryLBarAnim {
  0% {
    left: 10%;
  }
  100% {
    left: 90%;
  }
}
@keyframes nanoGalleryLBarAnim {
  0% {
    left: 10%;
  }
  100% {
    left: 90%;
  }
}
.nanogallery-caption .fa {
  margin-left: 5px;
}

.nanogallery-caption {
  text-align: center;
}
.nanogallery-caption .flickr-link {
  font-family: Exo 2, sans-serif;
  font-weight: bold;
}

.nanogallery {
  background-color: rgb(248, 248, 248);
  padding-bottom: 22px;
  padding-top: 32px;
}

@media only screen and (max-width: 540px) {
  .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationItem {
    display: none;
  }
  .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination {
    width: 100% !important;
  }
}
table {
  border: var(--yja-table-border, 0);
  border-collapse: var(--yja-table-border-collapse, collapse);
}
table thead > tr > th {
  background: var(--yja-table-row-heading-bg-color, #009);
  color: var(--yja-table-row-heading-color, #fff);
  padding: var(--yja-table-cell-padding, 0.25rem);
  border: var(--yja-table-border, 0);
}
table tbody > tr > td,
table tbody > tr > th {
  padding: var(--yja-table-cell-padding, 0.25rem);
  border: var(--yja-table-border, 0);
}
table.table-striped > tbody tr:nth-of-type(odd),
table.table-striped > tbody tr:nth-of-type(odd) td,
table.table-striped > tbody tr:nth-of-type(odd) th {
  background: var(--yja-table-row-bg-color-odd, #F2F2F2);
  color: var(--yja-table-row-text-color-odd, var(--yja-base-font-color, #0f0f0f));
}
table.table-striped > tbody tr:nth-of-type(even),
table.table-striped > tbody tr:nth-of-type(even) td,
table.table-striped > tbody tr:nth-of-type(even) th {
  background: var(--yja-table-row-bg-color-even, transparent);
  color: var(--yja-table-row-text-color-even, var(--yja-base-font-color, #0f0f0f));
}
table.table-hover tbody tr:hover {
  background: var(--yja-table-row-hover-bg-color, #F2F2F2);
}
table.table-responsive {
  overflow-x: auto;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  table.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid var(--yja-border-color, transparent);
  }
  table.table-responsive > .table {
    margin-bottom: 0;
  }
  table.table-responsive > .table > thead > tr > th,
  table.table-responsive > .table > thead > tr > td,
  table.table-responsive > .table > tbody > tr > th,
  table.table-responsive > .table > tbody > tr > td,
  table.table-responsive > .table > tfoot > tr > th,
  table.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  table.table-responsive > .table-bordered {
    border: 0;
  }
  table.table-responsive > .table-bordered > thead > tr > th:first-child,
  table.table-responsive > .table-bordered > thead > tr > td:first-child,
  table.table-responsive > .table-bordered > tbody > tr > th:first-child,
  table.table-responsive > .table-bordered > tbody > tr > td:first-child,
  table.table-responsive > .table-bordered > tfoot > tr > th:first-child,
  table.table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  table.table-responsive > .table-bordered > thead > tr > th:last-child,
  table.table-responsive > .table-bordered > thead > tr > td:last-child,
  table.table-responsive > .table-bordered > tbody > tr > th:last-child,
  table.table-responsive > .table-bordered > tbody > tr > td:last-child,
  table.table-responsive > .table-bordered > tfoot > tr > th:last-child,
  table.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  table.table-responsive > .table-bordered > tbody > tr:last-child > th,
  table.table-responsive > .table-bordered > tbody > tr:last-child > td,
  table.table-responsive > .table-bordered > tfoot > tr:last-child > th,
  table.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.yja-counter .yja-counter__container {
  margin: 1rem auto;
  max-width: 100%;
}
.yja-counter > p {
  margin-bottom: 0;
}
.yja-counter .yja-counter__content span {
  position: relative;
  display: block;
  line-height: 1;
}
.yja-counter .yja-counter__content span > em {
  font-style: normal;
  font-weight: 700;
  vertical-align: middle;
}
.yja-counter .yja-counter__content span:last-child {
  margin-right: 0;
}
.yja-counter .yja-counter__content:not(.yja-counter__style--digital) .yja-counter__time {
  display: inline-block;
}
.yja-counter .yja-counter__content:not(.yja-counter__style--digital) .yja-counter__time > span {
  margin-left: 0.875rem;
  font-size: var(--yja-font-size-default, 1rem);
  line-height: 1;
}
.yja-counter .yja-counter__content:not(.yja-counter__style--digital) .yja-counter__time > span em {
  font-size: 2.625rem;
}
.yja-counter .yja-counter__content:not(.yja-counter__style--digital) .yja-counter__time:first-child span {
  margin-left: 0;
}
.yja-counter .yja-counter__content.yja-counter__style--digital {
  display: flex;
  justify-content: center;
}
.yja-counter .yja-counter__content.yja-counter__style--digital span {
  font-size: 2.625rem;
}
.yja-counter .yja-counter__content.yja-counter__style--digital span > em {
  margin-left: 3px;
  display: inline-block;
  background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(245, 245, 245) 42%);
  outline: 1px solid #e5e8ec;
  outline-offset: 2px;
  width: 75%;
  padding: 5px;
  text-align: center;
  box-shadow: -3px 0px 48px -2px rgba(0, 0, 0, 0.1);
  color: var(--yja-primary-color, #365abd);
  text-transform: none;
  font-family: "DS-Digital", Sans-serif;
  border-radius: 5px;
}
.yja-counter .yja-counter__content.yja-counter__style--digital .yja-counter__time {
  flex: 0 0 25%;
  flex-flow: column;
}
.yja-counter .yja-counter__content.yja-counter__style--digital .yja-counter__time > span[class*=yja-counter__time--]:after {
  content: ":";
  position: absolute;
  right: -6px;
}
.yja-counter .yja-counter__content.yja-counter__style--digital .yja-counter__time .yja-counter__title--additional {
  margin-top: 0.825rem;
  text-align: center;
  font-size: 0.813rem;
  text-transform: uppercase;
  color: var(--yja-base-font-color, #0f0f0f);
}
.yja-counter .yja-counter__content.yja-counter__style--digital .yja-counter__time:last-child > span[class*=yja-counter__time--]:after {
  content: "";
}
@media (max-width: 520px) {
  .yja-counter .yja-counter__content span {
    font-size: 2.375rem;
  }
}

@keyframes bobble {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  35% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.js .defer-image {
  display: block;
}

figure.image-caption .defer-image.small {
  margin: 0;
}

.defer-image {
  position: relative;
  display: none;
  margin-top: 30px;
  max-width: 100%;
  /* fade image in after load */
}
.defer-image.small {
  margin-top: 0;
  width: 300px;
  float: left;
  margin-right: 15px;
  margin-bottom: 3px;
}
.defer-image.is-loading {
  background: #EEE;
}
.defer-image.is-loading::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 -0.5em;
  background: rgba(125, 125, 125, 0.5);
  border-radius: 100%;
  animation: bobble 2s cubic-bezier(0.6, 1, 1, 1) infinite;
}
.defer-image.is-loaded > div > img {
  animation: fadeIn 1s both;
}
.defer-image > div > img {
  display: block;
  min-width: 100%;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.defer-image .lazyload,
.defer-image .lazyloading {
  opacity: 0;
}
.defer-image .lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

@media only screen and (max-width: 420px) {
  .defer-image.small {
    max-width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    width: auto;
  }
}
/* Image aspect ratios - % is relative to width. */
.image-ratio\:1x2 > div {
  padding-top: 200%;
}

.image-ratio\:9x16 > div {
  padding-top: 177.777%;
}

.image-ratio\:2x3 > div {
  padding-top: 150%;
}

.image-ratio\:3x4 > div {
  padding-top: 133.333%;
}

.image-ratio\:1x1 > div {
  padding-top: 100%;
}

.image-ratio\:4x3 > div {
  padding-top: 75%;
}

.image-ratio\:3x2 > div {
  padding-top: 66.66%;
}

.image-ratio\:16x9 > div {
  padding-top: 56.25%;
}

.image-ratio\:2x1 > div {
  padding-top: 50%;
}

.portlet:focus > .portlet-topper {
  position: relative !important;
  transform: translateY(0);
  z-index: 3;
}

/* Override changes for language portlet */
.media_curtain .portlet:focus > .portlet-topper {
  position: absolute !important;
  transform: translateY(92);
  z-index: 3;
}

.autofit-row:empty {
  width: auto;
  display: none !important;
}

.portlet-content-editable .portlet-header .autofit-col-end {
  z-index: 20;
}

.portlet-body .dropdown.visible-interaction {
  z-index: 10;
}

.portlet-topper {
  z-index: 10;
}

#banner .row:first-child {
  display: flex !important;
}

@media screen and (max-width: 766px) {
  .main-nav {
    display: none;
  }
}

.main-nav ul[role=menubar],
.main-nav ul.a11y-nav {
  float: left;
  padding: 0;
  margin-bottom: 0;
}
.main-nav ul[role=menubar] li a,
.main-nav ul.a11y-nav li a {
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  #main-content .portlet-navigation {
    display: none;
  }
}

#navigation.a11y-navigation .a11y-nav {
  float: none;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#navigation.a11y-navigation .a11y-nav > li {
  display: flex;
  vertical-align: top;
  flex: 0 0 auto;
  position: unset;
}
#navigation.a11y-navigation .a11y-nav > li.special-nav-trigger > a {
  padding-right: 0;
}
#navigation.a11y-navigation .a11y-nav > li.special-nav-trigger button {
  position: relative;
  flex: 0 1 auto;
  margin: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background-color: transparent;
  right: auto;
  top: auto;
}
#navigation.a11y-navigation .a11y-nav > li.special-nav-trigger button > .icon {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 12px;
  line-height: 0.82rem;
  z-index: 2;
  cursor: pointer;
  background: #bcbcbc;
  color: #fff;
  font-size: 12px;
  padding: 5px 5px 3px;
  border: 0;
  border-radius: 0;
}
#navigation.a11y-navigation .a11y-nav > li.special-nav-trigger.current.special-nav-trigger:before {
  border-right: none;
}
#navigation.a11y-navigation .a11y-nav > li.special-nav-trigger.current button:after {
  border-right: 1px solid #D0D0D0;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
}
#navigation.a11y-navigation .a11y-nav > li#etusivu_nav_btn {
  flex: 0 0 2.3125em;
  position: relative;
}
#navigation.a11y-navigation .a11y-nav > li#etusivu_nav_btn a {
  margin-left: 1px;
}
#navigation.a11y-navigation .a11y-button__group {
  position: relative;
  width: 100%;
}
#navigation.a11y-navigation .a11y-nav__sub {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 43px;
  border: 1px solid #d0d0d0;
  border-top: 0;
  background-color: white;
  padding: 17px 0 5px 19px;
}
#navigation.a11y-navigation .a11y-navgroup {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
#navigation.a11y-navigation .a11y-navgroup > li {
  flex: 0 0 23%;
  display: flex;
}
#navigation.a11y-navigation .a11y-navgroup .a11y-navgroup__title {
  display: block;
}

html.ie11 #navigation.a11y-navigation .a11y-nav > li {
  position: static;
}
html.ie11 #navigation.a11y-navigation .a11y-nav > li#etusivu_nav_btn {
  flex: 0 0 54px;
}

.list-menu--dynamic li.lfr-nav-item .nav-item__container {
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
}
.list-menu--dynamic li.lfr-nav-item .nav-item__container a.lfr-nav-item {
  flex: 1 1 auto;
  margin-right: auto;
}
.list-menu--dynamic li.lfr-nav-item .nav-item__container button.nav-item__toggler {
  color: currentColor;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0.625rem 0 auto;
  height: 100%;
  width: 100%;
  transition: transform 0.25s linear;
}
.list-menu--dynamic li.lfr-nav-item .nav-item__container button.nav-item__toggler > svg {
  width: var(--yja-nav-side-menu-dynamic-icon-size, 0.813rem);
  vertical-align: var(--yja-nav-side-menu-dynamic-icon-text-align, text-bottom);
}
.list-menu--dynamic li.lfr-nav-item .nav-item__container button.nav-item__toggler[aria-expanded=true] > svg {
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  .controls-visible .language-version-selection-portlet .portlet-topper {
    position: absolute;
    top: 40px;
  }
}
.portlet-content,
.portlet-minimized .portlet-content-container {
  padding: 0;
}

.portlet-boundary .portlet .portlet-header {
  margin-bottom: 0;
}
.portlet-boundary .portlet .portlet-header.use-custom-title {
  position: relative;
  right: auto;
}
.portlet-boundary .portlet .portlet-header .portlet-title-text {
  overflow: inherit;
  margin: inherit;
  max-width: 100%;
  white-space: normal;
}
.portlet-boundary .portlet .portlet-header .hed-section {
  border-bottom: var(--yja-hed-section-border-style, 1px solid #999999);
  color: var(--yja-hed-section-text-color, #222);
  font-size: var(--yja-hed-section-font-size, 1.718rem);
  font-weight: var(--yja-hed-section-font-weight, 600);
  line-height: var(--yja-hed-section-line-height);
  margin: var(--yja-hed-section-margin, 0 0 0.5em 0);
  padding: var(--yja-hed-section-padding, 0 0 0.25em 0);
}
.portlet-boundary .portlet .portlet-header .hed-section i, .portlet-boundary .portlet .portlet-header .hed-section span[role] {
  margin: 1px 10px 0 5px;
  float: left;
}

.portlet .autofit-col-expand {
  width: 100%;
  flex: 0 0 100%;
}
.portlet .autofit-col-expand .portlet-title-text {
  width: 100%;
}
.portlet .autofit-col-expand + .autofit-col-end {
  position: absolute;
  right: 0;
  top: 40px;
}

.portlet-blogs .autofit-col-expand + .autofit-col-end {
  top: -13px;
}

.portlet-content-editable .autofit-row.portlet-header {
  width: auto;
}

/*
    keep up to date with mirroring copies:
    yja-admin-theme, yja-site-template-theme, yja-frontend-resources
*/
.yja-environment-notification {
  margin: 0;
  padding: 8px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  background-color: lightblue;
  position: static;
  top: 0;
  left: 0;
  z-index: 1000000000;
  width: 100%;
}
.yja-environment-notification.dev {
  background-color: darksalmon;
}
.yja-environment-notification.sta {
  background-color: #ffee88;
}
.yja-environment-notification.test {
  background-color: lightgreen;
}
.yja-environment-notification button {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  box-shadow: none;
  background-color: transparent;
  border: 0;
}

.has-control-menu.media-user .yja-environment-notification {
  position: static !important;
}

.has-control-menu.yja-environment .yja-environment-notification {
  position: fixed;
}
.has-control-menu.yja-environment .yja-environment-notification button {
  display: none;
}
.has-control-menu.yja-environment .control-menu,
.has-control-menu.yja-environment .sidenav-fixed.sidenav-menu-slider {
  top: 28px;
}
@media only screen and (min-width: 768px) {
  .has-control-menu.yja-environment #wrapper {
    margin-top: 83px !important;
  }
}
.has-control-menu.yja-environment .mm-page {
  margin-top: 83px !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--yja-heading-color, #222);
  text-rendering: optimizeLegibility;
  margin-bottom: var(--yja-heading-margin-bottom, 0.5em);
  line-height: var(--yja-heading-line-height, 1.1);
  font-family: var(--yja-heading-font-family, myriad-pro-condensed);
  font-weight: var(--yja-heading-font-weigth, 600);
  font-style: normal;
  word-break: normal;
}

.news-page h1 {
  margin-bottom: 0.25em;
  margin-top: var(--yja-gutter-xs, 0.3125rem);
}

h2, h3, h4, h5, h6 {
  margin-top: 0.2rem;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: var(--yja-heading-size-xs, 1.718em);
  color: var(--yja-heading-color, #222);
  line-height: 0;
}

h1 {
  font-size: var(--yja-heading-h1-size, 2em);
  line-height: var(--yja-heading-h1-line-height, 1.1em);
}

h2 {
  font-size: var(--yja-heading-h2-size, 1.7em);
  line-height: var(--yja-heading-h2-line-height, 1.1em);
}

h3 {
  font-size: var(--yja-heading-h3-size, 1.45em);
  line-height: var(--yja-heading-h3-line-height, 1.2em);
}

h4 {
  font-size: var(--yja-heading-h4-size, 1.3em);
  line-height: var(--yja-heading-h4-line-height, 1.2em);
}

h5 {
  font-size: var(--yja-heading-h5-size, 1.15em);
  line-height: var(--yja-heading-h5-line-height, 1.15);
}

h6 {
  font-size: var(--yja-heading-h6-size, 0.95em);
  line-height: var(--yja-heading-h6-line-height, 1.2);
}

@media only screen and (min-width: 48rem) {
  h3.subheader {
    font-size: 1.3125rem;
    line-height: var(--yja-heading-line-height, 1.1);
  }
  .news-page .panel h3 {
    font-size: var(--yja-heading-h1-size, 2em);
  }
  .media-item h6,
  .feed-item__heading {
    line-height: 1.2;
    font-size: var(--yja-heading-h3-size, 1.45em);
  }
  .main-nav .media-item h6,
  .main-nav .media-item .feed-item__heading {
    font-size: var(--yja-heading-h3-size, 1.45em);
  }
}
@media only screen and (max-width: 47.99999rem) {
  h1 {
    font-size: calc(var(--yja-heading-h1-size, 2em) * 0.64285);
  }
  h2 {
    font-size: calc(var(--yja-heading-h2-size, 1.7em) * 0.69);
  }
  h3 {
    font-size: calc(var(--yja-heading-h3-size, 1.45em) * 0.667);
  }
}
h1 + h3 {
  margin-top: -0.3571rem;
  margin-bottom: 0.8928rem;
}

.journal-content-article h1 {
  margin-top: 0;
}

.bold {
  font-family: var(--yja-font-sans-serif-bold, myriad-pro-condensed);
  font-weight: var(--yja-font-weight-bold, 500);
  font-style: normal;
}

.feed-item h6,
.panel .feed-item h6,
.feed-item .feed-item__heading,
.panel .feed-item .feed-item__heading {
  font-family: var(--yja-feed-listing-headings-font-family, myriad-pro-semi-condensed);
  font-size: var(--yja-feed-listing-headings-font-size, 0.9em);
  line-height: var(--yja-feed-listing-headings-line-height, 1.2);
  font-weight: var(--yja-heading-font-weigth, 600);
  margin: var(--yja-feed-listing-headings-margin, 0.2857rem);
  font-style: normal;
  word-break: normal;
}

.meta {
  margin-bottom: 0.625em;
  width: 100%;
}
.meta .date,
.meta .time,
.meta .nickname,
.meta .text,
.meta .comments,
.meta .ministries,
.meta .bullettin-number,
.meta .author {
  font-size: var(--yja-meta-date-font-size, 0.73em);
  color: var(--yja-color-meta, #595959);
}
.meta .ministries span {
  margin-right: 5px;
}
.meta .ministries span:after {
  content: ",";
}
.meta .ministries span:last-child:after {
  content: "";
}
.meta .print {
  float: right;
  margin-top: 0.416em;
  color: var(--yja-color-meta, #595959);
  text-transform: uppercase;
  font-size: 0.75rem;
}
.meta .print a {
  color: var(--yja-color-meta, #595959);
}
.meta .print i, .meta .print span[role] {
  margin-top: -2px;
}
.meta i, .meta span[role] {
  font-size: var(--yja-meta-icon-font-size, 1em);
  margin: var(--yja-meta-icon-margin, 0);
}

blockquote {
  font-size: var(--yja-blockquote-text-size, 0.938rem);
}
blockquote > p, blockquote ul, blockquote ol, blockquote li, blockquote dl, blockquote dt, blockquote span {
  font-size: var(--yja-blockquote-text-size, 0.938rem);
}

.journal-content-article ul:not([class]), .journal-content-article ol:not([class]), .journal-content-article dl:not([class]) {
  font-size: var(--yja-font-size-default, 1rem);
  font-style: normal;
  font-weight: var(--yja-paragraph-font-weight, var(--yja-font-weight-normal, 400));
  line-height: var(--yja-base-line-height, 1.4);
  margin: 0 0 var(--yja-gutter-base, 1.25rem) var(--yja-gutter-base, 1.25rem);
  padding: 0;
}

p.description {
  font-size: 13px;
  line-height: 1.4;
  color: var(--yja-base-font-color, #0f0f0f);
  margin: var(--yja-gutter-sm, 0.625rem) 0 var(--yja-gutter-sm, 0.625rem);
}

p.lead {
  font-size: var(--yja-lead-font-size, 1.25rem);
  line-height: var(--yja-lead-line-height, 1.4) !important;
  font-weight: var(--yja-lead-font-weight, 400);
}

.ingress p, div.ingress, p.ingress {
  font-size: var(--yja-ingress-font-size, 1rem);
  font-weight: var(--yja-ingress-font-weight, 600);
  line-height: var(--yja-ingress-line-height, 1.4) !important;
}

div.ingress {
  margin-bottom: var(--yja-gutter-base, 1.25rem);
}

.media-item h2 {
  margin: 0 1.2em 0.2em 0;
}

.media-item.news-single h2 {
  margin-bottom: 0.64em;
  line-height: 1.107em;
}

p, table, .ingress,
.asset-full-content ul,
.asset-full-content ol,
.asset-full-content dl {
  font-size: var(--yja-font-size-default, 1rem);
  font-style: normal;
  font-weight: var(--yja-paragraph-font-weight, var(--yja-font-weight-normal, 400));
  line-height: var(--yja-paragraph-line-height, 1.25em);
  margin-bottom: var(--yja-paragraph-margin-bottom, 1.25em);
}

ul li ul {
  font-size: var(--yja-ul-li-font-size, var(--yja-font-size-sm, 0.875rem));
}

.mainlift,
.newsfeedContent,
.textarea-container {
  font-size: var(--yja-main-lift-font-size, 0.875em) !important;
  font-style: var(--yja-font-weight-normal, 400);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: var(--yja-gutter-base, 1.25rem);
}

.mainlift p,
.newsfeedContent p,
.textarea-container p {
  font-size: var(--yja-font-size-default, 1rem);
}

.portlet-journal-content .journal-content-article blockquote,
blockquote {
  position: relative;
  border-left: none;
  display: inline-block;
  margin: 15px 0;
  line-height: 1.4;
  padding: 15px 15px 15px 40px;
  font-family: var(--yja-font-serif, myriad-pro);
}
.portlet-journal-content .journal-content-article blockquote:before,
blockquote:before {
  content: "”";
  display: block;
  font-size: 4.8rem;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 2px;
}

cite {
  color: var(--yja-base-font-color, #0f0f0f);
  display: block;
  font-size: 0.8125rem;
}
cite:before {
  content: "— ";
}

.mainlift blockquote {
  margin: 0;
  padding-bottom: 0;
}

/*
__________BUTTONS_______________________________________________
*/
a.external-link:after {
  content: "\f08e";
  font-family: "fontawesome-alloy";
  margin: 0 0 0 3px;
  display: inline-block;
  font-size: var(--yja-font-size-sm, 0.875rem);
  position: relative;
  top: -5px;
}

a.email-link:before {
  content: "\f0e0";
  font-family: "fontawesome-alloy";
  margin: 0 5px 0 0;
  display: inline-block;
  font-size: var(--yja-font-size-sm, 0.875rem);
}

span.email-link:before {
  content: "\f0e0";
  font-family: "fontawesome-alloy";
  margin: 0 5px 0 0;
  display: inline-block;
  font-size: var(--yja-font-size-sm, 0.875rem);
}

a.text-link {
  display: inline;
  font-size: var(--yja-font-size-sm, 0.875rem);
  line-height: 1.2142em;
  color: var(--yja-primary-color, #365abd);
}

a.text-link:hover {
  color: var(--yja-primary-color, #365abd);
}

.btn {
  line-height: 1.6em;
}

.journal-content-article button.btn-small, .journal-content-article .btn.btn-small, .mainlift button.btn-small, .mainlift .btn.btn-small {
  font-size: var(--yja-btn-font-size-sm, var(--yja-font-size-sm, 0.875rem));
}

.btn-primary:not(:disabled):not(.disabled).btn-small,
.btn-default.btn-primary:not(:disabled):not(.disabled).btn-small, .btn-default:not(:disabled):not(.disabled).btn-small, button.btn-small,
.btn.btn-small,
a.btn.btn-small {
  font-size: var(--yja-btn-font-size-sm, var(--yja-font-size-sm, 0.875rem));
  padding: var(--yja-btn-padding-small, 0.625em 1.125em 0.5625em);
}

button,
.btn,
a.btn {
  color: var(--yja-btn-text-color-default, #666);
  font-weight: var(--yja-btn-font-weight, 500);
  line-height: var(--yja-btn-line-height, var(--yja-base-line-height, 1.4));
  margin: var(--yja-btn-margin-style, 0 0 1.25rem);
  padding: var(--yja-btn-padding-style, 0.75em 1.5em 0.8125em);
  font-size: var(--yja-btn-font-size-md, 1em);
  font-style: var(--yja-btn-font-style, normal);
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
}
button:hover, button:focus, button:active,
.btn:hover,
.btn:focus,
.btn:active,
a.btn:hover,
a.btn:focus,
a.btn:active {
  color: var(--yja-btn-text-color-hover-default, #33c);
}
button:not(.btn-link),
.btn:not(.btn-link),
.btn:not(.btn-nostyle),
button:not(.btn-style) {
  border-radius: var(--yja-btn-border-radius, 0);
  box-shadow: var(--yja-btn-box-shadow, none);
}

.btn-orange {
  background: var(--yja-warning-color, #ffc107) !important;
}

.btn-default:not(:disabled):not(.disabled) {
  color: var(--yja-btn-text-color-default, #666);
  background-color: var(--yja-btn-bg-color-default, #fefdfe);
  background-image: var(--yja-btn-bg-image-default, linear-gradient(to bottom, #fefdfe, #e5e5e5));
  box-shadow: var(--yja-btn-box-shadow-default, 1px 1px rgba(0, 0, 0, 0.25));
  border: var(--yja-btn-border-default, 1px solid #e3e4e5);
  border-bottom: var(--yja-btn-border-bottom-default, 1px solid #c9cbcc);
}
.btn-default:not(:disabled):not(.disabled):hover, .btn-default:not(:disabled):not(.disabled):focus, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active {
  background-position: var(--yja-btn-bg-position-hover-default, 0 -15px);
  background-color: var(--yja-btn-bg-color-hover-default, #e5e5e5);
  background-image: var(--yja-btn-bg-image-hover-default, linear-gradient(to bottom, #fefdfe, #e5e5e5));
  border-color: var(--yja-btn-border-color-hover-default, #e3e4e5);
  color: var(--yja-btn-text-color-hover-default, #33c);
}
.btn-primary:not(:disabled):not(.disabled),
.btn-default.btn-primary:not(:disabled):not(.disabled) {
  color: var(--yja-btn-text-color-primary, #fff);
  background: var(--yja-btn-bg-color-primary, var(--yja-primary-color, #365abd));
  background-image: var(--yja-btn-bg-image-primary, linear-gradient(to bottom, #365abd, #4367c9));
  background-repeat: repeat-x;
  box-shadow: var(--yja-btn-box-shadow-primary, 0);
  border: var(--yja-btn-border-primary, 1px solid rgba(0, 0, 0, 0.1));
  border-bottom: var(--yja-btn-border-bottom-primary, 1px solid rgba(0, 0, 0, 0.25));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.btn-default.btn-primary:not(:disabled):not(.disabled):hover,
.btn-default.btn-primary:not(:disabled):not(.disabled):focus,
.btn-default.btn-primary:not(:disabled):not(.disabled):active,
.btn-default.btn-primary:not(:disabled):not(.disabled).active {
  background-position: var(--yja-btn-bg-position-hover-primary, 0 -15px);
  background-color: var(--yja-btn-bg-color-hover-primary, #4367c9);
  background-image: var(--yja-btn-bg-image-hover-primary, linear-gradient(to bottom, #365abd, #4367c9));
  border-color: var(--yja-btn-border-color-hover-primary, rgba(0, 0, 0, 0.25));
  color: var(--yja-btn-text-color-hover-primary, #fff);
}
a.pdf-icon:before {
  content: "\f15b";
  font-family: "fontawesome-alloy";
  margin: 0 var(--yja-gutter-xs, 0.3125rem) 0 0;
  display: inline-block;
  font-size: var(--yja-font-size-md, 1rem);
}

.input-group-append .btn-primary {
  height: var(--yja-form-input-height, 2.25rem);
  padding-top: var(--yja-gutter-sm, 0.625rem) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/*
__________FORMS_______________________________________________
*/
/* We use this to get basic styling on all basic form elements */
textarea, input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url] {
  background-color: white;
  font-family: inherit;
  border: var(--yja-form-border-style, #000 solid 1px);
  color: var(--yja-form-text-color, #000);
  display: block;
  font-size: var(--yja-form-input-text-size, var(--yja-base-font-size, 1rem));
  margin: var(--yja-form-input-margin, 0 0 1rem 0);
  padding: var(--yja-form-input-padding, 0.556rem);
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: box-shadow, 0.45s, -moz-box-shadow, 0.45s, -webkit-box-shadow, 0.45s, border-color, 0.45s, ease-in-out;
  -moz-transition: box-shadow, 0.45s, -moz-box-shadow, 0.45s, -webkit-box-shadow, 0.45s, border-color, 0.45s, ease-in-out;
  transition: box-shadow, 0.45s, -moz-box-shadow, 0.45s, -webkit-box-shadow, 0.45s, border-color, 0.45s, ease-in-out;
  -webkit-transition: background-color 0.45s ease-in-out;
  -moz-transition: background-color 0.45s ease-in-out;
  -o-transition: background-color 0.45s ease-in-out;
  transition: background-color 0.45s ease-in-out;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url] {
  height: var(--yja-form-input-height, 2.25rem);
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
  background: var(--yja-form-element-focus-bg-color, #fff);
  outline: var(--yja-form-element-focus-color, 3px solid #33c);
}

input[type=text][disabled],
input[type=password][disabled],
input[type=date][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=month][disabled],
input[type=week][disabled],
input[type=email][disabled],
input[type=number][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=time][disabled],
input[type=url][disabled],
textarea[disabled] {
  background-color: var(--yja-form-element-disabled-bg-color, #ddd);
}

/* Adjust margin for form elements below */
input[type=file]:not([class]),
input[type=checkbox]:not([class]),
input[type=radio]:not([class]),
select:not([class]) {
  margin-bottom: 1em;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
  margin-left: -20px;
}

.radio,
.checkbox {
  line-height: 1em;
}

.input-group input[type=text],
.input-group input[type=password],
.input-group input[type=date],
.input-group input[type=datetime],
.input-group input[type=datetime-local],
.input-group input[type=month],
.input-group input[type=week],
.input-group input[type=email],
.input-group input[type=number],
.input-group input[type=search],
.input-group input[type=tel],
.input-group input[type=time],
.input-group input[type=url] {
  width: initial;
}

/* Input Groups */
.input-group .input-group-prepend + input {
  border-left: 0;
}

/* Fieldset */
/* Normalize file input width */
input[type=file] {
  width: 100%;
}

/* We add basic fieldset styling */
fieldset {
  border: var(--yja-form-fieldset-border-style, solid 1px #ddd);
  padding: var(--yja-gutter-base, 1.25rem) !important;
  margin: 1.125em 0 !important;
}
fieldset legend {
  font-family: var(--yja-font-sans-serif-condensed, myriad-pro-condensed);
  font-weight: 600;
  font-style: normal;
  background: rgb(255, 255, 255);
  padding: 0 0.1875em;
  margin: 0 0 0 -0.1875em;
  width: auto;
  border: none;
}

label {
  color: var(--yja-form-label-color, #0f0f0f);
  cursor: pointer;
  display: block;
  font-size: var(--yja-form-label-size, var(--yja-base-font-size, 1rem));
  font-style: var(--yja-form-label-style, normal);
  font-weight: var(--yja-form-label-weight, 500);
  margin-bottom: 0.1875em;
}

.panel {
  border: var(--yja-panel-border-style-primary, 1px solid #e5e5e5);
  margin-bottom: var(--yja-gutter-base, 1.25rem);
  padding: var(--yja-gutter-base, 1.25rem);
  background: var(--yja-panel-bg-color, #fdfdfd);
}
.panel > .card-body {
  padding: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: var(--yja-base-font-color, #0f0f0f);
}
.panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.425em;
}
.panel .content-title {
  margin: 0 0 var(--yja-gutter-sm, 0.625rem);
  padding-bottom: 8px;
  border-bottom: var(--yja-title-border-style, 1px solid #e5e5e5);
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel.callout {
  border: none;
  margin-bottom: var(--yja-gutter-base, 1.25rem);
  padding: 0.5em 0.9387em;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: white;
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel.callout > :first-child {
  margin-top: 0;
}
.panel.callout > :last-child {
  margin-bottom: 0;
}
.panel.callout h5 {
  font-size: 1.3125rem;
}
.panel .radius {
  -webkit-border-radius: var(--yja-border-radius, 0);
  border-radius: var(--yja-border-radius, 0);
}
.panel.border {
  background-color: var(--yja-panel-bg-color, #fdfdfd);
  border-top: var(--yja-title-border-style, 1px solid #e5e5e5);
}
.panel.border.border-top-emphasis {
  border-top-style: solid !important;
  border-top-width: var(--yja-border-top-emphasis-width, 4px) !important;
  border-top-color: var(--yja-border-top-emphasis-color, var(--yja-primary-color, #365abd)) !important;
}
.panel.border-top-emphasis {
  border-top-style: solid !important;
  border-top-width: var(--yja-border-top-emphasis-width, 4px) !important;
  border-top-color: var(--yja-border-top-emphasis-color, var(--yja-primary-color, #365abd)) !important;
}
.panel.border h4 {
  border-bottom: 1px solid #bababa;
  margin: 0 0 10px;
  padding-bottom: 8px;
}
.panel.border h5.bold {
  font-weight: 500 !important;
}
.panel.border h6.bold {
  font-weight: 500 !important;
}
.panel.border strong {
  font-weight: 500 !important;
  color: var(--yja-base-font-color, #0f0f0f);
}
.panel.border p {
  color: #575757;
}
.panel ul {
  font-size: var(--yja-font-size-md, 1rem);
}
.panel.net-services {
  border: 0;
}
.panel.net-services h2, .panel.net-services h3, .panel.net-services h4 {
  margin-bottom: 1em;
  border-bottom: 1px solid rgb(255, 255, 255);
  padding-bottom: 0.714em;
  font-size: var(--yja-font-size-sm, 0.875rem);
  font-family: var(--yja-font-sans-serif-bold, myriad-pro-condensed);
  font-weight: 500 !important;
  font-style: normal;
  color: rgb(255, 255, 255);
}
.panel.net-services ul {
  overflow: hidden;
}
.panel.net-services ul li {
  float: left;
  margin: 0 0.3571em 0.3571em 0;
  font-size: 2rem;
  line-height: 1;
  font-family: var(--yja-font-sans-serif-condensed, myriad-pro-condensed);
  font-weight: 500 !important;
  font-style: normal;
}
.panel.net-services ul li a {
  color: rgb(255, 255, 255);
}
.panel.net-services ul li a:hover, .panel.net-services ul li a:focus {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
.panel.ota-kantaa h4.subheader {
  font-family: var(--yja-font-sans-serif, myriad-pro);
  font-size: var(--yja-font-size-sm, 0.875rem);
  font-style: normal;
  font-weight: 400 !important;
}
.panel.post-it {
  background-color: var(--yja-post-it-bg-color, #fffacd);
  border-bottom: var(--yja-post-it-border-style, 1px solid #e5e5e5);
  border-left: 0 none;
  border-right: 0 none;
  clear: both;
  margin-bottom: 1.875em;
}
.panel.post-it.border-top-emphasis {
  border-top-color: var(--yja-post-it-border-top-emphasis, #f9b000);
}
.panel.post-it h3 {
  color: var(--yja-post-it-border-top-emphasis, #f9b000);
  font-size: var(--yja-post-it-heading-size, 1.313rem);
}

.portlet-dropzone.empty {
  padding: 0;
}

@media only screen and (min-width: 1007px) {
  div[id$=configurationIframeDialog] {
    min-width: 1006px;
  }
}
#senna_surface1-default {
  background: inherit;
}

#wrapper {
  padding-top: 0 !important;
}

.has-control-menu #wrapper {
  margin-top: 0 !important;
}

/*
__________SIMPLE SEARCH ____________________________________
*/
#topSearchform .search-btn,
#mobile_searchform .search-btn {
  position: absolute;
  top: -2px;
  left: 0;
  cursor: pointer;
  color: #333;
  margin: 0;
  padding: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
}

#header-search-wrapper {
  margin-bottom: var(--yja-gutter-base, 1.25rem);
}

/*
__________ Comments ____________________________________
*/
.taglib-discussion .lfr-discussion-message {
  line-height: 1.5em;
  font-size: 0.85rem;
  margin-top: var(--yja-gutter-base, 1.25rem);
  padding-bottom: 0;
  -ms-word-break: normal;
  word-break: normal;
}

/*
__________SCREEN READER ____________________________________
*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Datepicker popup z-index */
.datepicker-popover {
  z-index: 15 !important;
}

.no-float {
  float: none !important;
}

.project-logo-portlet img {
  max-height: 150px;
}

#wrapper {
  padding: 0 15px;
  margin: 0 auto;
}

/* ---------- Prevent empty dropzones to take space ---------- */
.row [class*=col] {
  min-height: 0;
}

/* Muted links on ingress */
.dark-link {
  color: var(--yja-font-size-default, 1rem);
}

.dark-link:hover,
.dark-link:focus,
.dark-link:active,
.dark-link:visited,
.dark-link:link {
  color: var(--yja-font-size-default, 1rem);
  text-decoration: none;
}

.dark-link:active {
  outline: none;
}

/* Newsfeed */
.newsfeedContent {
  font-size: 0.875em !important;
  line-height: 1.5;
}
.newsfeedContent p {
  font-size: 1em;
}
.newsfeedContent figure {
  max-width: 336px;
  float: left;
  margin: 0 15px 10px 0;
}
.newsfeedContent figure img {
  width: 100%;
  margin-bottom: 10px !important;
}
.newsfeedContent figcaption {
  font-size: var(--yja-figcaption-text-size, 0.75rem);
  margin-bottom: 15px;
  display: block;
  color: var(--yja-figcaption-text-color, #595959);
}

/*----- Special typography --------*/
.logo a .department .name {
  font-family: var(--yja-font-serif, myriad-pro);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-shadow: 0 1px 1px #000000;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .logo a .department .name {
    font-size: 28px;
  }
}

footer .logo a .department .name {
  color: var(--yja-footer-logo-text-color, var(--yja-base-font-color, #0f0f0f));
  display: inline-block;
  font-size: var(--yja-footer-logo-text-size, 1.188rem);
  padding-top: 3px;
}
footer .logo a .department .translation {
  color: var(--yja-footer-logo-text-color, var(--yja-base-font-color, #0f0f0f));
  font-size: var(--yja-footer-logo-text-size-sm, 0.875rem);
}

.media-service-page header .logo a .department .name,
footer .logo a .department .name {
  text-shadow: none;
}

.striped-heading span {
  position: relative;
  display: inline-block;
  padding: 0 var(--yja-gutter-sm, 0.625rem);
  margin: 0 var(--yja-striped-heading-margin-x, 1.563rem);
}

.striped-heading {
  overflow: hidden;
  position: relative;
  margin: var(--yja-gutter-base, 1.25rem) 0 calc(var(--yja-gutter-sm, 0.625rem) + var(--yja-gutter-base, 1.25rem));
  font-size: var(--yja-striped-heading-font-size, 2rem);
}
.striped-heading span::before, .striped-heading span::after {
  display: block;
  position: absolute;
  height: var(--yja-striped-heading-border-height, 4px);
  background: var(--yja-striped-heading-border-color, #000);
  top: 50%;
  content: "";
}
.striped-heading span::before {
  width: 25px;
  right: 100%;
}
.striped-heading span::after {
  width: 62.5em;
  left: 100%;
}

.subheader {
  border-bottom: var(--yja-ministry-subheader-border-color, 1px solid #bababa);
  color: var(--yja-ministry-subheader-font-color, #6f6f6f);
  line-height: 1.4;
  margin-bottom: 0.428em;
  margin-top: 0.2em;
  padding-bottom: 0.476em;
}

.additional-header {
  font-size: var(--yja-additional-heading-font-size, 0.725em);
  font-weight: var(--yja-additional-heading-font-weight, 300);
  display: block;
}

/* ---------- Autocomplete input ---------- */
.textboxlistentry-holder {
  border-radius: 4px;
  margin: 0;
  padding: 4px 5px 0;
}

.tagselector-content {
  margin-bottom: 0;
}

.helper-reset {
  margin: 0;
  padding: 0;
  outline: 0;
  text-decoration: none;
  list-style: none;
  border: 0;
}

.textboxlist-content,
.tagselector {
  outline: none;
}

.bottom-meta {
  margin-top: 0.625em;
}

.input-append .add-on {
  height: 28px;
}

.yja-owl-carousel ul.owl-stage {
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
}
/** This file is referenced directly, do not use SASS */
html:not(.mobile) div[id$=configurationIframeDialog],
html:not(.mobile) div[id$=web-sisalto] {
  min-width: 1007px !important;
}

@media only screen and (max-width: 1007px) {
  html:not(.mobile) div[id$=configurationIframeDialog],
  html:not(.mobile) div[id$=web-sisalto] {
    left: 0 !important;
    position: absolute !important;
    margin: 0 !important;
  }
}
.lfr-admin-panel fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

/* ---------- Visible dropzones ---------- */
.controls-visible.signed-in .portlet-content {
  min-height: 1em;
}

/* ---------- /Visible dropzones ---------- */
.lfr-ddm-container .field-wrapper .lfr-ddm-repeatable-delete-button,
.lfr-ddm-container .field-wrapper .lfr-ddm-repeatable-add-button,
.lfr-ddm-container .field-wrapper .lfr-ddm-reorder-button {
  font-size: 1.8rem !important;
}

.lfr-ddm-container .field-wrapper .lfr-ddm-repeatable-delete-button.lfr-ddm-repeatable-delete-button {
  right: 36px !important;
}

.lfr-ddm-container .field-wrapper .lfr-ddm-repeatable-add-button.lfr-ddm-repeatable-add-button {
  right: 10px !important;
}

.lfr-ddm-container .field-wrapper .lfr-ddm-reorder-up-button.lfr-ddm-reorder-up-button {
  right: 62px !important;
}

.lfr-ddm-container .field-wrapper .lfr-ddm-reorder-down-button.lfr-ddm-reorder-down-button {
  right: 87px !important;
}

.lfr-ddm-container .field-wrapper[data-repeatable=true] {
  padding-top: 1.2rem;
}

/*!
* jQuery mmenu v7.3.2
* @requires jQuery 1.7.0 or later
*
* mmenujs.com
*
* Copyright (c) Fred Heusschen
* www.frebsite.nl
*
* License: CC-BY-NC-4.0
* http://creativecommons.org/licenses/by-nc/4.0/
*/
.mm-menu {
  --mm-line-height: 20px;
  --mm-listitem-size: 44px;
  --mm-navbar-size: 44px;
  --mm-offset-top: 0;
  --mm-offset-right: 0;
  --mm-offset-bottom: 0;
  --mm-offset-left: 0;
  --mm-color-border: rgba(0, 0, 0, 0.1);
  --mm-color-button: rgba(0, 0, 0, 0.3);
  --mm-color-text: rgba(0, 0, 0, 0.75);
  --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
  --mm-color-background: #f3f3f3;
  --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
  --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3) ;
}

.mm-hidden {
  display: none !important;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text);
  line-height: 20px;
  line-height: var(--mm-line-height);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: var(--mm-offset-top);
  right: var(--mm-offset-right);
  bottom: var(--mm-offset-bottom);
  left: var(--mm-offset-left);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
  color: inherit;
  text-decoration: none;
}

[dir=rtl] .mm-menu {
  direction: rtl;
}

.mm-panels, .mm-panels > .mm-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.mm-panel, .mm-panels {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text);
}

.mm-panels {
  overflow: hidden;
}

.mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 0 20px;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.mm-panel:not(.mm-hidden) {
  display: block;
}

.mm-panel:after, .mm-panel:before {
  content: "";
  display: block;
  height: 20px;
}

.mm-panel_has-navbar {
  padding-top: 44px;
  padding-top: var(--mm-navbar-size);
}

.mm-panel_opened {
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-panel_opened-parent {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panel_highest {
  z-index: 2;
}

.mm-panel_noanimation {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.mm-panel_noanimation.mm-panel_opened-parent {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[dir=rtl] .mm-panel.mm-panel_opened-parent {
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
}

.mm-listitem_vertical > .mm-panel {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  display: none;
  width: 100%;
  padding: 10px 0 10px 10px;
}

.mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before {
  content: none;
  display: none;
}

.mm-listitem_opened > .mm-panel {
  display: block;
}

.mm-listitem_vertical > .mm-listitem__btn {
  height: 44px;
  height: var(--mm-listitem-size);
  bottom: auto;
}

.mm-listitem_vertical .mm-listitem:last-child:after {
  border-color: transparent;
}

.mm-listitem_opened > .mm-listitem__btn:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  right: 19px;
}

.mm-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 44px;
  padding: 0;
}

.mm-btn:after, .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.1);
  border-color: var(--mm-color-button);
  border-width: 2px;
  border-style: solid;
}

.mm-btn_close:after, .mm-btn_close:before {
  content: "";
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-btn_close:before {
  border-right: none;
  border-bottom: none;
  right: 18px;
}

.mm-btn_close:after {
  border-left: none;
  border-top: none;
  right: 25px;
}

.mm-btn_next:after, .mm-btn_prev:before {
  content: "";
  border-bottom: none;
  border-right: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.mm-btn_prev:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

.mm-btn_next:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto;
}

[dir=rtl] .mm-btn_next:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

[dir=rtl] .mm-btn_prev:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto;
}

[dir=rtl] .mm-btn_close:after, [dir=rtl] .mm-btn_close:before {
  right: auto;
}

[dir=rtl] .mm-btn_close:before {
  left: 25px;
}

[dir=rtl] .mm-btn_close:after {
  left: 18px;
}

.mm-navbar {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text-dimmed);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  text-align: center;
  display: none;
  height: 44px;
  height: var(--mm-navbar-size);
  padding: 0 44px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.mm-navbar > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 12px;
  padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5);
  padding-left: 0;
  padding-right: 0;
}

.mm-navbar a, .mm-navbar a:hover {
  text-decoration: none;
}

.mm-navbar__title {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-navbar__btn {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.mm-navbar__btn:first-child {
  text-align: left;
  left: 0;
}

.mm-navbar__btn:last-child {
  text-align: right;
  right: 0;
}

.mm-panel_has-navbar .mm-navbar {
  display: block;
}

[dir=rtl] .mm-navbar__btn:first-child {
  text-align: right;
  right: 0;
  left: auto;
}

[dir=rtl] .mm-navbar__btn:last-child {
  text-align: left;
  left: 0;
  right: auto;
}

.mm-listitem, .mm-listview {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listitem {
  color: rgba(0, 0, 0, 0.75);
  color: var(--mm-color-text);
  border-color: rgba(0, 0, 0, 0.1);
  border-color: var(--mm-color-border);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mm-listitem:after {
  content: "";
  border-color: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 20px;
  right: 0;
  bottom: 0;
}

.mm-listitem a, .mm-listitem a:hover {
  text-decoration: none;
}

.mm-listitem__btn, .mm-listitem__text {
  color: inherit;
  display: block;
  padding-top: 12px;
  padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
  padding-bottom: 12px;
  padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
}

.mm-listitem__text {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

.mm-listitem__btn {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
  tap-highlight-color: rgba(255, 255, 255, 0.4);
  -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
  tap-highlight-color: var(--mm-color-background-emphasis);
  background: rgba(3, 2, 1, 0);
  border-color: inherit;
  width: auto;
  padding-right: 54px;
  position: relative;
}

.mm-listitem__btn:not(.mm-listitem__text) {
  border-left-width: 1px;
  border-left-style: solid;
}

.mm-listitem_selected > .mm-listitem__text {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis);
}

.mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel {
  background: rgba(0, 0, 0, 0.05);
  background: var(--mm-color-background-highlight);
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px;
}

.mm-listitem_divider {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.05);
  background: var(--mm-color-background-highlight);
  font-size: 75%;
  text-transform: uppercase;
  min-height: 20px;
  min-height: var(--mm-line-height);
  padding: 6.5px;
  padding: calc((var(--mm-listitem-size) * 0.75 - var(--mm-line-height)) * 0.5);
  padding-right: 10px;
  padding-left: 20px;
}

.mm-listitem_spacer {
  padding-top: 44px;
  padding-top: var(--mm-listitem-size);
}

.mm-listitem_spacer > .mm-btn_next {
  top: 44px;
  top: var(--mm-listitem-size);
}

[dir=rtl] .mm-listitem:after {
  left: 0;
  right: 20px;
}

[dir=rtl] .mm-listitem__text {
  padding-left: 10px;
  padding-right: 20px;
}

[dir=rtl] .mm-listitem__btn {
  padding-left: 54px;
  border-left-width: 0;
  border-left-style: none;
}

[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
  padding-right: 0;
  border-right-width: 1px;
  border-right-style: solid;
}

.mm-page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  z-index: 1;
}

.mm-wrapper_opened {
  overflow-x: hidden;
  position: relative;
}

.mm-wrapper_background .mm-page {
  background: inherit;
}

.mm-menu_offcanvas {
  display: none;
  position: fixed;
  right: auto;
  z-index: 0;
}

.mm-menu_offcanvas.mm-menu_opened {
  display: block;
}

.mm-menu_offcanvas {
  width: 80%;
  min-width: 240px;
  max-width: 440px;
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
  }
}
.mm-wrapper__blocker {
  background: rgba(3, 2, 1, 0);
  overflow: hidden;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.mm-wrapper_blocking {
  overflow: hidden;
}

.mm-wrapper_blocking body {
  overflow: hidden;
}

.mm-wrapper_blocking .mm-wrapper__blocker {
  display: block;
}

.mm-sronly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

.mm-menu_autoheight {
  -webkit-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.mm-menu_autoheight:not(.mm-menu_offcanvas) {
  position: relative;
}

.mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top {
  max-height: 80%;
}

.mm-menu_autoheight-measuring .mm-panel {
  display: block !important;
}

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
  display: none !important;
}

.mm-menu_autoheight-measuring .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important;
}

[class*=mm-menu_columns-] {
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel {
  right: auto;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: width, transform;
  transition-property: width, transform;
  transition-property: width, transform, -webkit-transform;
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_opened, [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened-parent {
  display: block !important;
}

[class*=mm-panel_columns-] {
  border-right: 1px solid;
  border-color: inherit;
}

.mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 {
  border-right: none;
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-0 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu_columns-0 .mm-panels > .mm-panel {
  z-index: 0;
}

.mm-menu_columns-0 .mm-panels > .mm-panel else {
  width: 100%;
}

.mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu_columns-0 {
  width: 80%;
  min-width: 240px;
  max-width: 0;
}

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
  }
}
@media all and (min-width: 0px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }
}
@media all and (min-width: 0px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-1 {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu_columns-1 .mm-panels > .mm-panel {
  z-index: 1;
  width: 100%;
}

.mm-menu_columns-1 .mm-panels > .mm-panel else {
  width: 100%;
}

.mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.mm-menu_columns-1 {
  width: 80%;
  min-width: 240px;
  max-width: 440px;
}

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
  }
}
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0);
  }
}
[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-2 {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.mm-menu_columns-2 .mm-panels > .mm-panel {
  z-index: 2;
  width: 50%;
}

.mm-menu_columns-2 .mm-panels > .mm-panel else {
  width: 100%;
}

.mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}

.mm-menu_columns-2 {
  width: 80%;
  min-width: 240px;
  max-width: 880px;
}

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
  }
}
@media all and (min-width: 1100px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(880px, 0, 0);
    transform: translate3d(880px, 0, 0);
  }
}
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }
}
@media all and (min-width: 1100px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-880px, 0, 0);
    transform: translate3d(-880px, 0, 0);
  }
}
[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-3 {
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}

.mm-menu_columns-3 .mm-panels > .mm-panel {
  z-index: 3;
  width: 33.34%;
}

.mm-menu_columns-3 .mm-panels > .mm-panel else {
  width: 100%;
}

.mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}

.mm-menu_columns-3 {
  width: 80%;
  min-width: 240px;
  max-width: 1320px;
}

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
  }
}
@media all and (min-width: 1650px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(1320px, 0, 0);
    transform: translate3d(1320px, 0, 0);
  }
}
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }
}
@media all and (min-width: 1650px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-1320px, 0, 0);
    transform: translate3d(-1320px, 0, 0);
  }
}
[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-4 {
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}

.mm-menu_columns-4 .mm-panels > .mm-panel {
  z-index: 4;
  width: 25%;
}

.mm-menu_columns-4 .mm-panels > .mm-panel else {
  width: 100%;
}

.mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -webkit-transform: translate3d(500%, 0, 0);
  transform: translate3d(500%, 0, 0);
}

.mm-menu_columns-4 {
  width: 80%;
  min-width: 240px;
  max-width: 1760px;
}

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
  }
}
@media all and (min-width: 2200px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(1760px, 0, 0);
    transform: translate3d(1760px, 0, 0);
  }
}
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }
}
@media all and (min-width: 2200px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-1760px, 0, 0);
    transform: translate3d(-1760px, 0, 0);
  }
}
[class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
  -webkit-transition-property: width, min-width, max-width, -webkit-transform;
  transition-property: width, min-width, max-width, -webkit-transform;
  -o-transition-property: width, min-width, max-width, transform;
  transition-property: width, min-width, max-width, transform;
  transition-property: width, min-width, max-width, transform, -webkit-transform;
}

.mm-counter {
  color: rgba(0, 0, 0, 0.3);
  color: var(--mm-color-text-dimmed);
  text-align: right;
  display: block;
  min-width: 44px;
  float: right;
}

.mm-listitem_nosubitems > .mm-counter {
  display: none;
}

[dir=rtl] .mm-counter {
  text-align: left;
  float: left;
}

.mm-listitem_divider {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.mm-menu_dividers-light .mm-listitem_divider {
  background: inherit;
  font-size: inherit;
  color: rgba(0, 0, 0, 0.3);
  color: var(--mm-color-text-dimmed);
  padding-top: 18px;
  padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) * 0.75);
  padding-bottom: 6px;
  padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) * 0.25);
}

.mm-menu_border-none .mm-listitem_divider {
  border-top-width: 1px;
  border-top-style: solid;
}

.mm-listview_fixeddivider {
  background: inherit;
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.mm-listview_fixeddivider:after {
  content: none !important;
  display: none !important;
}

.mm-panel_dividers .mm-listview_fixeddivider {
  display: block;
}

.mm-wrapper_opened.mm-dragging .mm-menu, .mm-wrapper_opened.mm-dragging .mm-slideout {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.mm-menu_dropdown {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
}

.mm-wrapper_dropdown .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0;
}

.mm-wrapper_dropdown .mm-wrapper__blocker {
  -webkit-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
  z-index: 1;
}

.mm-wrapper_dropdown .mm-menu_dropdown {
  z-index: 2;
}

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
  display: none;
}

[class*=mm-menu_tip-]:before {
  content: "";
  background: inherit;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-menu_tip-left:before {
  left: 22px;
}

.mm-menu_tip-right:before {
  right: 22px;
}

.mm-menu_tip-top:before {
  top: -8px;
}

.mm-menu_tip-bottom:before {
  bottom: -8px;
}

.mm-menu {
  --mm-iconbar-size: 44px ;
}

.mm-iconbar {
  color: rgba(0, 0, 0, 0.3);
  color: var(--mm-color-text-dimmed);
  border: 0 solid rgba(0, 0, 0, 0.1);
  border-color: var(--mm-color-border);
  border-right-width: 1px;
  text-align: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 44px;
  width: var(--mm-iconbar-size);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.mm-menu_iconbar .mm-navbars_bottom, .mm-menu_iconbar .mm-navbars_top, .mm-menu_iconbar .mm-panels {
  left: 44px;
  left: var(--mm-iconbar-size);
}

.mm-iconbar__bottom, .mm-iconbar__top {
  width: inherit;
  position: absolute;
}

.mm-iconbar__bottom > *, .mm-iconbar__top > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 11px 0;
}

.mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
  text-decoration: none;
}

.mm-iconbar__top {
  top: 0;
}

.mm-iconbar__bottom {
  bottom: 0;
}

.mm-iconbar__tab_selected {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis);
}

.mm-menu {
  --mm-iconpanel-size: 44px ;
}

.mm-panel_iconpanel-1, .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
  width: calc(100% - 44px);
  width: calc(100% - var(--mm-iconpanel-size) * 1);
}

.mm-panel_iconpanel-2, .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
  width: calc(100% - 88px);
  width: calc(100% - var(--mm-iconpanel-size) * 2);
}

.mm-panel_iconpanel-3, .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
  width: calc(100% - 132px);
  width: calc(100% - var(--mm-iconpanel-size) * 3);
}

.mm-panel_iconpanel-first ~ .mm-panel, .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
  width: calc(100% - 44px);
  width: calc(100% - var(--mm-iconpanel-size));
}

.mm-menu_iconpanel .mm-panels > .mm-listview_fixeddivider, .mm-menu_iconpanel .mm-panels > .mm-panel {
  left: auto;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: transform, width;
  transition-property: transform, width;
  transition-property: transform, width, -webkit-transform;
}

.mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
  border-left-width: 1px;
  border-left-style: solid;
}

.mm-menu_iconpanel .mm-panels > .mm-panel_opened, .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
  display: block !important;
}

.mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
  overflow-y: hidden;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}

.mm-menu_hidedivider .mm-panel_opened-parent .mm-listitem_divider, .mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
  opacity: 0;
}

.mm-panel__blocker {
  background: inherit;
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.mm-panel_opened-parent .mm-panel__blocker {
  opacity: 0.6;
  bottom: -100000px;
}

[dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-listview_fixeddivider, [dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel {
  left: 0;
  right: auto;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: transform, width;
  transition-property: transform, width;
  transition-property: transform, width, -webkit-transform;
}

[dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
  border-left: none;
  border-right: 1px solid;
  border-color: inherit;
}

.mm-menu_keyboardfocus a:focus, .mm-menu_keyboardfocus.mm-menu_opened ~ .mm-wrapper__blocker a:focus {
  outline: 0;
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis);
}

.mm-wrapper__blocker .mm-tabstart {
  cursor: default;
  display: block;
  width: 100%;
  height: 100%;
}

.mm-wrapper__blocker .mm-tabend {
  opacity: 0;
  position: absolute;
  bottom: 0;
}

.mm-navbars_bottom, .mm-navbars_top {
  background: inherit;
  border-color: inherit;
  border-width: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

.mm-navbars_bottom > .mm-navbar, .mm-navbars_top > .mm-navbar {
  border-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.mm-navbars_bottom > .mm-navbar:not(.mm-navbar_has-btns), .mm-navbars_top > .mm-navbar:not(.mm-navbar_has-btns) {
  padding: 0;
}

.mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn), .mm-navbars_top > .mm-navbar > :not(img):not(.mm-btn) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mm-navbars_top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  top: 0;
  bottom: auto;
}

.mm-menu_navbar_top-1 .mm-panels {
  top: 44px;
  top: calc(var(--mm-navbar-size) * 1);
}

.mm-menu_navbar_top-2 .mm-panels {
  top: 88px;
  top: calc(var(--mm-navbar-size) * 2);
}

.mm-menu_navbar_top-3 .mm-panels {
  top: 132px;
  top: calc(var(--mm-navbar-size) * 3);
}

.mm-menu_navbar_top-4 .mm-panels {
  top: 176px;
  top: calc(var(--mm-navbar-size) * 4);
}

.mm-navbars_bottom {
  border-top-style: solid;
  border-top-width: 1px;
  bottom: 0;
  top: auto;
}

.mm-menu_navbar_bottom-1 .mm-panels {
  bottom: 44px;
  bottom: calc(var(--mm-navbar-size) * 1);
}

.mm-menu_navbar_bottom-2 .mm-panels {
  bottom: 88px;
  bottom: calc(var(--mm-navbar-size) * 2);
}

.mm-menu_navbar_bottom-3 .mm-panels {
  bottom: 132px;
  bottom: calc(var(--mm-navbar-size) * 3);
}

.mm-menu_navbar_bottom-4 .mm-panels {
  bottom: 176px;
  bottom: calc(var(--mm-navbar-size) * 4);
}

.mm-navbar_size-2 {
  height: 88px;
  height: calc(var(--mm-navbar-size) * 2);
}

.mm-navbar_size-3 {
  height: 132px;
  height: calc(var(--mm-navbar-size) * 3);
}

.mm-navbar_size-4 {
  height: 176px;
  height: calc(var(--mm-navbar-size) * 4);
}

.mm-navbar__breadcrumbs {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 20px;
}

.mm-navbar__breadcrumbs > * {
  display: inline-block;
  padding-right: 6px;
  padding-top: 12px;
  padding-top: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5);
  padding-bottom: 12px;
  padding-bottom: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5);
}

.mm-navbar__breadcrumbs > a {
  text-decoration: underline;
}

.mm-navbar_has-btns .mm-navbar__breadcrumbs {
  margin-left: -44px;
}

.mm-navbar_has-btns .mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
  margin-left: 0;
  padding-left: 0;
}

.mm-navbar__tab_selected {
  background: inherit !important;
  color: inherit !important;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}

.mm-navbar__tab_selected:first-child {
  border-left: none;
}

.mm-navbar__tab_selected:last-child {
  border-right: none;
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs, .mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
  background: inherit !important;
  color: inherit !important;
}

.mm-navbars_top .mm-navbar_tabs:not(:last-child) {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mm-navbars_top .mm-navbar__tab_selected {
  border-bottom: none;
  margin-bottom: -1px;
}

.mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected {
  border-top: none;
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
  background: inherit;
  color: inherit;
}

.mm-navbars_bottom .mm-navbar_tabs:not(:first-child) {
  border-top-width: 1px;
  border-top-style: solid;
}

.mm-navbars_bottom .mm-navbar__tab_selected {
  border-top: none;
  margin-top: -1px;
}

.mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected {
  border-bottom: none;
}

.mm-navbar_tabs > a:not(.mm-navbar__tab_selected), .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis);
  color: rgba(0, 0, 0, 0.3);
  color: var(--mm-color-text-dimmed);
}

.mm-searchfield {
  height: 44px;
  height: var(--mm-navbar-size);
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mm-searchfield input {
  border: none !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.05);
  background: var(--mm-color-background-highlight);
  color: rgba(0, 0, 0, 0.75);
  color: var(--mm-color-text);
  font: inherit;
  font-size: inherit;
  line-height: 35.2px;
  line-height: calc(var(--mm-navbar-size) * 0.7);
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 24px;
  height: calc(var(--mm-navbar-size) * 0.7);
  min-height: unset;
  max-height: unset;
  margin: 0;
  padding: 0 10px;
}

.mm-searchfield input::-ms-clear {
  display: none;
}

.mm-searchfield__input {
  padding: 6.6px 10px 0 10px;
  padding-top: calc(var(--mm-navbar-size) * 0.15);
  position: relative;
}

.mm-panel__noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
  color: var(--mm-color-text-dimmed);
  text-align: center;
  font-size: 150%;
  padding: 44px 0;
}

.mm-searchfield__btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.mm-panel_search {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  border-left: none !important;
}

.mm-searchfield__input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.mm-searchfield__cancel {
  line-height: 44px;
  line-height: var(--mm-navbar-size);
  text-decoration: none;
  display: block;
  padding-right: 10px;
  margin-right: -100px;
  -webkit-transition: margin 0.4s ease;
  -o-transition: margin 0.4s ease;
  transition: margin 0.4s ease;
}

.mm-searchfield__cancel-active {
  margin-right: 0;
}

.mm-panel > .mm-searchfield {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mm-panel_has-searchfield {
  padding-top: 44px;
  padding-top: var(--mm-navbar-size);
}

.mm-panel_has-navbar.mm-panel_has-searchfield {
  padding-top: 88px;
  padding-top: calc(var(--mm-navbar-size) * 2);
}

.mm-panel_has-navbar.mm-panel_has-searchfield > .mm-searchfield {
  top: 44px;
  top: var(--mm-navbar-size);
}

.mm-listitem_nosubitems > .mm-listitem__btn {
  display: none;
}

.mm-listitem_nosubitems > .mm-listitem__text {
  padding-right: 10px;
}

.mm-sectionindexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  z-index: 15;
  -webkit-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.mm-sectionindexer a {
  color: rgba(0, 0, 0, 0.3);
  color: var(--mm-color-text-dimmed);
  line-height: 1;
  text-decoration: none;
  display: block;
}

.mm-sectionindexer ~ .mm-panels {
  -webkit-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
}

.mm-menu_has-sectionindexer .mm-sectionindexer {
  right: 0;
}

.mm-menu_has-sectionindexer .mm-panels {
  right: 20px;
}

.mm-menu_navbar_top-1 .mm-sectionindexer {
  top: 46px;
  top: calc(var(--mm-navbar-size) * 1 + 2px);
}

.mm-menu_navbar_top-2 .mm-sectionindexer {
  top: 90px;
  top: calc(var(--mm-navbar-size) * 2 + 2px);
}

.mm-menu_navbar_top-3 .mm-sectionindexer {
  top: 134px;
  top: calc(var(--mm-navbar-size) * 3 + 2px);
}

.mm-menu_navbar_top-4 .mm-sectionindexer {
  top: 178px;
  top: calc(var(--mm-navbar-size) * 4 + 2px);
}

.mm-menu_navbar_bottom-1 .mm-sectionindexer {
  bottom: 46px;
  bottom: calc(var(--mm-navbar-size) * 1 + 2px);
}

.mm-menu_navbar_bottom-2 .mm-sectionindexer {
  bottom: 90px;
  bottom: calc(var(--mm-navbar-size) * 2 + 2px);
}

.mm-menu_navbar_bottom-3 .mm-sectionindexer {
  bottom: 134px;
  bottom: calc(var(--mm-navbar-size) * 3 + 2px);
}

.mm-menu_navbar_bottom-4 .mm-sectionindexer {
  bottom: 178px;
  bottom: calc(var(--mm-navbar-size) * 4 + 2px);
}

.mm-menu_selected-hover .mm-listitem > .mm-listitem__btn, .mm-menu_selected-hover .mm-listitem > .mm-listitem__text, .mm-menu_selected-parent .mm-listitem > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem > .mm-listitem__text {
  -webkit-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease;
}

.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected .mm-listitem__text {
  background: 0 0;
}

.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis);
}

.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) .mm-listitem__text {
  background: 0 0;
}

.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__text {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis);
}

.mm-menu, .mm-slideout {
  --mm-sidebar-collapsed-size: 44px;
  --mm-sidebar-expanded-size: 440px ;
}

.mm-wrapper_sidebar-collapsed body, .mm-wrapper_sidebar-expanded body {
  position: relative;
}

.mm-wrapper_sidebar-collapsed .mm-slideout, .mm-wrapper_sidebar-expanded .mm-slideout {
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: width, transform;
  transition-property: width, transform;
  transition-property: width, transform, -webkit-transform;
}

.mm-wrapper_sidebar-collapsed .mm-page, .mm-wrapper_sidebar-expanded .mm-page {
  background: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100vh;
}

.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed, .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
  display: block !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
}

.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-listitem_divider, .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
  opacity: 0;
}

.mm-wrapper_sidebar-collapsed .mm-slideout {
  width: calc(100% - 44px);
  width: calc(100% - var(--mm-sidebar-collapsed-size));
  -webkit-transform: translate3d(44px, 0, 0);
  transform: translate3d(44px, 0, 0);
  -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
  transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
  border-right-width: 1px;
  border-right-style: solid;
  min-width: 0 !important;
  max-width: 100000px !important;
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
  content: none;
  display: none;
}

.mm-wrapper_sidebar-expanded.mm-wrapper_blocking, .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
  overflow: visible;
}

.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
  display: none !important;
}

.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
  width: calc(100% - 440px);
  width: calc(100% - var(--mm-sidebar-expanded-size));
  -webkit-transform: translate3d(440px, 0, 0);
  transform: translate3d(440px, 0, 0);
  -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
  transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
  width: 440px;
  width: var(--mm-sidebar-expanded-size);
}

.mm-menu__blocker {
  background: rgba(3, 2, 1, 0);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.mm-menu_opened .mm-menu__blocker {
  display: none;
}

[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

label.mm-toggle {
  border-radius: 34px;
  min-width: 58px;
  width: 58px;
  height: 34px;
  margin: 0 10px;
  margin-top: 5px;
  margin-top: calc((var(--mm-listitem-size) - 34px) / 2);
}

label.mm-toggle:before {
  content: "";
  display: block;
  border-radius: 34px;
  width: 32px;
  height: 32px;
  margin: 1px;
}

input.mm-toggle {
  position: absolute;
  left: -10000px;
}

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right;
}

label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
  background: var(--mm-color-border);
}

label.mm-toggle:before {
  background: #f3f3f3;
  background: var(--mm-color-background);
}

input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

label.mm-check {
  width: 34px;
  height: 34px;
}

label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.75);
  border-color: var(--mm-color-text);
  content: "";
  display: block;
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: 0.1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input.mm-check {
  position: absolute;
  left: -10000px;
}

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1;
}

[dir=rtl] input.mm-toggle:checked ~ label.mm-toggle:before {
  float: left;
}

.mm-menu_border-none .mm-listitem:after, .mm-panel_border-none .mm-listitem:after {
  content: none;
}

.mm-menu_border-full .mm-listitem:after, .mm-panel_border-full .mm-listitem:after {
  left: 0 !important;
}

.mm-menu_border-offset .mm-listitem:after, .mm-panel_border-offset .mm-listitem:after {
  right: 20px;
}

.mm-menu_fx-menu-zoom {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.mm-wrapper_opened .mm-menu_fx-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.mm-wrapper_opening .mm-menu_fx-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu_fx-menu-slide {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.mm-wrapper_opened .mm-menu_fx-menu-slide {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-wrapper_opening .mm-menu_fx-menu-slide {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
}

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu_fx-menu-fade {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.mm-wrapper_opening .mm-menu_fx-menu-fade {
  opacity: 1;
}

.mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none {
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu_fx-panels-zoom .mm-panel, .mm-panel_fx-zoom {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
}

.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened, .mm-panel_fx-zoom.mm-panel_opened {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent, .mm-panel_fx-zoom.mm-panel_opened-parent {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}

.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent, .mm-panel_fx-slide-0.mm-panel_opened-parent {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent, .mm-panel_fx-slide-100.mm-panel_opened-parent {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu_fx-panels-slide-up .mm-panel, .mm-panel_fx-slide-up {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.mm-menu_fx-panels-slide-up .mm-panel_opened, .mm-menu_fx-panels-slide-up .mm-panel_opened-parent, .mm-panel_fx-slide-up.mm-panel_opened {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu_fx-panels-slide-right .mm-panel, .mm-panel_fx-slide-right {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu_fx-panels-slide-right .mm-panel_opened, .mm-menu_fx-panels-slide-right .mm-panel_opened-parent, .mm-panel_fx-slide-right.mm-panel_opened {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[class*=mm-menu_fx-listitems-] .mm-listitem {
  -webkit-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(1) {
  -webkit-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(3) {
  -webkit-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  transition-delay: 150ms;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(5) {
  -webkit-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(6) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(7) {
  -webkit-transition-delay: 350ms;
  -o-transition-delay: 350ms;
  transition-delay: 350ms;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(8) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(9) {
  -webkit-transition-delay: 450ms;
  -o-transition-delay: 450ms;
  transition-delay: 450ms;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(10) {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(11) {
  -webkit-transition-delay: 550ms;
  -o-transition-delay: 550ms;
  transition-delay: 550ms;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(12) {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(13) {
  -webkit-transition-delay: 650ms;
  -o-transition-delay: 650ms;
  transition-delay: 650ms;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(14) {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(15) {
  -webkit-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  transition-delay: 750ms;
}

.mm-menu_fx-listitems-slide .mm-listitem {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
}

.mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.mm-menu_fx-listitems-fade .mm-listitem {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  opacity: 0;
}

.mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem {
  opacity: 1;
}

.mm-menu_fx-listitems-drop .mm-listitem {
  -webkit-transition-property: opacity, top;
  -o-transition-property: opacity, top;
  transition-property: opacity, top;
  opacity: 0;
  top: -25%;
}

.mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem {
  opacity: 1;
  top: 0;
}

.mm-menu_fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
}

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(100vw, 0, 0);
  transform: translate3d(100vw, 0, 0);
}

@media all and (max-width: 140px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 10000px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(10000px, 0, 0);
    transform: translate3d(10000px, 0, 0);
  }
}
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-100vw, 0, 0);
  transform: translate3d(-100vw, 0, 0);
}

@media all and (max-width: 140px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 10000px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-10000px, 0, 0);
    transform: translate3d(-10000px, 0, 0);
  }
}
.mm-menu_fullscreen.mm-menu_position-top {
  height: 100vh;
  min-height: 140px;
  max-height: 10000px;
}

.mm-menu_fullscreen.mm-menu_position-bottom {
  height: 100vh;
  min-height: 140px;
  max-height: 10000px;
}

.mm-menu_listview-justify .mm-panels > .mm-panel:after, .mm-menu_listview-justify .mm-panels > .mm-panel:before, .mm-panels > .mm-panel_listview-justify:after, .mm-panels > .mm-panel_listview-justify:before {
  content: none;
  display: none;
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview, .mm-panels > .mm-panel_listview-justify .mm-listview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem, .mm-panels > .mm-panel_listview-justify .mm-listitem {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 44px;
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem:not(.mm-listitem_divider), .mm-panels > .mm-panel_listview-justify .mm-listitem:not(.mm-listitem_divider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem__text, .mm-panels > .mm-panel_listview-justify .mm-listitem__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mm-listview_inset {
  list-style: inside disc;
  width: 100%;
  padding: 0 30px 15px 30px;
  margin: 0;
}

.mm-listview_inset .mm-listitem {
  padding: 5px 0;
}

.mm-menu_multiline .mm-listitem__text, .mm-panel_multiline .mm-listitem__text {
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: normal;
}

[class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
  opacity: 0;
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
  opacity: 0.3;
  -webkit-transition: opacity 0.4s ease 0.4s;
  -o-transition: opacity 0.4s ease 0.4s;
  transition: opacity 0.4s ease 0.4s;
}

.mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker {
  background: inherit;
}

.mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker {
  background: #000;
}

.mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker {
  background: #fff;
}

.mm-menu_popup {
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
  min-height: 140px;
  max-height: 880px;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 2;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.mm-menu_popup.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0;
}

.mm-menu_popup.mm-menu_opened ~ .mm-wrapper__blocker {
  -webkit-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
  z-index: 1;
}

.mm-wrapper_opening .mm-menu_popup {
  opacity: 1;
}

.mm-menu_position-right {
  left: auto;
  right: 0;
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0);
  }
}
.mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened {
  z-index: 2;
}

.mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0;
}

.mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker {
  z-index: 1;
}

.mm-menu_position-front {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu_position-front.mm-menu_position-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu_position-bottom, .mm-menu_position-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mm-menu_position-top {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.mm-menu_position-top {
  height: 80vh;
  min-height: 140px;
  max-height: 880px;
}

.mm-menu_position-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  top: auto;
}

.mm-menu_position-bottom {
  height: 80vh;
  min-height: 140px;
  max-height: 880px;
}

.mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu_shadow-page:after {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: var(--mm-shadow);
  box-shadow: var(--mm-shadow);
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 100;
  -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
  clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
}

.mm-menu_shadow-page.mm-menu_position-right:after {
  left: auto;
  right: 100%;
  -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
  clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
}

.mm-menu_shadow-page.mm-menu_position-front:after {
  content: none;
  display: none;
}

.mm-menu_shadow-menu {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: var(--mm-shadow);
  box-shadow: var(--mm-shadow);
}

.mm-menu_shadow-panels .mm-panels > .mm-panel {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: var(--mm-shadow);
  box-shadow: var(--mm-shadow);
}

.mm-menu_theme-white {
  --mm-color-border: rgba(0, 0, 0, 0.1);
  --mm-color-button: rgba(0, 0, 0, 0.3);
  --mm-color-text: rgba(0, 0, 0, 0.7);
  --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
  --mm-color-background: #fff;
  --mm-color-background-highlight: rgba(0, 0, 0, 0.06);
  --mm-color-background-emphasis: rgba(0, 0, 0, 0.03);
  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.2) ;
}

.mm-menu_theme-dark {
  --mm-color-border: rgba(0, 0, 0, 0.3);
  --mm-color-button: rgba(255, 255, 255, 0.4);
  --mm-color-text: rgba(255, 255, 255, 0.85);
  --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
  --mm-color-background: #333;
  --mm-color-background-highlight: rgba(255, 255, 255, 0.08);
  --mm-color-background-emphasis: rgba(0, 0, 0, 0.1);
  --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5) ;
}

.mm-menu_theme-black {
  --mm-color-border: rgba(255, 255, 255, 0.25);
  --mm-color-button: rgba(255, 255, 255, 0.4);
  --mm-color-text: rgba(255, 255, 255, 0.75);
  --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
  --mm-color-background: #000;
  --mm-color-background-highlight: rgba(255, 255, 255, 0.2);
  --mm-color-background-emphasis: rgba(255, 255, 255, 0.15);
  --mm-shadow: none ;
}

.mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview {
  margin: 0 !important;
}

.mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after {
  content: "";
  display: block;
  clear: both;
}

.mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem {
  padding: 0;
  float: left;
  position: relative;
  width: 50%;
  height: 0;
  padding-top: 50%;
}

.mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after {
  left: 0;
  top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  z-index: -1;
}

.mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs {
  width: 12.5%;
  padding-top: 12.5%;
}

.mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s {
  width: 25%;
  padding-top: 25%;
}

.mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l {
  width: 75%;
  padding-top: 75%;
}

.mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl {
  width: 100%;
  padding-top: 100%;
}

.mm-menu_tileview .mm-listitem__text, .mm-panel_tileview .mm-listitem__text {
  line-height: 1px;
  text-align: center;
  padding: 50% 10px 0 10px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 1px;
  left: 0;
}

.mm-menu_tileview .mm-listitem__btn, .mm-panel_tileview .mm-listitem__btn {
  width: auto;
}

.mm-menu_tileview .mm-listitem__btn:after, .mm-menu_tileview .mm-listitem__btn:before, .mm-panel_tileview .mm-listitem__btn:after, .mm-panel_tileview .mm-listitem__btn:before {
  content: none;
  display: none;
}

.mm-menu_tileview .mm-listitem_divider, .mm-panel_tileview .mm-listitem_divider {
  display: none;
}

.mm-menu_tileview .mm-panel, .mm-panel_tileview {
  padding-left: 0;
  padding-right: 0;
}

.mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview:after, .mm-panel_tileview:before {
  content: none;
  display: none;
}

body.modal-open .mm-slideout {
  z-index: unset;
}

.mm-menu {
  border-left-width: 4px !important;
  border-left-style: solid !important;
}

#menu:not(.mm-menu) {
  display: none;
}

#menu[aria-hidden=true] {
  display: none !important;
}

button.mm-tabend {
  padding: 5px !important;
  margin: 0 !important;
  background: #5c5c5c !important;
  box-shadow: none !important;
  border: none !important;
  position: absolute;
  left: 0;
}

.input-append #mobile-search-field {
  width: calc(100% - 75px) !important;
}

#menu {
  background: var(--yja-mmenu-global-bg-color);
  color: var(--yja-mmenu-global-text-color);
}

#menu .mm-panels .mm-panel,
.mm-navbar {
  background: var(--yja-mmenu-panels-bg-color);
  color: var(--yja-mmenu-panels-text-color);
}
#menu .mm-panels .mm-panel .mm-navbar__title,
.mm-navbar .mm-navbar__title {
  color: var(--yja-mmenu-navbar-text-color);
}

#menu .mm-listview .mm-listitem a {
  color: var(--yja-mmenu-link-text-color);
}
#menu .mm-listview .mm-listitem a span.glyphicon {
  display: none !important;
}
#menu .mm-listitem_selected > .mm-listitem__text,
#menu .mm-listview li.selected:nth-child(1) > .mm-listitem__text {
  background: rgba(0, 0, 0, 0.1) !important;
}
#menu .mm-listview a.mm-btn:after,
#menu .mm-listview a.mm-btn:before,
#menu a.mm-btn_next:after,
#menu a.mm-btn_prev:before {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.mobile-menu-actions {
  position: absolute;
  right: 0;
  top: 20px;
  margin: 1px 0 1px 1px;
  z-index: 10;
}
.mobile-menu-actions a,
.mobile-menu-actions button {
  display: inline-block;
  height: var(--yja-mmenu-action-button-size-y);
  width: var(--yja-mmenu-action-button-size-x);
  color: var(--yja-mmenu-action-button-text-color);
  text-align: center;
  overflow: hidden;
  float: left;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  background-color: var(--yja-mmenu-action-button-bg-color);
  margin: 0;
  padding: 0;
}
.mobile-menu-actions a.menu-icon,
.mobile-menu-actions button.menu-icon {
  font-size: var(--yja-mmenu-action-button-icon-size);
}
.mobile-menu-actions a.menu-icon i,
.mobile-menu-actions a.menu-icon span[role=presentation],
.mobile-menu-actions button.menu-icon i,
.mobile-menu-actions button.menu-icon span[role=presentation] {
  display: block;
  margin-bottom: 3px;
  margin-top: 9px;
  font-size: 1.4em;
}
.mobile-menu-actions a.menu-icon span[aria-hidde=true],
.mobile-menu-actions button.menu-icon span[aria-hidde=true] {
  font-size: var(--yja-mmenu-action-button-icon-size);
}
.mobile-menu-actions a.mobile-search-focus,
.mobile-menu-actions button.mobile-search-focus {
  line-height: 48px;
  margin-right: 1px;
}
.mobile-menu-actions a:hover, .mobile-menu-actions a:focus, .mobile-menu-actions a:active,
.mobile-menu-actions button:hover,
.mobile-menu-actions button:focus,
.mobile-menu-actions button:active {
  color: var(--yja-mmenu-action-button-text-color-focus);
  text-decoration: none;
}

.has-control-menu .mobile-menu-actions {
  top: 68px;
}