/* General */

a {
  background-color: transparent;
}

body {
    margin: 0;
}

/* Button */

button, .ecl-button {
  cursor: pointer;
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.ecl-button.disabled, ecl-button:disabled {
  opacity: 0.65;
}

/* .ecl-button--primary.disabled, .ecl-button--primary:disabled {
  border-color: #BFD0E4;
  background-color: #BFD0E4;
  color: #FFFFFF;
  text-decoration: none;
  cursor: not-allowed;
} */

.ecl-button {
  /* background: none; */
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 0.89rem 1rem;
  text-decoration: none;
}

.ecl-button:active, .ecl-button:focus, .ecl-button:hover {
  text-decoration: underline;
}

.ecl-button:focus {
  outline: 3px solid #ffd617;
  outline-offset: -3px;
}

.ecl-button:link {
  text-decoration: none;
}

.ecl-button:link:hover {
  text-decoration: underline;
}

.ecl-button--default {
  border-color: #004494;
  color: #004494;
}

.ecl-button--default:hover, .ecl-button--default:focus, .ecl-button--default:active {
  background-color: #004494;
  color: #fff;
}

.ecl-button--default[disabled] {
  background-color: transparent;
  border-color: #bfd0e4;
  color: #bfd0e4;
  text-decoration: none;
  pointer-events: none;
  cursor: not-allowed;
}

/* .ecl-button--primary {
  border-color: #004494;
}

.ecl-button--primary:active, .ecl-button--primary:focus, .ecl-button--primary:hover {
  background-color: transparent;
  color: #004494;
} */

.ecl-button--secondary {
  color: #004494;
}

.ecl-button--secondary:active, .ecl-button--secondary:focus, .ecl-button--secondary:hover {
  color: #404040;
}

.ecl-button--call {
  background-color: #ffd617;
  border-color: #ffd617;
  color: #000;
}

.ecl-button--call:focus {
  border-color: #000;
  outline-color: #000;
}

.ecl-button--form {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  color: #004494;
}

.ecl-button--form:hover {
  color: #404040;
}

.ecl-button--form-primary, .ecl-button--form:active, .ecl-button--form:focus {
  background-color: #004494;
  color: #fff;
}

.ecl-button--form-primary {
  border-color: #004494;
}

.ecl-button--form-primary:hover {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  color: #404040;
}

.ecl-button--form-primary:active, .ecl-button--form-primary:focus {
  background-color: #004494;
  color: #fff;
}

.ecl-button--block {
  display: block;
  width: 100%;
}

.ecl-button--caret-up:after {
  content: "\e827";
}

.ecl-button--caret-right:after, .ecl-button--caret-up:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-size: 0.875rem;
  margin-left: 0.66rem;
}

.ecl-button--caret-right:after {
  content: "\e828";
}

.ecl-button--caret-down:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e81f";
  font-size: 0.875rem;
  margin-left: 0.66rem;
}

/* Search button */

.ecl-search-form__button {
  flex-shrink: 0;
  padding: 0 1.66rem;
  position: relative;
  text-indent: -999em;
}

.ecl-search-form__button:before {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-right: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e823";
  font-size: 1.375rem;
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 996px) {
  .ecl-search-form__button {
    padding: 0 1rem;
    text-indent: 0;
  }

  .ecl-search-form__button:before {
    display: none !important;
  }
}

/* Icon */

@font-face {
    font-family:EuropaIcons;src:url(https://selfie-in-education.ec.europa.eu/educators/resources/fonts/europa-icons/europa-icons.eot);src:url(https://selfie-in-education.ec.europa.eu/educators/resources/fonts/europa-icons/europa-icons.eot?#iefix) format("embedded-opentype"),url(https://selfie-in-education.ec.europa.eu/educators/resources/fonts/europa-icons/europa-icons.woff) format("woff"),url(https://selfie-in-education.ec.europa.eu/educators/resources/fonts/europa-icons/europa-icons.ttf) format("truetype"),url(https://selfie-in-education.ec.europa.eu/educators/resources/fonts/europa-icons/europa-icons.svg#europa-icons) format("svg");
}

.ecl-icon:before {
    margin-right: 4px;
}

.ecl-icon--after, .ecl-icon:before {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
}

.ecl-icon--after {
  margin-left: 4px;
}

.ecl-icon--arrow-down:before {
  content: "\e822";
}

.ecl-icon--arrow-up:before {
  content: "\e821";
}

.ecl-icon--audio:before {
  content: "\e801";
}

.ecl-icon--book:before {
  content: '"';
}

.ecl-icon--breadcrumb:before {
  content: "\e828";
}

.ecl-icon--brochure:before {
  content: "\e802";
}

.ecl-icon--budget:before {
  content: "\e81a";
}

.ecl-icon--calendar:before {
  content: "\e81d";
}

.ecl-icon--camera:before {
  content: "\e800";
}

.ecl-icon--check:before {
  content: "\e816";
}

.ecl-icon--close-dark:before {
  content: "\e82d";
}

.ecl-icon--close:before {
  content: "\e82c";
}

.ecl-icon--copy:before {
  content: ")";
}

.ecl-icon--data:before {
  content: "$";
}

.ecl-icon--digital:before {
  content: "\e80b";
}

.ecl-icon--down:before {
  content: "\e81f";
}

.ecl-icon--download:before {
  content: "\e806";
}

.ecl-icon--edit:before {
  content: "\e807";
}

.ecl-icon--energy:before {
  content: "\e818";
}

.ecl-icon--error:before {
  content: "\e82f";
}

.ecl-icon--euro:before {
  content: "\e803";
}

.ecl-icon--external:before {
  content: "\e825";
}

.ecl-icon--facebook:before {
  content: "\e809";
}

.ecl-icon--faq:before {
  content: "!";
}

.ecl-icon--feedback:before {
  content: "\e82e";
}

.ecl-icon--file:before {
  content: "&";
}

.ecl-icon--gear:before {
  content: "\e900";
}

.ecl-icon--generic-lang:before {
  content: "\e81e";
}

.ecl-icon--global:before {
  content: "\e829";
}

.ecl-icon--googleplus:before {
  content: "\e80c";
}

.ecl-icon--growth:before {
  content: "\e82a";
}

.ecl-icon--image:before {
  content: "\e80d";
}

.ecl-icon--in:before {
  content: "\e806";
}

.ecl-icon--info:before {
  content: "\e815";
}

.ecl-icon--infographic:before {
  content: "\e80f";
}

.ecl-icon--language:before {
  content: "\e824";
}

.ecl-icon--left:before {
  content: "\e826";
}

.ecl-icon--linkedin:before {
  content: "\e810";
}

.ecl-icon--livestreaming:before {
  content: "\e81c";
}

.ecl-icon--location:before {
  content: "\e81b";
}

.ecl-icon--multiple-files:before {
  content: "\e820";
}

.ecl-icon--organigram:before {
  content: "\e811";
}

.ecl-icon--package:before {
  content: "\e812";
}

.ecl-icon--presentation:before {
  content: "\e80e";
}

.ecl-icon--regulation:before {
  content: "\e82b";
}

.ecl-icon--right:before {
  content: "\e828";
}

.ecl-icon--rss:before {
  content: "\e813";
}

.ecl-icon--search:before {
  content: "\e823";
}

.ecl-icon--share:before {
  content: "\e808";
}

.ecl-icon--slides:before {
  content: "\e80e";
}

.ecl-icon--spinner:before {
  content: "\e805";
}

.ecl-icon--spreadsheet:before {
  content: "-";
}

.ecl-icon--success:before {
  content: "\e814";
}

.ecl-icon--tag-close:before {
  content: "\e82c";
}

.ecl-icon--twitter:before {
  content: "\e817";
}

.ecl-icon--up:before {
  content: "\e827";
}

.ecl-icon--video:before {
  content: "\e800";
}

.ecl-icon--warning:before {
  content: "\e804";
}

.ecl-icon--rounded {
  border-radius: 50%;
  display: inline-block;
  font-size: 0.875rem;
  height: 2.22rem;
  line-height: 2.22rem;
  text-align: center;
  width: 2.22rem;
}

.ecl-icon--rounded:before {
  line-height: inherit;
  margin-right: 0;
}

/* Heading */

.ecl-heading {
  margin: 0 0 1.66rem;
  padding: 0;
}

.ecl-heading--h1 {
  font-size: 2.5rem;
}

.ecl-heading--h1, .ecl-heading--h2 {
  color: #000;
  font-weight: 600;
  line-height: 1.1;
}

.ecl-heading--h2 {
  font-size: 1.875rem;
}

.ecl-heading--h3 {
  font-size: 1.375rem;
}

.ecl-heading--h3, .ecl-heading--h4 {
  color: #404040;
  font-weight: 600;
  line-height: 1.1;
  max-width: 32em;
}

.ecl-heading--h4 {
  font-size: 1.125rem;
}

.ecl-heading--h5 {
  color: #404040;
  font-size: 1rem;
  line-height: 1.1;
  max-width: 32em;
  text-transform: uppercase;
}

.ecl-heading--headline {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 2.2;
}

* + .ecl-heading--h1 {
  margin-top: 4.44rem;
}

* + .ecl-heading--h2 {
  margin-top: 3.33rem;
}

* + .ecl-heading--h3 {
  margin-top: 2.22rem;
}

/* footer */

.ecl-footer {
  margin: 0;
  padding: 0;
}

@media print {
  .ecl-footer {
    display: none !important;
  }
}
.ecl-footer__list {
  margin: 0;
  max-width: none;
}

.ecl-footer__list--inline {
  max-width: none;
}

.ecl-footer__list--inline .ecl-footer__list-item {
  margin-left: 0;
  margin-right: 0.89rem;
}

.ecl-footer__list--inline .ecl-footer__list-item:last-child {
  margin-right: 0;
}

.ecl-footer__list-item {
  font-size: 1rem;
  line-height: 2rem;
}

.ecl-footer__column {
  padding-top: 1.66rem;
}

.ecl-footer__column:last-child {
  padding-bottom: 1.66rem;
}

.ecl-footer__spaced-column {
  padding-top: 3.33rem;
}

.ecl-footer__spaced-column:last-child {
  padding-bottom: 3.33rem;
}

.ecl-footer__custom-label {
  display: inline;
  font-weight: 700;
}

.ecl-footer__column-title {
  max-width: none;
}

.ecl-footer__custom {
  background-color: #bfd0e4;
  color: #012b58;
}

.ecl-footer__custom .ecl-footer__link, .ecl-footer__custom .ecl-footer__link:active, .ecl-footer__custom .ecl-footer__link:focus, .ecl-footer__custom .ecl-footer__link:hover {
  color: #012b58;
}

.ecl-footer__custom .ecl-footer__column {
  padding-bottom: 0;
  padding-top: 1rem;
}

.ecl-footer__custom .ecl-footer__column:last-child {
  padding-bottom: 1rem;
  padding-top: 0;
}

.ecl-footer__corporate {
  color: #fff;
}

.ecl-footer__corporate-top {
  background-color: #4073af;
}

.ecl-footer__corporate-bottom {
  background-color: #004494;
  padding: 1rem 0;
}

.ecl-footer__column-title {
  border-bottom: 2px solid #7fa1c9;
  color: #fff;
  margin-bottom: 0.33rem;
  padding-bottom: 0.33rem;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .ecl-footer__column-title {
    min-height: 3.33rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .ecl-footer__column-title {
    margin-bottom: 1rem;
    min-height: auto;
  }
}
.ecl-footer__custom-title-identity {
  border-bottom: 0;
  color: #012b58;
}

@media (min-width: 480px) {
  .ecl-footer__column {
    padding-bottom: 2.22rem;
    padding-top: 2.22rem;
  }

  .ecl-footer__custom .ecl-footer__column {
    padding-bottom: 1rem;
  }

  .ecl-footer__custom .ecl-footer__column:last-child {
    padding-top: 1rem;
  }

  .ecl-footer__link {
    padding: 0;
  }
}


/* Link */

.ecl-link {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #004494;
  margin: 0;
  text-decoration: underline;
}

/* added to override ecl3 style */
.ecl-link::after {
  -webkit-margin-start: auto;
  content: auto;
  font-style: italic;
  margin-inline-start: auto;
  text-decoration: auto;
  content:none;
}

.ecl-link:focus, .ecl-link:hover {
  color: #000;
}

.ecl-link:focus {
  outline: 3px solid #ffd617;
  outline-offset: 2px;
}

.ecl-link:visited {
  color: #550745;
}

.ecl-link--external:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e825";
  font-size: 75%;
  margin-left: 0.4em;
  margin-right: 0.2em;
}

/*added attributes to override ecl1*/
.ecl-link--standalone {
  text-decoration: none;
  font-family: inherit;
}

.ecl-link--standalone:focus, .ecl-link--standalone:hover {
  text-decoration: underline;
}

.ecl-link--inverted, .ecl-link--inverted:focus, .ecl-link--inverted:hover, .ecl-link--inverted:visited {
  color: #fff;
}

.ecl-link--all {
  clear: right;
  float: right;
}

.ecl-link--all, .ecl-link--more {
  text-transform: uppercase;
}

.ecl-link--more:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e828";
  font-size: 75%;
  margin-left: 0.4em;
  margin-right: 0.2em;
}


/* Breadcrumbs */
/* added styles to override ecl3 */

.ecl-breadcrumb {
  font-size: 1rem;
  display: inherit;
  background-color: inherit;
}

@media print {
  .ecl-breadcrumb {
    display: none !important;
  }
}
.ecl-breadcrumb__segments-wrapper {
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 1rem 0;
}

.ecl-breadcrumb__segment {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.875;
  margin-top:0;
}

.ecl-breadcrumb__segment[aria-hidden=true] {
  display: none;
}

@media (min-width: 480px) {
  .ecl-breadcrumb__segment {
    font-size: 0.875rem;
    line-height: 1.375;
  }
}
.ecl-breadcrumb__link {
  margin-right: 0.33rem;
}

.ecl-breadcrumb__link:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e828";
  width: 1rem;
}

.ecl-breadcrumb__link:active, .ecl-breadcrumb__link:focus, .ecl-breadcrumb__link:hover {
  color: #fff;
  text-decoration: underline;
}

.ecl-breadcrumb__segment--last {
  color: #bfd0e4;
}

/*------------------------------------------------------------------------------------
    STICKY FOOTER
------------------------------------------------------------------------------------*/
#sticky-footer-digcompedu {
  min-height: 100%;
  height: auto;
  margin: 0 0 -364px 0;
  padding: 0 0 364px 0;
}

.ecl-footer-digcompedu {
  height: 364px;
}

/* Language selector */

.ecl-lang-select-page {
  -webkit-box-align: center;
  align-items: center;
  background-color: #f5f5f5;
  border-bottom: 1px solid #9f9f9f;
  color: #404040;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.875rem;
  margin: 0;
  min-height: 3rem;
  overflow: hidden;
}

@media print {
  .ecl-lang-select-page {
    display: none !important;
  }
}
.no-js .ecl-lang-select-page {
  flex-wrap: wrap;
}

.ecl-lang-select-page__icon {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.875rem;
}

@media print {
  .ecl-lang-select-page__icon {
    display: none !important;
  }
}
.ecl-lang-select-page__unavailable {
  padding: 1rem 0.89rem;
  text-decoration: line-through;
}

@media (min-width: 480px) {
  .ecl-lang-select-page__unavailable {
    margin-right: 2.22rem;
  }
}
.ecl-lang-select-page__list {
  -webkit-box-align: stretch;
  align-items: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: flex;
  flex-wrap: no-wrap;
  margin: 0;
  padding: 0;
}

.ecl-lang-select-page--dropdown .ecl-lang-select-page__list {
  position: absolute;
  visibility: hidden;
}

.no-js .ecl-lang-select-page__list {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
}

.ecl-lang-select-page__option {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  list-style: none;
  padding: 1rem 0.89rem;
}

.ecl-lang-select-page__option--is-selected {
  background-color: #ffd617;
  color: #000;
  font-weight: 700;
}

.ecl-lang-select-page__dropdown {
  background: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/arrow-down.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/arrow-down.svg), linear-gradient(180deg, transparent, transparent);
  background-position: right 0.66rem center, 100%;
  background-repeat: no-repeat;
  background-size: 1rem auto, 2.32rem 100%;
  align-self: stretch;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  color: #404040;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 1rem 2.22rem 1rem 1rem;
  position: absolute;
  visibility: hidden;
}

@media print {
  .ecl-lang-select-page__dropdown {
    display: none !important;
  }
}
.ecl-lang-select-page__dropdown::-ms-expand {
  display: none;
}

.ecl-lang-select-page--dropdown .ecl-lang-select-page__dropdown {
  position: static;
  visibility: visible;
}

.ecl-lang-select-page__dropdown-option {
  padding: 0.66rem;
}

.ecl-lang-select-page--primary {
  background-color: #004494;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.ecl-lang-select-page--primary .ecl-lang-select-page__dropdown {
  background: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/arrow-down--white.svg), -webkit-gradient(linear, left top, left bottom, from(#003776), to(#003776));
  background: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/arrow-down--white.svg), linear-gradient(180deg, #003776, #003776);
  background-position: right 0.66rem center, 100%;
  background-repeat: no-repeat;
  background-size: 1rem auto, 2.32rem 100%;
  background-color: #003776;
  color: #fff;
}

.ecl-lang-select-sites {
  margin: 0;
  text-align: center;
}

@media print {
  .ecl-lang-select-sites {
    display: none !important;
  }
}
.ecl-lang-select-sites__link {
  border: 3px solid transparent;
  color: #004494;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.66rem 0.89rem;
  text-align: center;
  text-decoration: none;
}

.ecl-lang-select-sites__link:focus {
  border-color: #ffd617;
  outline: none;
}

.ecl-lang-select-sites__label {
  margin-right: 0.66rem;
}

.ecl-lang-select-sites__label:hover {
  text-decoration: underline;
}

.ecl-lang-select-sites__code {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  width: 1.4rem;
}

.ecl-lang-select-sites__code-text {
  background-color: #004494;
  color: #fff;
  font-size: 0.75rem;
  position: relative;
}

.ecl-lang-select-sites__icon {
  color: #004494;
  font-size: 1.4rem;
  left: 0;
  position: absolute;
  top: -2px;
  display: block;        /* lo convierte en bloque */
  width: 100%;           /* ocupa todo el ancho del contenedor */
  height: 100%;          /* opcional, solo si necesitas que crezca también verticalmente */
}

.ecl-lang-select-sites__icon:before {
  font-weight: inherit;
  display: block;
  width: 100%;
  height: 100%;
}

/* added attributes to override ecl3 styles */
.ecl-language-list {
  margin: 0;
  background-color: transparent;
  min-height: auto;
  flex-direction: inherit;
}

.ecl-language-list__wrapper {
  background-color: #004494;
  padding-bottom: 3.33rem;
  padding-top: 3.33rem;
}

.ecl-language-list__button {
  background-color: #fff;
  color: #004494;
}

.ecl-language-list__button:active, .ecl-language-list__button:focus, .ecl-language-list__button:hover {
  border-color: #ffd617;
  color: #000;
}

.ecl-language-list__button:active, .ecl-language-list__button:focus {
  background-color: #fff;
  text-decoration: underline;
}

.ecl-language-list__button:hover {
  background-color: #ffd617;
}

.ecl-language-list__button--active {
  background-color: #ffd617;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
}

/* Typography */

.ecl-typography {
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}



/* Dialog */

#ecl-dialog-language .ecl-dialog__dismiss {
  right: 0.96rem;
  top: 2.46rem;
}
#ecl-dialog-language .ecl-dialog__dismiss--inverted {
  line-height: 1.4;
  font-size: 1rem;
  text-decoration: none;
}

.ecl-dialog {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 2.22rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}

.ecl-dialog--transparent {
  background-color: transparent;
}

.ecl-dialog[aria-hidden=true] {
  display: none;
}

.ecl-dialog__body {
  max-height: 100%;
  overflow: auto;
}

.ecl-dialog__overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 19;
}

.ecl-dialog__overlay[aria-hidden=true] {
  display: none;
}

.ecl-dialog__overlay--blue {
  background-color: rgba(0, 68, 148, 0.95);
}

.ecl-dialog--wide .ecl-dialog__body {
  overflow: visible;
  width: 100%;
}

.ecl-dialog__dismiss {
  background: transparent url(https://selfie-in-education.ec.europa.eu/educators/resources/images/close.svg) no-repeat 50%;
  border-width: 0;
  color: transparent;
  display: block;
  font-size: 2.5rem;
  line-height: 1.375rem;
  padding: 0;
  position: absolute;
  right: 0.66rem;
  text-decoration: none;
  text-shadow: none;
  top: 0.66rem;
}

.ecl-dialog__dismiss:focus {
  outline: 3px solid #ffd617;
  outline-offset: 3px;
  text-decoration: underline;
}

.ecl-dialog__dismiss:hover {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/close_hover.svg);
}

.ecl-dialog__dismiss--inverted {
  background-image: none;
  color: #fff;
  cursor: pointer;
  font-size: 0.889em;
  text-decoration: underline;
}

.ecl-dialog__dismiss--inverted:after {
  -webkit-box-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "\00D7";
  display: -webkit-box;
  display: flex;
  float: right;
  height: 1.5em;
  -webkit-box-pack: center;
  justify-content: center;
  margin-left: 0.5em;
  width: 1.5em;
}

.ecl-dialog__dismiss--inverted:hover {
  background-image: none;
}

.ecl-dialog__title {
  clear: both;
  color: #fff;
  font-size: 1.375rem;
  margin: 0;
  padding: 2.22rem 0;
}

@media (min-width: 480px) {
  .ecl-dialog {
    height: auto;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: fit-content;
  }

  .ecl-dialog--wide {
    height: 100%;
    left: 0;
    overflow: auto;
    right: 0;
    top: 0;
    -webkit-transform: none;
    transform: none;
  }
}

/* Lists */

.ecl-list {
  line-height: 1.66;
  max-width: 32em;
}

.ecl-list--alpha {
  list-style-type: lower-latin;
}

.ecl-list--inline, .ecl-list--unstyled {
  list-style: none;
  padding-left: 0;
}

.ecl-list--inline li {
  display: inline-block;
  margin-left: 0.66rem;
}

.ecl-list--inline li:first-child {
  margin-left: 0;
}

/* Logo */

.ecl-logo {
  background: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo.svg) no-repeat;
  display: block;
  height: 72px;
  width: 140px;
}

.ecl-logo--big {
  height: 153px;
  width: 290px;
}

.language-bg .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--bg.svg);
}

@media print {
  .language-bg .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--bg.svg);
  }
}
.language-cs .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--cs.svg);
}

@media print {
  .language-cs .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--cs.svg);
  }
}
.language-da .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--da.svg);
}

@media print {
  .language-da .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--da.svg);
  }
}
.language-de .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--de.svg);
}

@media print {
  .language-de .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--de.svg);
  }
}
.language-el .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--el.svg);
}

@media print {
  .language-el .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--el.svg);
  }
}
.language-en .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--en.svg);
}

@media print {
  .language-en .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--en.svg);
  }
}
.language-es .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--es.svg);
}

@media print {
  .language-es .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--es.svg);
  }
}
.language-et .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--et.svg);
}

@media print {
  .language-et .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--et.svg);
  }
}
.language-fi .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--fi.svg);
}

@media print {
  .language-fi .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--fi.svg);
  }
}
.language-fr .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--fr.svg);
}

@media print {
  .language-fr .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--fr.svg);
  }
}
.language-ga .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--ga.svg);
}

@media print {
  .language-ga .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--ga.svg);
  }
}
.language-hr .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--hr.svg);
}

@media print {
  .language-hr .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--hr.svg);
  }
}
.language-hu .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--hu.svg);
}

@media print {
  .language-hu .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--hu.svg);
  }
}
.language-it .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--it.svg);
}

@media print {
  .language-it .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--it.svg);
  }
}
.language-lt .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--lt.svg);
}

@media print {
  .language-lt .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--lt.svg);
  }
}
.language-lv .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--lv.svg);
}

@media print {
  .language-lv .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--lv.svg);
  }
}
.language-mt .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--mt.svg);
}

@media print {
  .language-mt .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--mt.svg);
  }
}
.language-nl .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--nl.svg);
}

@media print {
  .language-nl .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--nl.svg);
  }
}
.language-pl .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--pl.svg);
}

@media print {
  .language-pl .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--pl.svg);
  }
}
.language-pt .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--pt.svg);
}

@media print {
  .language-pt .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--pt.svg);
  }
}
.language-ro .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--ro.svg);
}

@media print {
  .language-ro .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--ro.svg);
  }
}
.language-sk .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--sk.svg);
}

@media print {
  .language-sk .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--sk.svg);
  }
}
.language-sl .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--sl.svg);
}

@media print {
  .language-sl .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--sl.svg);
  }
}
.language-sv .ecl-logo--logotype {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--sv.svg);
}

@media print {
  .language-sv .ecl-logo--logotype:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logo--sv.svg);
  }
}
.ecl-logo--logotype {
  width: 190px;
}

.language-bg .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--bg.svg);
}

@media print {
  .language-bg .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--bg.svg);
  }
}
.language-cs .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--cs.svg);
}

@media print {
  .language-cs .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--cs.svg);
  }
}
.language-da .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--da.svg);
}

@media print {
  .language-da .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--da.svg);
  }
}
.language-de .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--de.svg);
}

@media print {
  .language-de .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--de.svg);
  }
}
.language-el .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--el.svg);
}

@media print {
  .language-el .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--el.svg);
  }
}
.language-en .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--en.svg);
}

@media print {
  .language-en .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--en.svg);
  }
}
.language-es .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--es.svg);
}

@media print {
  .language-es .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--es.svg);
  }
}
.language-et .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--et.svg);
}

@media print {
  .language-et .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--et.svg);
  }
}
.language-fi .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--fi.svg);
}

@media print {
  .language-fi .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--fi.svg);
  }
}
.language-fr .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--fr.svg);
}

@media print {
  .language-fr .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--fr.svg);
  }
}
.language-ga .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--ga.svg);
}

@media print {
  .language-ga .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--ga.svg);
  }
}
.language-hr .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--hr.svg);
}

@media print {
  .language-hr .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--hr.svg);
  }
}
.language-hu .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--hu.svg);
}

@media print {
  .language-hu .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--hu.svg);
  }
}
.language-it .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--it.svg);
}

@media print {
  .language-it .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--it.svg);
  }
}
.language-lt .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--lt.svg);
}

@media print {
  .language-lt .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--lt.svg);
  }
}
.language-lv .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--lv.svg);
}

@media print {
  .language-lv .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--lv.svg);
  }
}
.language-mt .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--mt.svg);
}

@media print {
  .language-mt .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--mt.svg);
  }
}
.language-nl .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--nl.svg);
}

@media print {
  .language-nl .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--nl.svg);
  }
}
.language-pl .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--pl.svg);
}

@media print {
  .language-pl .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--pl.svg);
  }
}
.language-pt .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--pt.svg);
}

@media print {
  .language-pt .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--pt.svg);
  }
}
.language-ro .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--ro.svg);
}

@media print {
  .language-ro .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--ro.svg);
  }
}
.language-sk .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--sk.svg);
}

@media print {
  .language-sk .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--sk.svg);
  }
}
.language-sl .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--sl.svg);
}

@media print {
  .language-sl .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--sl.svg);
  }
}
.language-sv .ecl-logo--logotypebelow {
  background-image: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--sv.svg);
}

@media print {
  .language-sv .ecl-logo--logotypebelow:before {
    content: url(https://selfie-in-education.ec.europa.eu/educators/resources/images/logo/logotypebelow--sv.svg);
  }
}
.ecl-logo--logotypebelow {
  height: 72px;
  width: 198px;
}

@media (min-width: 480px) {
  .ecl-logo--logotype {
    width: 290px;
  }

  .ecl-logo--logotypebelow {
    height: 118px;
    width: 324px;
  }
}

/* Others */

.ecl-container {
  max-width: 100%;
  width: 768px;
}

.ecl-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 480px) {
  .ecl-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .ecl-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 996px) {
  .ecl-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1200px) {
  .ecl-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 480px) {
  .ecl-container {
    max-width: 100%;
    width: 440px;
  }
}
@media (min-width: 768px) {
  .ecl-container {
    max-width: 100%;
    width: 720px;
  }
}
@media (min-width: 996px) {
  .ecl-container {
    max-width: 100%;
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .ecl-container {
    max-width: 100%;
    width: 1170px;
  }
}
.ecl-container-fluid {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 480px) {
  .ecl-container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .ecl-container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 996px) {
  .ecl-container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1200px) {
  .ecl-container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}



/* Grids */

.ecl-col, .ecl-col-1, .ecl-col-2, .ecl-col-3, .ecl-col-4, .ecl-col-5, .ecl-col-6, .ecl-col-7, .ecl-col-8, .ecl-col-9, .ecl-col-10, .ecl-col-11, .ecl-col-12, .ecl-col-lg, .ecl-col-lg-1, .ecl-col-lg-2, .ecl-col-lg-3, .ecl-col-lg-4, .ecl-col-lg-5, .ecl-col-lg-6, .ecl-col-lg-7, .ecl-col-lg-8, .ecl-col-lg-9, .ecl-col-lg-10, .ecl-col-lg-11, .ecl-col-lg-12, .ecl-col-md, .ecl-col-md-1, .ecl-col-md-2, .ecl-col-md-3, .ecl-col-md-4, .ecl-col-md-5, .ecl-col-md-6, .ecl-col-md-7, .ecl-col-md-8, .ecl-col-md-9, .ecl-col-md-10, .ecl-col-md-11, .ecl-col-md-12, .ecl-col-sm, .ecl-col-sm-1, .ecl-col-sm-2, .ecl-col-sm-3, .ecl-col-sm-4, .ecl-col-sm-5, .ecl-col-sm-6, .ecl-col-sm-7, .ecl-col-sm-8, .ecl-col-sm-9, .ecl-col-sm-10, .ecl-col-sm-11, .ecl-col-sm-12, .ecl-col-xl, .ecl-col-xl-1, .ecl-col-xl-2, .ecl-col-xl-3, .ecl-col-xl-4, .ecl-col-xl-5, .ecl-col-xl-6, .ecl-col-xl-7, .ecl-col-xl-8, .ecl-col-xl-9, .ecl-col-xl-10, .ecl-col-xl-11, .ecl-col-xl-12 {
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1px;
  position: relative;
  width: 100%;
}

@media (min-width: 480px) {
  .ecl-col, .ecl-col-1, .ecl-col-2, .ecl-col-3, .ecl-col-4, .ecl-col-5, .ecl-col-6, .ecl-col-7, .ecl-col-8, .ecl-col-9, .ecl-col-10, .ecl-col-11, .ecl-col-12, .ecl-col-lg, .ecl-col-lg-1, .ecl-col-lg-2, .ecl-col-lg-3, .ecl-col-lg-4, .ecl-col-lg-5, .ecl-col-lg-6, .ecl-col-lg-7, .ecl-col-lg-8, .ecl-col-lg-9, .ecl-col-lg-10, .ecl-col-lg-11, .ecl-col-lg-12, .ecl-col-md, .ecl-col-md-1, .ecl-col-md-2, .ecl-col-md-3, .ecl-col-md-4, .ecl-col-md-5, .ecl-col-md-6, .ecl-col-md-7, .ecl-col-md-8, .ecl-col-md-9, .ecl-col-md-10, .ecl-col-md-11, .ecl-col-md-12, .ecl-col-sm, .ecl-col-sm-1, .ecl-col-sm-2, .ecl-col-sm-3, .ecl-col-sm-4, .ecl-col-sm-5, .ecl-col-sm-6, .ecl-col-sm-7, .ecl-col-sm-8, .ecl-col-sm-9, .ecl-col-sm-10, .ecl-col-sm-11, .ecl-col-sm-12, .ecl-col-xl, .ecl-col-xl-1, .ecl-col-xl-2, .ecl-col-xl-3, .ecl-col-xl-4, .ecl-col-xl-5, .ecl-col-xl-6, .ecl-col-xl-7, .ecl-col-xl-8, .ecl-col-xl-9, .ecl-col-xl-10, .ecl-col-xl-11, .ecl-col-xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .ecl-col, .ecl-col-1, .ecl-col-2, .ecl-col-3, .ecl-col-4, .ecl-col-5, .ecl-col-6, .ecl-col-7, .ecl-col-8, .ecl-col-9, .ecl-col-10, .ecl-col-11, .ecl-col-12, .ecl-col-lg, .ecl-col-lg-1, .ecl-col-lg-2, .ecl-col-lg-3, .ecl-col-lg-4, .ecl-col-lg-5, .ecl-col-lg-6, .ecl-col-lg-7, .ecl-col-lg-8, .ecl-col-lg-9, .ecl-col-lg-10, .ecl-col-lg-11, .ecl-col-lg-12, .ecl-col-md, .ecl-col-md-1, .ecl-col-md-2, .ecl-col-md-3, .ecl-col-md-4, .ecl-col-md-5, .ecl-col-md-6, .ecl-col-md-7, .ecl-col-md-8, .ecl-col-md-9, .ecl-col-md-10, .ecl-col-md-11, .ecl-col-md-12, .ecl-col-sm, .ecl-col-sm-1, .ecl-col-sm-2, .ecl-col-sm-3, .ecl-col-sm-4, .ecl-col-sm-5, .ecl-col-sm-6, .ecl-col-sm-7, .ecl-col-sm-8, .ecl-col-sm-9, .ecl-col-sm-10, .ecl-col-sm-11, .ecl-col-sm-12, .ecl-col-xl, .ecl-col-xl-1, .ecl-col-xl-2, .ecl-col-xl-3, .ecl-col-xl-4, .ecl-col-xl-5, .ecl-col-xl-6, .ecl-col-xl-7, .ecl-col-xl-8, .ecl-col-xl-9, .ecl-col-xl-10, .ecl-col-xl-11, .ecl-col-xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 996px) {
  .ecl-col, .ecl-col-1, .ecl-col-2, .ecl-col-3, .ecl-col-4, .ecl-col-5, .ecl-col-6, .ecl-col-7, .ecl-col-8, .ecl-col-9, .ecl-col-10, .ecl-col-11, .ecl-col-12, .ecl-col-lg, .ecl-col-lg-1, .ecl-col-lg-2, .ecl-col-lg-3, .ecl-col-lg-4, .ecl-col-lg-5, .ecl-col-lg-6, .ecl-col-lg-7, .ecl-col-lg-8, .ecl-col-lg-9, .ecl-col-lg-10, .ecl-col-lg-11, .ecl-col-lg-12, .ecl-col-md, .ecl-col-md-1, .ecl-col-md-2, .ecl-col-md-3, .ecl-col-md-4, .ecl-col-md-5, .ecl-col-md-6, .ecl-col-md-7, .ecl-col-md-8, .ecl-col-md-9, .ecl-col-md-10, .ecl-col-md-11, .ecl-col-md-12, .ecl-col-sm, .ecl-col-sm-1, .ecl-col-sm-2, .ecl-col-sm-3, .ecl-col-sm-4, .ecl-col-sm-5, .ecl-col-sm-6, .ecl-col-sm-7, .ecl-col-sm-8, .ecl-col-sm-9, .ecl-col-sm-10, .ecl-col-sm-11, .ecl-col-sm-12, .ecl-col-xl, .ecl-col-xl-1, .ecl-col-xl-2, .ecl-col-xl-3, .ecl-col-xl-4, .ecl-col-xl-5, .ecl-col-xl-6, .ecl-col-xl-7, .ecl-col-xl-8, .ecl-col-xl-9, .ecl-col-xl-10, .ecl-col-xl-11, .ecl-col-xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1200px) {
  .ecl-col, .ecl-col-1, .ecl-col-2, .ecl-col-3, .ecl-col-4, .ecl-col-5, .ecl-col-6, .ecl-col-7, .ecl-col-8, .ecl-col-9, .ecl-col-10, .ecl-col-11, .ecl-col-12, .ecl-col-lg, .ecl-col-lg-1, .ecl-col-lg-2, .ecl-col-lg-3, .ecl-col-lg-4, .ecl-col-lg-5, .ecl-col-lg-6, .ecl-col-lg-7, .ecl-col-lg-8, .ecl-col-lg-9, .ecl-col-lg-10, .ecl-col-lg-11, .ecl-col-lg-12, .ecl-col-md, .ecl-col-md-1, .ecl-col-md-2, .ecl-col-md-3, .ecl-col-md-4, .ecl-col-md-5, .ecl-col-md-6, .ecl-col-md-7, .ecl-col-md-8, .ecl-col-md-9, .ecl-col-md-10, .ecl-col-md-11, .ecl-col-md-12, .ecl-col-sm, .ecl-col-sm-1, .ecl-col-sm-2, .ecl-col-sm-3, .ecl-col-sm-4, .ecl-col-sm-5, .ecl-col-sm-6, .ecl-col-sm-7, .ecl-col-sm-8, .ecl-col-sm-9, .ecl-col-sm-10, .ecl-col-sm-11, .ecl-col-sm-12, .ecl-col-xl, .ecl-col-xl-1, .ecl-col-xl-2, .ecl-col-xl-3, .ecl-col-xl-4, .ecl-col-xl-5, .ecl-col-xl-6, .ecl-col-xl-7, .ecl-col-xl-8, .ecl-col-xl-9, .ecl-col-xl-10, .ecl-col-xl-11, .ecl-col-xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 480px) {
  .ecl-col-sm {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .ecl-col-sm-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
  }

  .ecl-col-sm-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .ecl-col-sm-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .ecl-col-sm-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ecl-col-sm-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .ecl-col-sm-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .ecl-col-sm-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ecl-col-sm-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .ecl-col-sm-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .ecl-col-sm-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ecl-col-sm-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .ecl-col-sm-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .ecl-col-sm-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ecl-pull-sm-0 {
    right: auto;
  }

  .ecl-pull-sm-1 {
    right: 8.33333%;
  }

  .ecl-pull-sm-2 {
    right: 16.66667%;
  }

  .ecl-pull-sm-3 {
    right: 25%;
  }

  .ecl-pull-sm-4 {
    right: 33.33333%;
  }

  .ecl-pull-sm-5 {
    right: 41.66667%;
  }

  .ecl-pull-sm-6 {
    right: 50%;
  }

  .ecl-pull-sm-7 {
    right: 58.33333%;
  }

  .ecl-pull-sm-8 {
    right: 66.66667%;
  }

  .ecl-pull-sm-9 {
    right: 75%;
  }

  .ecl-pull-sm-10 {
    right: 83.33333%;
  }

  .ecl-pull-sm-11 {
    right: 91.66667%;
  }

  .ecl-pull-sm-12 {
    right: 100%;
  }

  .ecl-push-sm-0 {
    left: auto;
  }

  .ecl-push-sm-1 {
    left: 8.33333%;
  }

  .ecl-push-sm-2 {
    left: 16.66667%;
  }

  .ecl-push-sm-3 {
    left: 25%;
  }

  .ecl-push-sm-4 {
    left: 33.33333%;
  }

  .ecl-push-sm-5 {
    left: 41.66667%;
  }

  .ecl-push-sm-6 {
    left: 50%;
  }

  .ecl-push-sm-7 {
    left: 58.33333%;
  }

  .ecl-push-sm-8 {
    left: 66.66667%;
  }

  .ecl-push-sm-9 {
    left: 75%;
  }

  .ecl-push-sm-10 {
    left: 83.33333%;
  }

  .ecl-push-sm-11 {
    left: 91.66667%;
  }

  .ecl-push-sm-12 {
    left: 100%;
  }

  .ecl-offset-sm-0 {
    margin-left: 0;
  }

  .ecl-offset-sm-1 {
    margin-left: 8.33333%;
  }

  .ecl-offset-sm-2 {
    margin-left: 16.66667%;
  }

  .ecl-offset-sm-3 {
    margin-left: 25%;
  }

  .ecl-offset-sm-4 {
    margin-left: 33.33333%;
  }

  .ecl-offset-sm-5 {
    margin-left: 41.66667%;
  }

  .ecl-offset-sm-6 {
    margin-left: 50%;
  }

  .ecl-offset-sm-7 {
    margin-left: 58.33333%;
  }

  .ecl-offset-sm-8 {
    margin-left: 66.66667%;
  }

  .ecl-offset-sm-9 {
    margin-left: 75%;
  }

  .ecl-offset-sm-10 {
    margin-left: 83.33333%;
  }

  .ecl-offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .ecl-col-md {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .ecl-col-md-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
  }

  .ecl-col-md-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .ecl-col-md-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .ecl-col-md-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ecl-col-md-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .ecl-col-md-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .ecl-col-md-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ecl-col-md-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .ecl-col-md-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .ecl-col-md-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ecl-col-md-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .ecl-col-md-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .ecl-col-md-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ecl-pull-md-0 {
    right: auto;
  }

  .ecl-pull-md-1 {
    right: 8.33333%;
  }

  .ecl-pull-md-2 {
    right: 16.66667%;
  }

  .ecl-pull-md-3 {
    right: 25%;
  }

  .ecl-pull-md-4 {
    right: 33.33333%;
  }

  .ecl-pull-md-5 {
    right: 41.66667%;
  }

  .ecl-pull-md-6 {
    right: 50%;
  }

  .ecl-pull-md-7 {
    right: 58.33333%;
  }

  .ecl-pull-md-8 {
    right: 66.66667%;
  }

  .ecl-pull-md-9 {
    right: 75%;
  }

  .ecl-pull-md-10 {
    right: 83.33333%;
  }

  .ecl-pull-md-11 {
    right: 91.66667%;
  }

  .ecl-pull-md-12 {
    right: 100%;
  }

  .ecl-push-md-0 {
    left: auto;
  }

  .ecl-push-md-1 {
    left: 8.33333%;
  }

  .ecl-push-md-2 {
    left: 16.66667%;
  }

  .ecl-push-md-3 {
    left: 25%;
  }

  .ecl-push-md-4 {
    left: 33.33333%;
  }

  .ecl-push-md-5 {
    left: 41.66667%;
  }

  .ecl-push-md-6 {
    left: 50%;
  }

  .ecl-push-md-7 {
    left: 58.33333%;
  }

  .ecl-push-md-8 {
    left: 66.66667%;
  }

  .ecl-push-md-9 {
    left: 75%;
  }

  .ecl-push-md-10 {
    left: 83.33333%;
  }

  .ecl-push-md-11 {
    left: 91.66667%;
  }

  .ecl-push-md-12 {
    left: 100%;
  }

  .ecl-offset-md-0 {
    margin-left: 0;
  }

  .ecl-offset-md-1 {
    margin-left: 8.33333%;
  }

  .ecl-offset-md-2 {
    margin-left: 16.66667%;
  }

  .ecl-offset-md-3 {
    margin-left: 25%;
  }

  .ecl-offset-md-4 {
    margin-left: 33.33333%;
  }

  .ecl-offset-md-5 {
    margin-left: 41.66667%;
  }

  .ecl-offset-md-6 {
    margin-left: 50%;
  }

  .ecl-offset-md-7 {
    margin-left: 58.33333%;
  }

  .ecl-offset-md-8 {
    margin-left: 66.66667%;
  }

  .ecl-offset-md-9 {
    margin-left: 75%;
  }

  .ecl-offset-md-10 {
    margin-left: 83.33333%;
  }

  .ecl-offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 996px) {
  .ecl-col-lg {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .ecl-col-lg-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
  }

  .ecl-col-lg-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .ecl-col-lg-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .ecl-col-lg-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ecl-col-lg-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .ecl-col-lg-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .ecl-col-lg-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ecl-col-lg-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .ecl-col-lg-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .ecl-col-lg-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ecl-col-lg-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .ecl-col-lg-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .ecl-col-lg-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ecl-pull-lg-0 {
    right: auto;
  }

  .ecl-pull-lg-1 {
    right: 8.33333%;
  }

  .ecl-pull-lg-2 {
    right: 16.66667%;
  }

  .ecl-pull-lg-3 {
    right: 25%;
  }

  .ecl-pull-lg-4 {
    right: 33.33333%;
  }

  .ecl-pull-lg-5 {
    right: 41.66667%;
  }

  .ecl-pull-lg-6 {
    right: 50%;
  }

  .ecl-pull-lg-7 {
    right: 58.33333%;
  }

  .ecl-pull-lg-8 {
    right: 66.66667%;
  }

  .ecl-pull-lg-9 {
    right: 75%;
  }

  .ecl-pull-lg-10 {
    right: 83.33333%;
  }

  .ecl-pull-lg-11 {
    right: 91.66667%;
  }

  .ecl-pull-lg-12 {
    right: 100%;
  }

  .ecl-push-lg-0 {
    left: auto;
  }

  .ecl-push-lg-1 {
    left: 8.33333%;
  }

  .ecl-push-lg-2 {
    left: 16.66667%;
  }

  .ecl-push-lg-3 {
    left: 25%;
  }

  .ecl-push-lg-4 {
    left: 33.33333%;
  }

  .ecl-push-lg-5 {
    left: 41.66667%;
  }

  .ecl-push-lg-6 {
    left: 50%;
  }

  .ecl-push-lg-7 {
    left: 58.33333%;
  }

  .ecl-push-lg-8 {
    left: 66.66667%;
  }

  .ecl-push-lg-9 {
    left: 75%;
  }

  .ecl-push-lg-10 {
    left: 83.33333%;
  }

  .ecl-push-lg-11 {
    left: 91.66667%;
  }

  .ecl-push-lg-12 {
    left: 100%;
  }

  .ecl-offset-lg-0 {
    margin-left: 0;
  }

  .ecl-offset-lg-1 {
    margin-left: 8.33333%;
  }

  .ecl-offset-lg-2 {
    margin-left: 16.66667%;
  }

  .ecl-offset-lg-3 {
    margin-left: 25%;
  }

  .ecl-offset-lg-4 {
    margin-left: 33.33333%;
  }

  .ecl-offset-lg-5 {
    margin-left: 41.66667%;
  }

  .ecl-offset-lg-6 {
    margin-left: 50%;
  }

  .ecl-offset-lg-7 {
    margin-left: 58.33333%;
  }

  .ecl-offset-lg-8 {
    margin-left: 66.66667%;
  }

  .ecl-offset-lg-9 {
    margin-left: 75%;
  }

  .ecl-offset-lg-10 {
    margin-left: 83.33333%;
  }

  .ecl-offset-lg-11 {
    margin-left: 91.66667%;
  }
}

/* Search form */

.ecl-search-form {
  border: 1px solid #9f9f9f;
  display: -webkit-box;
  display: flex;
  margin: 0;
}

@media print {
  .ecl-search-form {
    display: none !important;
  }
}
.ecl-search-form__textfield-wrapper {
  border: 3px solid transparent;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.ecl-search-form__textfield {
  border: 0;
  margin-top: 0;
  padding: 0.66rem 0.89rem;
  display: inherit;
}

.ecl-search-form__button {
  flex-shrink: 0;
  padding: 0 1.66rem;
  position: relative;
  text-indent: -999em;
}

.ecl-search-form__button:before {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-right: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e823";
  font-size: 1.375rem;
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 996px) {
  .ecl-search-form__button {
    padding: 0 1rem;
    text-indent: 0;
  }

  .ecl-search-form__button:before {
    display: none !important;
  }
}
.ecl-search-form--internal {
  display: -webkit-box;
  display: flex;
}

.ecl-search-form--internal .ecl-search-form__textfield-wrapper {
  border-color: #fff;
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
}

.ecl-search-form--internal .ecl-search-form__textfield-wrapper:before {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-right: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e823";
  color: #cfcfcf;
  font-size: 1.125rem;
  left: 0.66rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ecl-search-form--internal .ecl-search-form__textfield {
  padding-left: 2.445rem;
}

/* Navigation  */
.ecl-navigation-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*added background and border to override ecl3 style */

.ecl-navigation-list__item {
  flex-shrink: 0;
  background-color: none;
	border: none;
}

.ecl-navigation-list__link {
  border-bottom: 2px solid transparent;
  display: block;
  font-weight: 700;
  padding: 0.89rem 1rem;
  text-decoration: none;
}

.ecl-navigation-list__link:hover {
  text-decoration: underline;
}

.ecl-navigation-list__link:focus {
  background-color: #ffd617;
  border-bottom-color: #ffd617;
}

.ecl-navigation-list__link--active, .ecl-navigation-list__link[aria-selected=true] {
  color: #404040;
}

.ecl-navigation-list__link--active:hover, .ecl-navigation-list__link[aria-selected=true]:hover {
  text-decoration: none;
}

.ecl-navigation-list--tabs {
  border-bottom: 2px solid #9f9f9f;
}

.ecl-navigation-list--tabs .ecl-navigation-list__item {
  margin-bottom: -2px;
}

.ecl-navigation-list--tabs .ecl-navigation-list__link--active, .ecl-navigation-list--tabs .ecl-navigation-list__link[aria-selected=true] {
  border: 2px solid #9f9f9f;
  border-bottom-color: #fff;
  text-decoration: none;
}

.ecl-navigation-list--tabs .ecl-navigation-list__link--active:focus, .ecl-navigation-list--tabs .ecl-navigation-list__link[aria-selected=true]:focus {
  border-bottom-color: transparent;
}

.ecl-navigation-list--small .ecl-navigation-list__link {
  border-bottom-width: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  padding: 0.66rem;
}

.ecl-navigation-menu {
  background-color: #4073af;
  margin: 0;
}

.ecl-navigation-menu__root {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.ecl-navigation-menu__root[aria-hidden=true] {
  display: none;
}

.no-js .ecl-navigation-menu__root[aria-hidden=true] {
  display: -webkit-box;
  display: flex;
}

.ecl-navigation-menu__root:before {
  background-color: #bfd0e4;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
}

.ecl-navigation-menu__toggle {
  background-color: #4073af;
  border-width: 0;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 1.66rem 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.ecl-navigation-menu__group {
  display: none;
  list-style: none;
  padding: 1rem 0;
  position: relative;
}

.ecl-navigation-menu__group:before {
  background-color: #f5f5f5;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 100vw;
}

.ecl-navigation-menu__title {
  color: #404040;
  font-size: 1.125rem;
  padding-bottom: 0.89rem;
  padding-top: 0.89rem;
}

.ecl-navigation-menu__links {
  line-height: 1.25rem;
}

.ecl-navigation-menu__link {
  -webkit-box-align: center;
  align-items: center;
  background-color: transparent;
  border-bottom: 1px solid #7fa1c9;
  border-left-width: 0;
  border-right-width: 0;
  border-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #012b58;
  display: -webkit-box;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1rem 0;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.ecl-navigation-menu__root > .ecl-navigation-menu__item {
  background-color: #bfd0e4;
}

.ecl-navigation-menu__item--active {
  background-color: #4073af;
  position: relative;
}

.ecl-navigation-menu__item--active > .ecl-navigation-menu__link {
  color: #fff;
}

.ecl-navigation-menu__item--active:before {
  background-color: #4073af;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
}

.ecl-navigation-menu__root > .ecl-navigation-menu__item--active {
  background-color: #4073af;
}

.ecl-navigation-menu__group .ecl-navigation-menu__link:focus, .ecl-navigation-menu__group .ecl-navigation-menu__link:hover {
  text-decoration: underline;
}

.ecl-navigation-menu__item:last-child .ecl-navigation-menu__link {
  border-bottom-width: 0;
}

.ecl-navigation-menu__link[aria-expanded]:after {
  padding-left: 0.33rem;
}

.no-js .ecl-navigation-menu__link[aria-expanded]:after {
  display: none;
}

.ecl-navigation-menu__link[aria-expanded=false]:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e81f";
}

.ecl-navigation-menu__link[aria-expanded=true] {
  border-bottom-width: 0;
}

.ecl-navigation-menu__link[aria-expanded=true]:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e827";
}

.ecl-navigation-menu__link ~ .ecl-navigation-menu__group .ecl-navigation-menu__link {
  border-bottom-width: 0;
  font-weight: 400;
}

.ecl-navigation-menu__link ~ .ecl-navigation-menu__group .ecl-navigation-menu__link:after {
  display: none;
}

.ecl-navigation-menu__link ~ .ecl-navigation-menu__group .ecl-navigation-menu__link--active {
  font-weight: 700;
}

.ecl-navigation-menu__link[aria-expanded=true] ~ .ecl-navigation-menu__group {
  display: block;
}

.ecl-navigation-menu__hamburger-box {
  left: 0;
  position: absolute;
  top: 50%;
}

.ecl-navigation-menu__hamburger-label {
  padding-left: 2.66rem;
}

.ecl-navigation-menu__hamburger-inner {
  display: block;
  margin-top: -0.1em;
}

.ecl-navigation-menu__hamburger-inner, .ecl-navigation-menu__hamburger-inner:after, .ecl-navigation-menu__hamburger-inner:before {
  background-color: #fff;
  border-radius: 0.1em;
  height: 0.2em;
  position: absolute;
  width: 1.66rem;
}

.ecl-navigation-menu__hamburger-inner:after, .ecl-navigation-menu__hamburger-inner:before {
  content: "";
  display: block;
}

.ecl-navigation-menu__hamburger-inner:before {
  top: -0.5em;
}

.ecl-navigation-menu__hamburger-inner:after {
  bottom: -0.5em;
}

.ecl-navigation-menu__hamburger--squeeze .ecl-navigation-menu__hamburger-inner {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.ecl-navigation-menu__hamburger--squeeze .ecl-navigation-menu__hamburger-inner:before {
  -webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}

.ecl-navigation-menu__hamburger--squeeze .ecl-navigation-menu__hamburger-inner:after {
  -webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.ecl-navigation-menu__hamburger--squeeze[aria-expanded=true] .ecl-navigation-menu__hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ecl-navigation-menu__hamburger--squeeze[aria-expanded=true] .ecl-navigation-menu__hamburger-inner:before {
  opacity: 0;
  top: 0;
  -webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
}

.ecl-navigation-menu__hamburger--squeeze[aria-expanded=true] .ecl-navigation-menu__hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}

@media (min-width: 768px) {
  .ecl-navigation-menu {
    background-color: #bfd0e4;
  }

  .ecl-navigation-menu__root {
    background-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .ecl-navigation-menu__root[aria-hidden=true] {
    display: -webkit-box;
    display: flex;
  }

  .ecl-navigation-menu__root:before, .ecl-navigation-menu__toggle {
    display: none;
  }

  .ecl-navigation-menu__group {
    flex-wrap: wrap;
    left: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    width: 100%;
  }

  .ecl-navigation-menu__link {
    border-bottom-width: 0;
    margin: 0;
    padding: 1rem;
  }

  .ecl-navigation-menu__group .ecl-navigation-menu__link {
    padding: 0.66rem 0;
  }

  .ecl-navigation-menu__link[aria-expanded]:after {
    position: relative;
  }

  .ecl-navigation-menu__link[aria-expanded=true] {
    background-color: #f5f5f5;
    color: #012b58;
  }

  .ecl-navigation-menu__link[aria-expanded=true] ~ .ecl-navigation-menu__group {
    -webkit-box-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: flex;
    z-index: 10;
  }

  .ecl-navigation-menu__item {
    display: -webkit-box;
    display: flex;
  }

  .ecl-navigation-menu__group .ecl-navigation-menu__item {
    flex-basis: 25%;
  }

  .ecl-navigation-menu__item--active {
    position: static;
  }

  .ecl-navigation-menu__item--active:before {
    display: none;
  }
}

/* header */

.ecl-site-header {
  background-color: #fff;
  margin: 0;
  width: 100%;
}

/* added attributes to override new styles */
.ecl-site-header__banner {
	background-color: transparent;  
	-webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  padding-bottom: 1rem;
  padding-top: 1rem;
  font: inherit;
  margin-top: 0cm;
}

.ecl-site-header__banner > * {
  margin-top: 1rem;
}

.ecl-site-header__logo {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
}

.ecl-site-header__language-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 0;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

/* added attributes to override ecl3 style */
.ecl-site-header__search {
  -webkit-box-flex: 1;
  flex-grow: 1;

  background-color: transparent;
  box-shadow: none;
  box-sizing: inherit;
  color: transparent;
  font: inherit;
  left: 0;
  margin-top: 1rem;
  padding: 0;
  position: inherit;
  width: auto;
  z-index: auto;
}

/* added padding to override ecl3 style */
.ecl-page-header {
  background-color: #004494;
  color: #fff;
  margin: 0;
  padding: 0;
}

.ecl-page-header__body {
  padding: 0.66rem 0 !important;
}

.ecl-page-header__meta, .ecl-page-header__title {
  margin-top: 1.66rem;
}

.ecl-page-header__identity {
  color: #bfd0e4;
  font-size: 1.375rem;
  margin-bottom: 0.66rem;
  margin-top: 0.66rem;
  
}

.ecl-page-header__intro {
  color: #fff;
  font-size: 1.375rem;
  line-height: 1.45;
  max-width: 40em;
}

.ecl-page-header__label {
  font-size: 0.875rem;
  text-transform: uppercase;
}

.ecl-page-header--image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.ecl-page-header--image .ecl-container {
  z-index: 2;
}

.ecl-page-header--image:after {
  clear: both;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left top, right top, from(#004494), color-stop(80%, rgba(0, 68, 148, 0.75)), to(rgba(0, 68, 148, 0.5)));
  background: linear-gradient(90deg, #004494 0, rgba(0, 68, 148, 0.75) 80%, rgba(0, 68, 148, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004494",endColorstr="#80004494",GradientType=1);
}

@media (max-width: 768px) {
  .ecl-page-header--image:after {
    background: -webkit-gradient(linear, left top, right top, from(#004494), color-stop(80%, rgba(0, 68, 148, 0.9)), to(rgba(0, 68, 148, 0.8)));
    background: linear-gradient(90deg, #004494 0, rgba(0, 68, 148, 0.9) 80%, rgba(0, 68, 148, 0.8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004494",endColorstr="#cc004494",GradientType=1);
  }
}
.ecl-page-header--highlight {
  padding-bottom: 1.66rem;
}

.ecl-page-header--highlight .ecl-page-header__body {
  background-color: #012b58;
  padding-bottom: 0.89rem;
}

@media (min-width: 480px) {
  .ecl-page-header--highlight {
    padding-bottom: 0;
  }

  .ecl-page-header--highlight .ecl-page-header__body {
    background-color: #004494;
    padding-bottom: 4.44rem;
    padding-top: 4.44rem;
  }

  .ecl-page-header__label {
    background-color: #012b58;
    display: inline-block;
    line-height: 2.4;
    padding-left: 1.66rem;
    padding-right: 1.66rem;
  }

  .ecl-page-header__highlight {
    background-color: #fff;
    color: #004494;
    font-size: 1.375rem;
    max-width: 22em;
    padding: 1rem 1.66rem;
  }
}

/* added to override ecl3 style */
.ecl-page-header .ecl-container>:first-child:not(.ecl-page-header__breadcrumb),
.ecl-page-header .ecl-container>div:first-of-type {
 margin-top:0;
 padding-top:0;
}
.ecl-page-header .ecl-container>div:last-of-type {
 margin-bottom:0;
 padding-bottom:0
}

/*------------------------------------*\
  #STYLES FOR HEADER ECL2 in ECL3 pages
\*------------------------------------*/
.ecl-custom-button__log-out {
    padding: 0.67rem;
}

.ecl-site-header__banner-custom {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
}


.ecl-dialog-custom {
/*     height: auto; */
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
/*     width: auto; */
}

.ecl-site-header__banner-custom > * {
    margin-top: 1rem;
}

.ecl-text-input-custom {
	line-height: 1.6;
	width: 100%;
}