.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row, .banner--video, .context-nav, .file, .hero-links__items, .listing__wrapper--maxwidth, .listing__wrapper--three-columns,
.listing__wrapper--two-columns, .listing__wrapper--row-three .listing,
.listing__wrapper--row-two .listing {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .banner--video:before, .context-nav:before, .file:before, .hero-links__items:before, .listing__wrapper--maxwidth:before, .listing__wrapper--three-columns:before,
  .listing__wrapper--two-columns:before, .listing__wrapper--row-three .listing:before,
  .listing__wrapper--row-two .listing:before, .row:after, .banner--video:after, .context-nav:after, .file:after, .hero-links__items:after, .listing__wrapper--maxwidth:after, .listing__wrapper--three-columns:after,
  .listing__wrapper--two-columns:after, .listing__wrapper--row-three .listing:after,
  .listing__wrapper--row-two .listing:after {
    content: " ";
    display: table; }
  .row:after, .banner--video:after, .context-nav:after, .file:after, .hero-links__items:after, .listing__wrapper--maxwidth:after, .listing__wrapper--three-columns:after,
  .listing__wrapper--two-columns:after, .listing__wrapper--row-three .listing:after,
  .listing__wrapper--row-two .listing:after {
    clear: both; }

.col-xs-1, .col-sm-1, .file__icon, .col-md-1, .file__icon, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .context-nav__label, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .footer__column, .listing__wrapper--three-columns .listing, .listing__wrapper--row-three .listing__item, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .featured-item__image, .col-lg-5, .col-xs-6, .col-sm-6, .hero-links__items .hero-links__item, .listing__wrapper--two-columns .listing, .col-md-6, .banner__left, .banner__paragraph, .comment__form-wrapper, .listing__wrapper--row-two .listing__item, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .featured-item__content, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .listing__wrapper--maxwidth .listing, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .context-nav__items, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .context-nav__label, .context-nav__items, .hero-links__items .hero-links__item, .col-sm-12, .col-md-12, .banner__content, .listing__wrapper--three-columns .featured-item__image,
.listing__wrapper--three-columns .featured-item__content,
.section--row-three .featured-item__image,
.section--row-three .featured-item__content, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .context-nav__label, .context-nav__items, .hero-links__items .hero-links__item {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

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

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

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

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

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

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12, .context-nav__label, .context-nav__items, .hero-links__items .hero-links__item {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .file__icon, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .hero-links__items .hero-links__item, .listing__wrapper--two-columns .listing, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1, .file__icon {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6, .hero-links__items .hero-links__item, .listing__wrapper--two-columns .listing {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .file__icon, .col-md-2, .col-md-3, .context-nav__label, .col-md-4, .footer__column, .listing__wrapper--three-columns .listing, .listing__wrapper--row-three .listing__item, .col-md-5, .featured-item__image, .col-md-6, .banner__left, .banner__paragraph, .comment__form-wrapper, .listing__wrapper--row-two .listing__item, .col-md-7, .featured-item__content, .col-md-8, .listing__wrapper--maxwidth .listing, .col-md-9, .context-nav__items, .col-md-10, .col-md-11, .col-md-12, .banner__content, .listing__wrapper--three-columns .featured-item__image,
  .listing__wrapper--three-columns .featured-item__content,
  .section--row-three .featured-item__image,
  .section--row-three .featured-item__content {
    float: left; }
  .col-md-1, .file__icon {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3, .context-nav__label {
    width: 25%; }
  .col-md-4, .footer__column, .listing__wrapper--three-columns .listing, .listing__wrapper--row-three .listing__item {
    width: 33.3333333333%; }
  .col-md-5, .featured-item__image {
    width: 41.6666666667%; }
  .col-md-6, .banner__left, .banner__paragraph, .comment__form-wrapper, .listing__wrapper--row-two .listing__item {
    width: 50%; }
  .col-md-7, .featured-item__content {
    width: 58.3333333333%; }
  .col-md-8, .listing__wrapper--maxwidth .listing {
    width: 66.6666666667%; }
  .col-md-9, .context-nav__items {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12, .banner__content, .listing__wrapper--three-columns .featured-item__image,
  .listing__wrapper--three-columns .featured-item__content,
  .section--row-three .featured-item__image,
  .section--row-three .featured-item__content {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label, .inpage-nav__navbar .inpage-nav__toggle .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none;
  visibility: hidden; }
  .collapse.in {
    display: block;
    visibility: visible; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.embed-responsive, .file--video .file__container {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item, .file--video .file__container .embed-responsive-item, .embed-responsive .file--video iframe, .file--video .embed-responsive iframe, .file--video .file__container iframe, .embed-responsive
  .file--video video,
  .file--video .embed-responsive video, .file--video .file__container video,
  .embed-responsive iframe, .file--video .file__container iframe,
  .embed-responsive embed, .file--video .file__container embed,
  .embed-responsive object, .file--video .file__container object,
  .embed-responsive video, .file--video .file__container video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }
  .embed-responsive.embed-responsive-16by9, .file--video .file__container {
    padding-bottom: 56.25%; }
  .embed-responsive.embed-responsive-4by3, .file--video .embed-responsive-4by3.file__container {
    padding-bottom: 75%; }

@media print {
  .hidden-print, .btn, .inpage-nav__navbar .inpage-nav__toggle, .breadcrumb, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select, .feedback-form__wrapper, .file, .footer__improved,
  .footer__top,
  .footer__bottom, .help-block, .inpage-nav__wrapper, .lang-select-site, .lang-select-page, .icon.lang-select-page__icon, .date-picker .lang-select-page__icon.date-picker--icon, .file--link .lang-select-page__icon.file__title::before, .lang-select-page__icon.search-form__btn, .search-form--improved .lang-select-page__icon.search-form__textfield-wrapper, select.lang-select-page__list, .feedback-message, .notification, .site-switcher, .search-form, .skip-link,
  #skip-link, .social-media-links, .social-media-links--field {
    display: none !important; } }

.reset-lists, .file__translations .file__translations-list, .listing, .site-switcher__list, .site-user-menu__list, .social-media-links__list {
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none; }

/*
Buttons

Custom bootstrap buttons styling.

Markup: html/btn.html

.btn-default     - Button default
.btn-primary     - Button primary
.btn-secondary   - Button secondary
.btn-ctn         - Button call to action
.btn-menu        - Button menu
.btn--margin-top   - Button modifier, margin on top
.btn--margin-right - Button modifier, margin on right

Style guide: buttons
*/
.btn, .inpage-nav__navbar .inpage-nav__toggle {
  min-height: 2.75em;
  margin-bottom: 1em;
  padding: 0.5em 1em;
  line-height: 1.5;
  white-space: normal;
  text-align: left;
  font-size: 0.889em;
  font-weight: 600;
  border-width: 2px;
  border-radius: 0;
  text-decoration: none; }
  .btn:focus, .inpage-nav__navbar .inpage-nav__toggle:focus {
    outline: 3px solid #ffd617;
    outline-offset: -3px;
    text-decoration: underline; }
  .btn:link, .inpage-nav__navbar .inpage-nav__toggle:link {
    text-decoration: none; }
  .btn:hover, .inpage-nav__navbar .inpage-nav__toggle:hover, .btn:active, .inpage-nav__navbar .inpage-nav__toggle:active, .btn:focus, .inpage-nav__navbar .inpage-nav__toggle:focus {
    position: relative;
    text-decoration: underline;
    z-index: 999;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn::after, .inpage-nav__navbar .inpage-nav__toggle::after {
    position: static;
    line-height: inherit; }
  .btn.btn-default, .btn.btn-collapse, .inpage-nav__navbar .btn-collapse.inpage-nav__toggle, .inpage-nav__navbar .btn-default.inpage-nav__toggle {
    background: none;
    color: #004494;
    border-color: #004494; }
    .btn.btn-default:hover, .btn.btn-collapse:hover, .inpage-nav__navbar .btn-collapse.inpage-nav__toggle:hover, .inpage-nav__navbar .btn-default.inpage-nav__toggle:hover, .btn.btn-default:focus, .btn.btn-collapse:focus, .inpage-nav__navbar .btn-collapse.inpage-nav__toggle:focus, .inpage-nav__navbar .btn-default.inpage-nav__toggle:focus {
      background-color: #004494;
      color: #fff; }
  .btn.btn-primary, .inpage-nav__navbar .btn-primary.inpage-nav__toggle {
    border-color: #004494; }
    .btn.btn-primary:hover, .inpage-nav__navbar .btn-primary.inpage-nav__toggle:hover, .btn.btn-primary:active, .inpage-nav__navbar .btn-primary.inpage-nav__toggle:active {
      background-color: #fff;
      color: #004494; }
    .btn.btn-primary:focus, .inpage-nav__navbar .btn-primary.inpage-nav__toggle:focus {
      background-color: #004494;
      color: #fff; }
  .btn.btn-secondary, .inpage-nav__navbar .btn-secondary.inpage-nav__toggle {
    background-color: #fff;
    color: #004494;
    border-color: #fff; }
  .btn.btn-ctn, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline, .timeline .btn.btn-timeline {
    background-color: #ffd617;
    color: #000; }
    .btn.btn-ctn:hover, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:hover, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline:hover, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline:hover, .timeline .btn.btn-timeline:hover, .btn.btn-ctn:active, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:active, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline:active, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline:active, .timeline .btn.btn-timeline:active {
      background-color: #ffd617;
      border-color: #404040; }
    .btn.btn-ctn:focus, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:focus, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline:focus, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline:focus, .timeline .btn.btn-timeline:focus {
      border-color: #404040;
      outline-color: #404040; }
    .btn.btn-ctn::after, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle::after, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline::after, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline::after, .timeline .btn.btn-timeline::after {
      margin-left: 10px; }
  .btn.btn-menu, .inpage-nav__navbar .btn-menu.inpage-nav__toggle {
    background-color: #004494;
    color: #fff;
    border-color: #004494; }
    .btn.btn-menu:hover, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:hover, .btn.btn-menu:active, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:active, .btn.btn-menu:focus, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:focus {
      color: #fff; }
    .btn.btn-menu:focus, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:focus {
      outline: 3px solid #ffd617;
      outline-offset: -3px;
      text-decoration: underline; }
    .btn.btn-menu::after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle::after {
      margin-left: 10px; }

.btn--margin-top {
  margin-top: 0.556em; }

.btn--margin-right {
  margin-right: 1.5em; }

.btn--no-margin-bottom {
  margin-bottom: 0 !important; }
  .btn--no-margin-bottom * {
    margin-bottom: 0 !important; }

/*
Button Condensed

Button condensed element.

Markup: html/btn-condensed.html

Style guide: buttons.btn--condensed
*/
.btn.btn--condensed, .inpage-nav__navbar .btn--condensed.inpage-nav__toggle {
  width: auto;
  font-weight: normal; }

/*
Button block

Button block component.

Markup: html/btn-block.html

Style guide: buttons.btn-block
*/
.btn-block {
  max-width: 450px;
  width: 100%;
  margin-bottom: -2px !important; }
  .btn-block:last-child {
    margin-bottom: 10px; }
  .btn-block + .btn-block {
    margin-top: 0; }

/*
Button Search

Button search component.

Markup: html/btn-search.html

Style guide: buttons.btn-search
*/
.btn.btn-search, .inpage-nav__navbar .btn-search.inpage-nav__toggle {
  background-color: #e3e3e3;
  color: #004494;
  border-color: #fff; }
  .btn.btn-search:hover, .inpage-nav__navbar .btn-search.inpage-nav__toggle:hover {
    background-color: #e3e3e3;
    color: #404040; }

/*
Button Collapse

Button collapse element.

Markup: html/btn-collapse.html

Style guide: buttons.btn-collapse
*/
.btn-collapse .icon, .btn-collapse .date-picker .date-picker--icon, .date-picker .btn-collapse .date-picker--icon, .btn-collapse .file--link .file__title::before, .file--link .btn-collapse .file__title::before, .btn-collapse .search-form__btn, .btn-collapse .search-form--improved .search-form__textfield-wrapper, .search-form--improved .btn-collapse .search-form__textfield-wrapper {
  margin-left: 0.3em; }
  .btn-collapse .icon::before, .btn-collapse .date-picker .date-picker--icon::before, .date-picker .btn-collapse .date-picker--icon::before, .btn-collapse .file--link .file__title::before, .file--link .btn-collapse .file__title::before, .btn-collapse .search-form__btn::before, .btn-collapse .search-form--improved .search-form__textfield-wrapper::before, .search-form--improved .btn-collapse .search-form__textfield-wrapper::before {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }

.btn-collapse:hover .icon::before, .btn-collapse:hover .date-picker .date-picker--icon::before, .date-picker .btn-collapse:hover .date-picker--icon::before, .btn-collapse:hover .file--link .file__title::before, .file--link .btn-collapse:hover .file__title::before, .btn-collapse:hover .search-form__btn::before, .btn-collapse:hover .search-form--improved .search-form__textfield-wrapper::before, .search-form--improved .btn-collapse:hover .search-form__textfield-wrapper::before, .btn-collapse:focus .icon::before, .btn-collapse:focus .date-picker .date-picker--icon::before, .date-picker .btn-collapse:focus .date-picker--icon::before, .btn-collapse:focus .file--link .file__title::before, .file--link .btn-collapse:focus .file__title::before, .btn-collapse:focus .search-form__btn::before, .btn-collapse:focus .search-form--improved .search-form__textfield-wrapper::before, .search-form--improved .btn-collapse:focus .search-form__textfield-wrapper::before {
  color: #fff;
  text-decoration: underline; }

.btn-collapse:hover .icon::before, .btn-collapse:hover .date-picker .date-picker--icon::before, .date-picker .btn-collapse:hover .date-picker--icon::before, .btn-collapse:hover .file--link .file__title::before, .file--link .btn-collapse:hover .file__title::before, .btn-collapse:hover .search-form__btn::before, .btn-collapse:hover .search-form--improved .search-form__textfield-wrapper::before, .search-form--improved .btn-collapse:hover .search-form__textfield-wrapper::before, .btn-collapse:focus .icon::before, .btn-collapse:focus .date-picker .date-picker--icon::before, .date-picker .btn-collapse:focus .date-picker--icon::before, .btn-collapse:focus .file--link .file__title::before, .file--link .btn-collapse:focus .file__title::before, .btn-collapse:focus .search-form__btn::before, .btn-collapse:focus .search-form--improved .search-form__textfield-wrapper::before, .search-form--improved .btn-collapse:focus .search-form__textfield-wrapper::before {
  text-decoration: none; }

.no-js .btn-collapse {
  display: none; }

a.btn[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]), .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]) {
  padding-right: 2.2em; }
  a.btn[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"])::after, .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"])::after {
    position: absolute;
    line-height: 1.9 !important; }
  a.btn[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]).btn-block, .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]).btn-block {
    padding-right: 1em; }
    a.btn[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]).btn-block::after, .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]).btn-block::after {
      position: static;
      line-height: inherit; }
  a.btn[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]).btn-ctn::after, .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]).btn-ctn::after, .inpage-nav__navbar .timeline a[href^="http"].inpage-nav__toggle.btn-timeline:not(.is-internal):not([href*="ec.europa.eu"])::after, .timeline .inpage-nav__navbar a[href^="http"].inpage-nav__toggle.btn-timeline:not(.is-internal):not([href*="ec.europa.eu"])::after, .timeline a.btn[href^="http"].btn-timeline:not(.is-internal):not([href*="ec.europa.eu"])::after, a.btn[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]).btn-menu::after, .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]).btn-menu::after {
    line-height: 2.0 !important; }

/*
Headings

Site headings. They also can be applied by adding a class with the name of
the heading tag.

Markup: html/headings.html

.h1 - Heading 1
.h2 - Heading 2
.h3 - Heading 3
.h4 - Heading 4
.h5 - Heading 5
.h6 - Heading 6

Style guide Typography.headings
*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.field .label-above,
.listing__item .listing__title,
.h4,
.h5,
.h6 {
  margin: 0;
  padding: 0.5em 0; }

h3,
h4,
h5,
h6 {
  max-width: 32em; }

h1,
.h1 {
  font-size: 2.222em;
  font-weight: 600;
  color: #000; }

h2,
.h2 {
  font-size: 1.667em;
  font-weight: 600;
  color: #000; }

h3,
.h3,
.field .label-above,
.listing__item .listing__title {
  font-size: 1.222em;
  font-weight: 600;
  color: #404040; }

h4,
.h4 {
  font-size: 1em;
  font-weight: 600;
  color: #404040; }

h5,
.h5 {
  font-size: 0.778em;
  color: #404040;
  text-transform: uppercase; }

h6,
.h6 {
  font-size: 0.778em;
  color: #404040;
  text-transform: uppercase; }

/*
Link

Markup: html/link.html

Style guide Typography.link
*/
a:focus {
  outline: 3px solid #ffd617;
  outline-offset: 2px;
  text-decoration: underline; }

a:link {
  text-decoration: underline; }

a:hover, a:active, a:focus {
  text-decoration: underline;
  color: #404040; }

.site-switcher a,
.feedback-form a {
  z-index: 999;
  text-decoration: none; }
  .site-switcher a:focus,
  .feedback-form a:focus {
    outline: 3px solid #ffd617;
    outline-offset: 10px;
    text-decoration: underline; }

.listing a {
  text-decoration: none; }

a .feedback-form {
  outline-offset: 0; }

.listing--cta a:focus,
.site-switcher a:focus,
.node-featured-item a:focus {
  outline-offset: 0; }

.listing--frontpage a:focus {
  outline-offset: 10px; }
  .listing--frontpage a:focus .listing__title {
    text-decoration: underline;
    color: #404040; }

a.listing__item-link:focus .highlighted-item .highlighted-item__content {
  text-decoration: underline; }

.listing--cta a:focus {
  color: #fff; }

a.smaller,
.smaller a {
  font-size: 0.8em; }

a[href^="mailto"] {
  text-transform: lowercase; }

@media print {
  a::after {
    content: none !important; } }

.is-external, a[href^="http"]:not(.is-internal):not(.listing__item-link):not([href*="ec.europa.eu"]), .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .listing__title,
.listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .highlighted-item h3 {
  position: relative; }
  .is-external::after, a[href^="http"]:not([href*="ec.europa.eu"]):not(.is-internal):not(.listing__item-link)::after, .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .listing__title::after,
  .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .highlighted-item h3::after {
    content: '\e825';
    font-size: 75%;
    margin-left: 0.4em;
    margin-right: 0.2em; }

.page-content ul a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]).btn, .page-content ul .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]), .inpage-nav__navbar .page-content ul a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]),
.page-content p a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]).btn,
.page-content p .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]), .inpage-nav__navbar
.page-content p a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="ec.europa.eu"]) {
  padding-right: 2.1em; }

/*
Icon

Icons using europa icons font.

Markup: html/icon.html

.icon--external - External link icon
.icon--arrow-up - Arrow up icon
.icon--arrow-down - Arrow down icon
.icon--feedback - Feedback icon
.icon--spinner - Spinner icon
.icon--search - Search icon
.icon--language - Language icon
.icon--facebook - Facebook icon
.icon--twitter - Twitter icon
.icon--googleplus - G+ icon
.icon--linkedin - Linkedin icon
.icon--rss - RSS icon
.icon--up - Up icon
.icon--right - Right icon
.icon--down - Down icon
.icon--left - Left icon
.icon--file - File icon
.icon--audio - Audio icon
.icon--brochure - Brochure icon
.icon--edit - Edit icon
.icon--image - Image icon
.icon--download - Download icon
.icon--infographic - Infographic icon
.icon--multiple-files - Multiple files icon
.icon--organigram - Organigram icon
.icon--package - Package icon
.icon--slides - Slides icon
.icon--video - Video icon
.icon--error - Error icon
.icon--success - Success icon
.icon--warning - Warning icon
.icon--check - Check icon
.icon--generic-lang - Generic language icon
.icon--budget - Budget
.icon--digital - digital
.icon--energy - energy
.icon--euro - euro
.icon--global - global
.icon--growth - growth
.icon--regulation - regulation
.icon--tag-close - tag close
.icon--tag-close-hover - tag close with hover state
.icon--calendar - Calendar icon
.icon--location - Location icon
.icon--livestreaming - Live streaming icon
.icon--book - Book icon
.icon--data - Data icon
.icon--copy - Copy icon
.icon--spreadsheet - Spreadsheet icon
.icon--in - In icon
.icon--presentation - Presentation icon
.icon--info - Info icon
.icon--share - Share icon
.icon--faq - Faq icon

Style guide: icon
*/
@font-face {
  font-family: 'EuropaIcons';
  src: url("../fonts/europa-icons/europa-icons.eot");
  src: url("../fonts/europa-icons/europa-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/europa-icons/europa-icons.woff") format("woff"), url("../fonts/europa-icons/europa-icons.ttf") format("truetype"), url("../fonts/europa-icons/icomoon.svg#icomoon") format("svg"); }

.icon::before, .date-picker .date-picker--icon::before, .file--link .file__title::before, .search-form__btn::before, .search-form--improved .search-form__textfield-wrapper::before {
  text-decoration: none;
  display: inline-block;
  font-family: 'EuropaIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  margin-right: 4px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--after, .btn.btn-ctn::after, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle::after, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline::after, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline::after, .timeline .btn.btn-timeline::after, .btn.btn-menu::after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle::after, .is-external::after, a[href^="http"]:not([href*="ec.europa.eu"]):not(.is-internal):not(.listing__item-link)::after, .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .listing__title::after,
.listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .highlighted-item h3::after, .breadcrumb__link-arrow, a.breadcrumb__link::after, .no-js .breadcrumb__segment--first::before, .breadcrumb--collapsible .breadcrumb__btn-separator::after, .file__btn::after, .file__translations .file__translations-control::after, .gallery-overlay__media .gallery-overlay__media-previous a::before,
.gallery-overlay__media .gallery-overlay__media-previous i::before,
.gallery-overlay__media .gallery-overlay__media-next a::before,
.gallery-overlay__media .gallery-overlay__media-next i::before, .gallery-overlay__close .ui-button-icon-primary::after, .gallery-overlay__sidebar .gallery-overlay__download a::after, .gallery-overlay__sidebar .gallery-overlay__share a::after, .lang-select-page--transparent select.lang-select-page__list::after, .listing__title--arrow::after, .listing--cta .listing__item .listing__title::after, .listing__read-more::after, .notification__content .notification__btn::after, .facet-tag--close .facet-tag__value::after, .facet-tag--close .facet-tag__value:hover::after {
  display: inline-block;
  margin-left: 4px;
  line-height: 1;
  font-family: 'EuropaIcons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: underline;
  speak: none; }

.icon--after, .btn.btn-ctn::after, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle::after, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline::after, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline::after, .timeline .btn.btn-timeline::after, .btn.btn-menu::after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle::after, .is-external::after, a[href^="http"]:not([href*="ec.europa.eu"]):not(.is-internal):not(.listing__item-link)::after, .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .listing__title::after,
.listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .highlighted-item h3::after, .breadcrumb__link-arrow, a.breadcrumb__link::after, .no-js .breadcrumb__segment--first::before, .breadcrumb--collapsible .breadcrumb__btn-separator::after, .file__btn::after, .file__translations .file__translations-control::after, .gallery-overlay__media .gallery-overlay__media-previous a::before,
.gallery-overlay__media .gallery-overlay__media-previous i::before,
.gallery-overlay__media .gallery-overlay__media-next a::before,
.gallery-overlay__media .gallery-overlay__media-next i::before, .gallery-overlay__close .ui-button-icon-primary::after, .gallery-overlay__sidebar .gallery-overlay__download a::after, .gallery-overlay__sidebar .gallery-overlay__share a::after, .lang-select-page--transparent select.lang-select-page__list::after, .listing__title--arrow::after, .listing--cta .listing__item .listing__title::after, .listing__read-more::after, .notification__content .notification__btn::after, .facet-tag--close .facet-tag__value::after, .facet-tag--close .facet-tag__value:hover::after {
  text-decoration: none; }

.icon--external, .icon--external::before {
  content: '\e825'; }

.icon--book, .icon--book::before {
  content: '\0022'; }

.icon--data, .icon--data::before {
  content: '\24'; }

.icon--file, .icon--file::before, .file--link .file__title::before, .file--link .file__title[href$=".pdf"]::before {
  content: '\26'; }

.icon--copy, .icon--copy::before {
  content: '\29'; }

.icon--spreadsheet, .icon--spreadsheet::before {
  content: '\2d'; }

.icon--video, .icon--video::before {
  content: '\e800'; }

.icon--audio, .icon--audio::before {
  content: '\e801'; }

.icon--brochure, .icon--brochure::before {
  content: '\e802'; }

.icon--euro, .icon--euro::before {
  content: '\e803'; }

.icon--warning, .icon--warning::before {
  content: '\e804'; }

.icon--spinner, .icon--spinner::before {
  content: '\e805'; }

.icon--in, .icon--in::before {
  content: '\e806'; }

.icon--edit, .icon--edit::before {
  content: '\e807'; }

.icon--facebook, .icon--facebook::before {
  content: '\e809'; }

.icon--digital, .icon--digital::before {
  content: '\e80b'; }

.icon--googleplus, .icon--googleplus::before {
  content: '\e80c'; }

.icon--image, .icon--image::before, .file--link .file__title[href$=".jpg"]::before {
  content: '\e80d'; }

.icon--package, .icon--package::before {
  content: '\e812'; }

.icon--infographic, .icon--infographic::before {
  content: '\e80f'; }

.icon--linkedin, .icon--linkedin::before {
  content: '\e810'; }

.icon--organigram, .icon--organigram::before {
  content: '\e811'; }

.icon--presentation, .icon--presentation::before, .file--link .file__title[href$=".ppt"]::before {
  content: '\e80e'; }

.icon--rss, .icon--rss::before {
  content: '\e813'; }

.icon--success, .icon--success::before {
  content: '\e814'; }

.icon--info, .icon--info::before {
  content: '\e815'; }

.icon--check, .icon--check::before {
  content: '\e816'; }

.icon--twitter, .icon--twitter::before {
  content: '\e817'; }

.icon--energy, .icon--energy::before {
  content: '\e818'; }

.icon--budget, .icon--budget::before {
  content: '\e81a'; }

.icon--location, .icon--location::before {
  content: '\e81b'; }

.icon--livestreaming, .icon--livestreaming::before {
  content: '\e81c'; }

.icon--calendar, .icon--calendar::before {
  content: '\e81d'; }

.icon--down, .icon--down::before, .file__translations .file__translations-control::after {
  content: '\e81f'; }

.icon--multiple-files, .icon--multiple-files::before {
  content: '\e820'; }

.icon--arrow-up, .icon--arrow-up::before {
  content: '\e821'; }

.icon--arrow-down, .btn.btn-menu::after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle::after, .icon--arrow-down::before, .lang-select-page--transparent select.lang-select-page__list::after {
  content: '\e822'; }

.icon--search, .icon--search::before, .search-form__btn::before, .search-form--improved .search-form__textfield-wrapper::before {
  content: '\e823'; }

.icon--language, .icon--language::before {
  content: '\e824'; }

.icon--left, .icon--left::before, .gallery-overlay__media .gallery-overlay__media-previous a::before,
.gallery-overlay__media .gallery-overlay__media-previous i::before {
  content: '\e826'; }

.icon--up, .icon--up::before {
  content: '\e827'; }

.icon--right, .btn.btn-ctn::after, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle::after, .inpage-nav__navbar .timeline .inpage-nav__toggle.btn-timeline::after, .timeline .inpage-nav__navbar .inpage-nav__toggle.btn-timeline::after, .timeline .btn.btn-timeline::after, .btn.btn-menu::after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle::after, .icon--right::before, .gallery-overlay__media .gallery-overlay__media-next a::before,
.gallery-overlay__media .gallery-overlay__media-next i::before, .listing__title--arrow::after, .listing--cta .listing__item .listing__title::after, .listing__read-more::after, .notification__content .notification__btn::after {
  content: '\e828'; }

.icon--global, .icon--global::before {
  content: '\e829'; }

.icon--growth, .icon--growth::before {
  content: '\e82a'; }

.icon--regulation, .icon--regulation::before {
  content: '\e82b'; }

.icon--close, .icon--close::before, .gallery-overlay__close .ui-button-icon-primary::after {
  content: '\e82c'; }

.icon--close-dark, .icon--close-dark::before {
  content: '\e82d'; }

.icon--error, .icon--error::before {
  content: '\e82f'; }

.icon--generic-lang, .icon--generic-lang::before {
  content: '\e81e'; }

.icon--breadcrumb, .icon--breadcrumb::before, .breadcrumb__link-arrow::before, .no-js .breadcrumb__segment--first::before {
  content: '\e828'; }

.icon--download, .icon--download::before, .file__btn::after, .gallery-overlay__sidebar .gallery-overlay__download a::after {
  content: '\e806'; }

.icon--tag-close, .icon--tag-close::before, .facet-tag--close .facet-tag__value::after {
  content: '\e82c'; }

.icon--feedback, .icon--feedback::before {
  content: '\e82e'; }

.icon--camera, .icon--camera::before {
  content: '\e800'; }

.icon--slides, .icon--slides::before {
  content: '\e80e'; }

.icon--share, .icon--share::before, .gallery-overlay__sidebar .gallery-overlay__share a::after {
  content: '\e808'; }

.icon--faq, .icon--faq::before {
  content: '\21'; }

.icon--blue-dark, .file__translations .file__translations-control::after {
  color: #004494; }

.icon--tag-close-hover, .icon--tag-close-hover::before, .facet-tag--close .facet-tag__value:hover::after {
  content: '\e82d'; }

.icon--yellowbg {
  background-color: #ffd617;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  display: inline-block; }
  .icon--yellowbg::before {
    margin-right: 0;
    line-height: inherit; }

.icon--text-small {
  font-size: 0.778em; }

.icon--margin-right {
  margin-right: 1.5em; }

.is-spinning::before {
  -webkit-animation: icon-spin-right 2s infinite linear;
  -o-animation: icon-spin-right 2s infinite linear;
  animation: icon-spin-right 2s infinite linear; }

@-webkit-keyframes icon-spin-right {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes icon-spin-right {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

/*
Banner

The banner itself is not a standalone component, the banner subcomponents should
always be used.

Style guide: banner
*/
/*
Quote Banner

Markup: html/banner--quote.html

Style guide: banner.quote
*/
.banner:before, .banner:after {
  content: " ";
  display: table; }

.banner:after {
  clear: both; }

.banner--quote {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0.556em;
  border-left: 0.556em solid #ffd617; }
  @media (min-width: 992px) {
    .banner--quote {
      float: left;
      width: 66.6666666667%; } }
  .banner--quote blockquote {
    max-width: none;
    margin-bottom: 0;
    padding-left: 0;
    border-left: none; }

.banner__author {
  padding-bottom: 0.6em;
  font-size: 0.778em;
  font-weight: 600; }
  .banner__author::before {
    content: ' - '; }

/*
Video Banner

Markup: html/banner--video.html

Style guide: banner.video
*/
.banner__video .file {
  margin-bottom: 0; }

.banner__paragraph {
  margin-top: 1em;
  font-size: 0.889em; }

.banner__caption {
  display: block;
  padding: 0.715em 1em;
  line-height: 1.5715;
  background-color: #ebebeb;
  font-size: 0.778em; }

@media (min-width: 992px) {
  .banner__paragraph {
    margin-top: 0; } }

/*
Background Banner

Markup: html/banner--background.html

Style guide: banner.background
*/
.banner--background {
  position: relative;
  overflow: hidden; }
  .banner--background h3 {
    padding-top: 1.365em;
    color: #004494; }
  .banner--background p {
    line-height: 1.45; }

.banner__image img {
  max-width: 200%; }

.banner__content {
  padding: 0 24px 6px !important;
  background-color: #fff;
  border-top: 3px solid #004494; }

@media (max-width: 992px) {
  .banner__image {
    padding: 0; } }

@media (min-width: 992px) {
  .banner--background {
    min-height: 370px;
    max-height: 370px; }
  .banner__image {
    position: absolute;
    z-index: 1; }
    .banner__image img {
      max-width: none; }
  .banner__content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: right !important;
    max-height: 250px;
    margin: 3.35em 3.35em 0 0;
    overflow: hidden;
    z-index: 2; } }
  @media (min-width: 992px) and (min-width: 992px) {
    .banner__content {
      float: left;
      width: 50%; } }

.block--full-width {
  margin-left: -15px;
  margin-right: -15px; }

@media (min-width: 1200px) {
  .block--full-width {
    margin: 0 -999em;
    padding: 0 999em; } }

@media (max-width: 500px) {
  .block--full-width {
    margin: 0; } }

/*
Breadcrumb

Markup: html/breadcrumb.html

Style guide breadcrumb
*/
.breadcrumb {
  position: relative;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 0.833em;
  font-weight: 600;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  line-height: normal; }
  .breadcrumb ol,
  .breadcrumb ul {
    list-style: none;
    max-width: none;
    margin: 0;
    padding: 0; }

.breadcrumb__segment {
  display: none;
  position: relative;
  width: 100%;
  margin: 1em 0 0.8em; }

a.breadcrumb__link {
  display: inline-block;
  max-width: 100%;
  margin-right: 8px;
  font-weight: bold;
  color: #fff;
  text-decoration: none; }
  a.breadcrumb__link::after {
    vertical-align: middle;
    position: relative;
    top: 1px; }
  a.breadcrumb__link:hover, a.breadcrumb__link:active, a.breadcrumb__link:focus {
    color: #fff; }
    a.breadcrumb__link:hover .breadcrumb__text, a.breadcrumb__link:active .breadcrumb__text, a.breadcrumb__link:focus .breadcrumb__text {
      text-decoration: underline; }

.breadcrumb__link-arrow, a.breadcrumb__link::after, .no-js .breadcrumb__segment--first::before, .breadcrumb--collapsible .breadcrumb__btn-separator::after {
  content: '\e828';
  line-height: inherit !important;
  margin-left: 8px !important;
  font-weight: normal;
  font-size: 0.778em;
  width: 11px;
  color: #fff; }

.breadcrumb__segment--last,
.breadcrumb__segment--first {
  display: inline-block; }

.no-js .breadcrumb__segment--first {
  padding-right: 25px; }
  .no-js .breadcrumb__segment--first::after {
    content: '...';
    display: inline-block;
    position: relative;
    top: -4px; }
  .no-js .breadcrumb__segment--first::before {
    position: absolute;
    top: 16%;
    right: 7px; }

@media (min-width: 480px) {
  .breadcrumb__link {
    width: auto; }
    .breadcrumb__link::after {
      position: static;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  .breadcrumb__segment {
    display: inline-block;
    width: auto; }
  .breadcrumb__segment--first {
    padding-right: 0; }
    .breadcrumb__segment--first::before, .breadcrumb__segment--first::after {
      display: none !important; } }

@media (min-width: 992px) {
  .breadcrumb {
    margin: 0 0 -1px; } }

/*
Breadcrumb collapsible

Markup: html/breadcrumb--collapsible.html

Style guide breadcrumb.collapsible
*/
.breadcrumb--collapsible .breadcrumb__btn-separator {
  display: inline-block;
  padding: 0 10px;
  line-height: 2.778em;
  background-color: #003776;
  color: #fff;
  cursor: pointer; }
  .breadcrumb--collapsible .breadcrumb__btn-separator:hover, .breadcrumb--collapsible .breadcrumb__btn-separator:active, .breadcrumb--collapsible .breadcrumb__btn-separator:focus {
    background-color: #fff;
    color: #004494; }
    .breadcrumb--collapsible .breadcrumb__btn-separator:hover::after, .breadcrumb--collapsible .breadcrumb__btn-separator:active::after, .breadcrumb--collapsible .breadcrumb__btn-separator:focus::after {
      color: #004494; }

.breadcrumb--collapsible .breadcrumb__link span {
  vertical-align: middle; }

.breadcrumb--collapsible .breadcrumb__text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.breadcrumb--collapsible .breadcrumb__segment--first {
  padding-right: 0; }
  .breadcrumb--collapsible .breadcrumb__segment--first::before, .breadcrumb--collapsible .breadcrumb__segment--first::after {
    display: none; }

.breadcrumb--collapsible .breadcrumb__segment--last {
  padding-left: 60px; }

.breadcrumb--collapsible .breadcrumb__segment:first-child:nth-last-child(2),
.breadcrumb--collapsible .breadcrumb__segment:first-child:nth-last-child(2) ~ .breadcrumb__segment {
  padding-left: 0; }

.breadcrumb--collapsible.is-open .breadcrumb__link {
  display: block; }

.breadcrumb--collapsible.is-open .breadcrumb__text {
  max-width: none;
  white-space: normal;
  overflow: visible; }

.breadcrumb--collapsible.is-open .breadcrumb__segment {
  display: block; }

.breadcrumb--collapsible.is-open .breadcrumb__segment--last {
  padding-left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

@media (min-width: 480px) {
  .breadcrumb--collapsible .breadcrumb__segment.is-hidden {
    display: none; }
  .breadcrumb--collapsible .breadcrumb__segment.breadcrumb__segment--next-hidden {
    padding-right: 25px; }
    .breadcrumb--collapsible .breadcrumb__segment.breadcrumb__segment--next-hidden::after {
      content: '...';
      display: inline-block !important;
      position: relative;
      top: -4px;
      color: #fff; }
    .breadcrumb--collapsible .breadcrumb__segment.breadcrumb__segment--next-hidden::before {
      content: '\e828' !important;
      display: inline-block !important;
      position: absolute;
      top: 30%;
      right: 0;
      margin-left: 8px !important;
      margin-right: 4px;
      line-height: inherit !important;
      font-family: 'EuropaIcons';
      font-size: 0.778em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      color: #fff;
      text-transform: none;
      text-decoration: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      speak: none; }
  .breadcrumb--collapsible .breadcrumb__btn-separator {
    display: none; }
  .breadcrumb--collapsible .breadcrumb__segment--first {
    width: auto; }
  .breadcrumb--collapsible .breadcrumb__segment--last {
    padding-left: 0; } }

/*
Comment

Markup: html/comment.html

Style guide comment
*/
.comment__form-wrapper {
  padding-left: 0;
  padding-right: 0; }

.comments__count {
  padding: 1.389em 0.556em; }

.comment__image {
  display: none; }
  .comment__image img {
    max-width: 6.944em;
    padding: 1px;
    border: 1px solid #ffd617; }

.comment__meta {
  padding-bottom: 0.833em;
  font-size: 0.889em;
  color: #575757;
  text-transform: uppercase; }
  .comment__meta a {
    color: #575757; }

.comment__body {
  position: relative;
  padding: 1.111em 1.389em;
  background-color: #fff;
  font-size: 0.889em; }

.comment__title {
  display: block;
  padding: 0.833em 0;
  font-size: 1em;
  font-weight: bold;
  color: #404040;
  border-top: 1px solid #ffd617; }
  .comment__title:focus {
    outline-offset: 0; }

.comment__author {
  display: inline-block;
  margin-right: 0.556em; }

.comment__date {
  display: inline-block;
  margin-left: 0 0.556em; }

.comment__btn-add-wrap {
  padding-left: 0; }

.comment__btn-add {
  margin-top: 0.833em; }

.comment {
  margin-bottom: 1em; }
  .comment .list-inline {
    padding-left: 0; }
    .comment .list-inline li {
      padding-left: 0; }

@media (min-width: 992px) {
  .comment__image {
    float: left;
    display: block;
    width: 16.6667%; }
  .comment__body {
    float: left;
    width: 50%; }
    .comment__body::before {
      position: absolute;
      top: 15%;
      right: 100%;
      width: 0;
      height: 0;
      margin-top: -0.556em;
      content: " ";
      border: 0.556em solid rgba(255, 255, 255, 0);
      border-right-color: #fff;
      pointer-events: none; } }

/*
Contextual navigation

Markup: html/context-nav.html

Style guide contextnav
*/
.context-nav {
  font-size: 0.778em; }
  .context-nav__expander {
    display: inline-block;
    color: #004494;
    border: none;
    cursor: pointer; }
    .context-nav__expander:hover {
      text-decoration: underline; }
  .context-nav__more-button {
    text-decoration: underline; }
    .context-nav__more-button .icon, .context-nav__more-button .date-picker .date-picker--icon, .date-picker .context-nav__more-button .date-picker--icon, .context-nav__more-button .file--link .file__title::before, .file--link .context-nav__more-button .file__title::before, .context-nav__more-button .search-form__btn, .context-nav__more-button .search-form--improved .search-form__textfield-wrapper, .search-form--improved .context-nav__more-button .search-form__textfield-wrapper {
      padding-left: 2px;
      top: 3px;
      position: relative; }
  .context-nav__hidden {
    display: none; }

.context-nav__label {
  display: block;
  clear: both; }

.context-nav__items {
  display: block;
  margin-bottom: 0.556em; }
  .context-nav__items:last-child {
    margin-bottom: 0; }

.context-nav__item {
  display: inline-block; }
  .context-nav__item::after {
    content: " |";
    color: #9f9f9f;
    margin-right: 4px; }
  .context-nav__item:last-child::after {
    display: none;
    margin-right: 0; }
  .context-nav__item a:focus {
    outline: 3px solid #ffd617;
    outline-offset: 2px;
    text-decoration: underline; }
  .context-nav__item a:link {
    text-decoration: none; }
  .context-nav__item a:hover {
    text-decoration: underline; }

@media (min-width: 992px) {
  .context-nav__items {
    margin-bottom: 0; } }

.context-nav__item .view-mode-name {
  display: inline-block; }

.context-nav__item > * {
  display: inline; }

/*
Date Block

Date components

Markup: html/date-block.html

Style guide date-block
*/
.date-block {
  position: relative;
  display: inline-block;
  min-width: 5.556em;
  min-height: 5.556em;
  margin-right: 0.75em;
  padding: 0.9em 0.5em 0.7em;
  background-color: #f5f5f5;
  text-align: center;
  border-bottom: 0.222em solid #ffd617; }
  .date-block::after {
    position: absolute;
    top: -0.667em;
    right: -0.200em;
    content: " ";
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-right: 1em solid #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }

.date-block__element, .date-block__year, .date-block__day-text, .date-block__day, .date-block__month {
  display: block;
  color: #404040; }

.date-block__year {
  line-height: 1;
  font-size: 0.889em; }

.date-block__day-text {
  line-height: 1.2;
  font-size: 0.778em; }

.date-block__day {
  line-height: 1.2;
  font-size: 1.667em;
  font-weight: 600; }

.date-block__month {
  line-height: 1;
  font-size: 0.889em;
  font-weight: 600; }

/*
Event Date Block

Date components

Markup: html/date-block-event.html

.ongoing - Ongoing live-streaming event date block
.cancelled      - cancelled Event date block

Style guide date-block.event
*/
.date-block.event.ongoing {
  background-color: #ffd617; }

.date-block.event.cancelled {
  border-bottom-color: #ebebeb; }
  .date-block.event.cancelled .date-block__element, .date-block.event.cancelled .date-block__year, .date-block.event.cancelled .date-block__day-text, .date-block.event.cancelled .date-block__day, .date-block.event.cancelled .date-block__month {
    text-decoration: line-through; }

/*
Past Event Date Block

Date components

Markup: html/date-block-event-past.html

.past - past Event date block

Style guide date-block.event.past
*/
.date-block.event.past {
  padding: 0.8em 0.5em 0.7em;
  background-color: #fff;
  border: 0.166em solid #9f9f9f; }
  .date-block.event.past .date-block__day {
    line-height: 1; }
  .date-block.event.past .date-block__month {
    line-height: 1.3; }
  .date-block.event.past::before {
    position: absolute;
    top: -0.85em;
    right: -0.4em;
    content: ' ';
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-right: 1em solid #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  .date-block.event.past::after {
    top: -0.35em;
    right: 0.45em;
    height: 1.7em;
    border: none;
    border-right: 0.166em solid #9f9f9f;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }

/*
Datepicker

This example is based on jQuery Datepicker widget. It requires both jQuery and jQuery UI libraries.<br/>
Also, it assumes that the default CSS styles from jQuery UI are included as well.<br/>
The CSS applied from style guide is an override over the default CSS of jQuery UI.<br/>

Markup: html/datepicker.html

Style guide datepicker
*/
#ui-datepicker-div {
  width: 100%;
  border: none; }

.ui-datepicker {
  padding: 0;
  font-family: Arial, sans-serif;
  border: none;
  border-radius: 0; }
  .ui-datepicker .ui-datepicker-header {
    background-color: #404040;
    border: none;
    border-radius: 0;
    padding: 0 !important;
    height: 50px;
    line-height: 50px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      display: block;
      height: 100%;
      width: 50px;
      top: 0;
      background-color: transparent;
      border: none; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
        cursor: pointer; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        background: url("../images/svg/arrow.svg") center center no-repeat;
        background-size: 7px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      left: 0; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      right: 0; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      margin: 0 50px;
      height: 100%;
      font-size: 0.889em; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title span,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
        color: #fff; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
        font-weight: normal;
        font-size: 0.8em; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
        color: #404040;
        background-color: #fff;
        border: 1px solid #404040;
        border-radius: 0;
        margin-bottom: 1.1em;
        min-height: 2.75em;
        font-size: 0.889em;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        background-color: #575757;
        color: #fff;
        border: none;
        height: 100%;
        width: 49% !important;
        margin: 0;
        display: inline-block;
        float: none;
        padding-right: 0;
        padding-left: 0.750em; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.has-error {
          border-width: 2px;
          padding: 5px 11px; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.is-focused,
        .has-error .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          color: #000;
          -webkit-box-shadow: none;
          box-shadow: none; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          outline: 3px solid #ffd617;
          outline-offset: 0;
          text-decoration: none; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.is-disabled {
          color: #9f9f9f;
          background-color: #e3e3e3; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.select {
          border-width: 1px; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          outline: 3px solid #ffd617;
          outline-offset: -3px;
          text-decoration: none; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:first-child {
          border-right: 2px solid #9f9f9f; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          z-index: 1; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:active, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          color: #fff; }
  .ui-datepicker table.ui-datepicker-calendar {
    background-color: #e3e3e3;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent; }
    .ui-datepicker table.ui-datepicker-calendar th {
      font-size: 0.889em;
      font-weight: normal;
      background: none; }
  .ui-datepicker .ui-state-default {
    border: none;
    background-color: #fff;
    color: #404040;
    text-align: center;
    margin: 1px;
    padding: 5px 10px; }
  .ui-datepicker .ui-state-active {
    border: 2px solid #004494;
    padding: 3px 10px; }
  .ui-datepicker .ui-state-highlight {
    background-color: #ffd617;
    color: #000; }

.no-svg .ui-datepicker-prev .ui-icon {
  background-image: url("../images/png/arrow-left.png"); }

.no-svg .ui-datepicker-next .ui-icon {
  background-image: url("../images/png/arrow.png"); }

.date-picker {
  position: relative; }
  .date-picker .date-picker--icon {
    position: absolute;
    top: .35em;
    right: .5em;
    pointer-events: none;
    color: #9f9f9f; }

@media (min-width: 480px) {
  #ui-datepicker-div {
    width: auto; }
  .ui-datepicker table.ui-datepicker-calendar {
    width: auto !important; } }

@media (max-width: 479px) {
  #ui-datepicker-div {
    left: 0 !important; } }

/*
Expandable default

Default implementation of the expandable component.

Markup: html/expandable.html

Style guide Expandable.1
*/
.expandable__content {
  float: left;
  width: 100%;
  background-color: #f5f5f5; }
  @media (min-width: 480px) {
    .expandable__content > p {
      margin: 0.8em 0.8em 0.8em 4em;
      font-size: 0.889em; } }

.expandable__toggle {
  float: left;
  width: 100%;
  background-color: #ffd617; }
  .expandable__toggle.collapsed {
    background: none; }
  .expandable__toggle .icon, .expandable__toggle .date-picker .date-picker--icon, .date-picker .expandable__toggle .date-picker--icon, .expandable__toggle .file--link .file__title::before, .file--link .expandable__toggle .file__title::before, .expandable__toggle .search-form__btn, .expandable__toggle .search-form--improved .search-form__textfield-wrapper, .search-form--improved .expandable__toggle .search-form__textfield-wrapper {
    margin: 0 0.833em;
    position: absolute;
    left: 0;
    top: 17%; }
  .expandable__toggle h3 {
    max-width: 100%;
    font-size: 1.222em;
    position: relative;
    padding: .8em 0 .8em 3em; }
  .expandable__toggle:link {
    text-decoration: none; }
  .expandable__toggle:hover, .expandable__toggle:focus {
    background-color: #ffd617;
    outline: none;
    text-decoration: underline; }

/*
Expandable link

Markup: html/expandable--link.html

.expandable--link Expandable link

Style guide Expandable.2
*/
.expandable--link .expandable__content {
  background: none; }
  .expandable--link .expandable__content > p {
    margin: 0; }

.expandable--link .expandable__toggle {
  background: none; }
  .expandable--link .expandable__toggle .icon, .expandable--link .expandable__toggle .date-picker .date-picker--icon, .date-picker .expandable--link .expandable__toggle .date-picker--icon, .expandable--link .expandable__toggle .file--link .file__title::before, .file--link .expandable--link .expandable__toggle .file__title::before, .expandable--link .expandable__toggle .search-form__btn, .expandable--link .expandable__toggle .search-form--improved .search-form__textfield-wrapper, .search-form--improved .expandable--link .expandable__toggle .search-form__textfield-wrapper {
    position: static; }
  .expandable--link .expandable__toggle.collapsed .icon--up::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .expandable--link .expandable__toggle:hover {
    background: none; }

/*
Featured item

Component used to render featured/highlighted items.

Style guide featured-item
*/
/*
Featured item

Markup: html/featured-item.html

Style guide featured-item.1
*/
.featured-item {
  width: 100%;
  float: left;
  padding: 30px 0 0; }
  .listing__wrapper--three-columns .featured-item {
    padding-top: 15px; }
  .section--row-three .featured-item {
    padding-top: 0; }

/*
Featured item extended

Visual changes and link option

Markup: html/featured-item__extended.html

Style guide featured-item.2
*/
.featured-item__extended {
  margin-bottom: 1.667em;
  padding: 15px 0;
  background-color: #ebebeb;
  border-left: 0.556em solid #ffd617; }

.featured-item__image {
  margin-bottom: 1em; }
  .featured-item__image picture img {
    width: 100%; }

.featured-item__content p {
  font-size: 0.889em; }

.featured-item__content h3 a {
  color: #404040; }

.listing__wrapper--three-columns .featured-item__image,
.listing__wrapper--three-columns .featured-item__content,
.section--row-three .featured-item__image,
.section--row-three .featured-item__content {
  clear: left; }

.listing--teaser .featured-item__image,
.listing--teaser .featured-item__content {
  padding: 0; }

.feedback-form {
  margin: 0; }

.feedback-form__wrapper {
  background-color: #fff;
  border-top: 1px solid #004494; }
  .feedback-form__wrapper:hover, .feedback-form__wrapper:active, .feedback-form__wrapper:focus, .feedback-form__wrapper.is-open {
    background-color: #f5f5f5; }

a.feedback-form__trigger {
  display: inline-block;
  margin-left: 1em;
  padding: 0.5em 0;
  font-size: 0.889em;
  color: #004494;
  text-decoration: none; }
  a.feedback-form__trigger:focus {
    outline-offset: 0; }
  a.feedback-form__trigger:active {
    outline: none; }

.feedback-form__content {
  margin: 0.8em 0 2em; }

.feedback-form__text {
  margin-bottom: 0.5em;
  padding-left: 2.500em;
  font-weight: bold; }

.feedback-form__btn {
  width: 12em;
  margin-left: 2.500em; }
  .feedback-form__btn .icon, .feedback-form__btn .date-picker .date-picker--icon, .date-picker .feedback-form__btn .date-picker--icon, .feedback-form__btn .file--link .file__title::before, .file--link .feedback-form__btn .file__title::before, .feedback-form__btn .search-form__btn, .feedback-form__btn .search-form--improved .search-form__textfield-wrapper, .search-form--improved .feedback-form__btn .search-form__textfield-wrapper {
    font-size: 0.778em; }

#feedback-form__accordion {
  margin-bottom: 1em;
  border: 1px solid #575757; }
  #feedback-form__accordion .panel {
    padding: 10px;
    line-height: 1;
    border-top: 1px solid #575757; }
    #feedback-form__accordion .panel:first-child {
      border-top: none; }
    #feedback-form__accordion .panel .panel-title {
      display: block;
      padding-left: 28px;
      line-height: 23px;
      background: url("../images/svg/checkbox-checked--blue.svg") no-repeat;
      font-size: 0.889em;
      font-weight: bold;
      color: #004494;
      text-decoration: none; }
      #feedback-form__accordion .panel .panel-title:focus {
        background: url("../images/svg/checkbox-highlighted.svg") no-repeat;
        outline: none; }
      #feedback-form__accordion .panel .panel-title.collapsed {
        background: url("../images/svg/checkbox-unchecked--grey.svg") no-repeat;
        font-weight: 400;
        color: #404040; }
        #feedback-form__accordion .panel .panel-title.collapsed:focus {
          background: url("../images/svg/checkbox-highlighted.svg") no-repeat;
          outline: none; }
      #feedback-form__accordion .panel .panel-title::-moz-focus-inner, #feedback-form__accordion .panel .panel-title:focus {
        border: 0;
        outline: none; }
    #feedback-form__accordion .panel .panel-body {
      padding: 0 1.563em; }
      #feedback-form__accordion .panel .panel-body .form-group {
        margin-top: 2.5em; }
  #feedback-form__accordion .panel-heading {
    float: left;
    width: auto;
    margin-bottom: 0;
    padding-left: 1.563em;
    font-size: inherit;
    border: none; }

@media (min-width: 768px) {
  .feedback-form__text {
    float: left;
    width: 10.111em;
    padding-top: 8px; }
  .feedback-form__btn {
    margin-left: 12.055em;
    font-size: 1em; }
  #feedback-form__accordion {
    overflow: hidden; }
    #feedback-form__accordion .panel-heading {
      padding-left: 0; } }

@media (min-width: 1200px) {
  a.feedback-form__trigger {
    margin-left: 0; } }

.no-svg #feedback-form__accordion .panel .panel-title {
  background: url("../images/png/checkbox.png") no-repeat; }
  .no-svg #feedback-form__accordion .panel .panel-title.collapsed {
    background-position: 0 -21px; }

/*
Field

Drupal note:
Field styling appearing in this style guide is only valid for Default drupal field settings

Markup: html/field.html

Style guide field
*/
.field {
  margin-bottom: 0.556em; }
  .field + .field--aligned, .field:last-child {
    margin-bottom: 0; }
  .field .field__item--expired {
    text-decoration: line-through; }
  .field .field__items p:last-child,
  .field .field__items ul:last-child {
    margin-bottom: 0 !important; }
  .field .field__label {
    font-size: 0.778em;
    font-weight: 600; }
    .field .field__label h4 {
      padding: 0; }
    .field .field__label a:focus {
      outline-offset: 2px; }
  .field .sections .container {
    padding: 0; }

@media (min-width: 768px) {
  .field .field__label:not(.field__label--above) {
    display: inline-block;
    width: 20%;
    padding: 0.335em 0 0 0;
    vertical-align: top; }
    .field .field__label:not(.field__label--above) + .field__items {
      display: inline-block;
      width: 79%; } }

/*
Field aligned

The field aligned modifier should be used for aligning fields that do not have a label
with fields that do have a label.

Markup: html/field--aligned.html

Style guide field.aligned
*/
@media (min-width: 768px) {
  .field--aligned {
    margin-top: -0.556em; }
    .field--aligned .field__items {
      display: inline-block;
      width: 79%;
      margin-left: 20.8%; } }

@media (min-width: 992px) {
  .field--aligned .field__items {
    margin-left: 20.6%; } }

/*
File

File component used to show info about the file that can be downloaded or how
is displayed multimedia files (image and video).

Style guide file
*/
/*
File download default

Default implementation of the file download component.

Markup: html/file.html

Style guide: file.1
*/
.file {
  margin: 0 0 0.944em 0;
  padding: 1.333em;
  background-color: #ebebeb; }

.file__icon {
  float: left;
  height: 2.556em;
  margin-right: 0.1em;
  margin-left: -0.315em;
  padding: 0;
  text-align: center; }
  .file__icon::before {
    font-size: 2.556em;
    color: #9f9f9f; }

.file__metadata {
  width: 50%;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  line-height: 1; }

.file__title {
  display: inline-block;
  margin: -0.225em 0 0.5em;
  line-height: 1.225;
  font-weight: bold; }

.file__caption {
  display: block;
  padding: 0.715em 1em;
  line-height: 1.5715;
  background-color: #ebebeb;
  font-size: 0.778em; }

.file__info {
  line-height: 1.225;
  font-size: 0.778em; }

.file__content-language {
  display: inline-block;
  margin-bottom: 0.5em;
  font-weight: bold; }

.file__properties {
  display: inline-block;
  white-space: nowrap; }

.file__btn {
  width: 100%;
  text-align: center;
  margin-top: 0.778em;
  margin-bottom: 0; }

.file--bare {
  margin: 0;
  padding: 0.722em 0;
  background-color: transparent; }
  .file--bare .file__btn {
    border: none; }
    .file--bare .file__btn:hover {
      color: #404040; }
  .file--bare .file__icon {
    display: none; }

/*
File download with translations

Displays the download file available in several languages.

Markup: html/file-translations.html

Style guide: file.2
*/
.file__translations {
  margin-bottom: 1em;
  padding: 0 1.450em;
  font-size: 0.889em;
  text-align: right; }
  .file__translations .file__translations-control {
    margin-top: 0.444em;
    font-size: 1em;
    text-decoration: none; }
    .file__translations .file__translations-control:active, .file__translations .file__translations-control:hover, .file__translations .file__translations-control:focus {
      color: #000;
      text-decoration: underline; }
      .file__translations .file__translations-control:active::after, .file__translations .file__translations-control:hover::after, .file__translations .file__translations-control:focus::after {
        color: #000; }
    .file__translations .file__translations-control::after {
      position: relative;
      margin-left: 0.525em !important;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .file__translations .file__translations-control.is-collapsed::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .file__translations .file__translations-list {
    margin-top: 0.944em;
    text-align: left; }
    .file__translations .file__translations-list .btn--condensed {
      margin-right: -1em; }
    @media (max-width: 768px) {
      .file__translations .file__translations-list .btn--condensed {
        margin-left: -1em;
        margin-right: 0; } }
  .file__translations .file__translations-item, .file__translations .file__translations-details {
    border-top: 1px solid #9f9f9f; }
    .file__translations .file__translations-item:last-child, .file__translations .file__translations-details:last-child {
      border-bottom: 1px solid #9f9f9f; }
  .file__translations .file__metadata {
    padding-left: 0;
    padding-right: 0; }
  .file__translations .file__translations-details {
    padding-top: 0.5em;
    font-size: 0.889em; }

/*
File link

Displays the link for a download/page.

Markup: html/file--link.html

Style guide: file.3
*/
.file--link {
  background-color: transparent;
  max-width: 32em;
  border-top: 1px solid #e3e3e3;
  padding: 1em 0;
  margin-bottom: 0; }
  .file--link:last-child {
    border-bottom: 1px solid #e3e3e3; }
  .file--link .file__title .file__metadata--link {
    width: 83.3333333333%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 1; }
  .file--link .file__title::after {
    padding-left: 0.4em;
    margin-left: 0.4em;
    border-left: 2px solid #9f9f9f;
    color: #404040;
    display: inline-block;
    text-decoration: none; }
  .file--link .file__title::before {
    color: #9f9f9f;
    font-size: 2.4em;
    display: table-cell;
    vertical-align: bottom;
    width: 40px;
    float: left; }
  .file--link .file__title[href$=".pdf"]::before {
    font-size: 2.4em; }
  .file--link .file__title[href$=".pdf"]::after {
    content: 'PDF'; }
  .file--link .file__title[href$=".ppt"]::before {
    font-size: 1.8em; }
  .file--link .file__title[href$=".ppt"]::after {
    content: 'PPT'; }
  .file--link .file__title[href$=".jpg"]::before {
    font-size: 1.5em; }
  .file--link .file__title[href$=".jpg"]::after {
    content: 'JPG'; }

.no-svg .icon--file-link {
  background-image: url("../images/png/icons/link.png"); }

@media (min-width: 768px) {
  .file__icon {
    width: auto;
    padding: 0; }
  .file__translations {
    padding-left: 4.475em; }
  .file__metadata {
    float: left;
    overflow: hidden; }
  .file .file__btn {
    float: right;
    margin-top: 0;
    overflow: hidden;
    width: 33.33%; }
    .file__translations .file .file__btn {
      width: auto; } }

/*
File image

Displays the file image.

Markup: html/file--image.html

Style guide: file.4
*/
.file--image {
  display: block;
  padding: 0;
  background-color: transparent; }

/*
File video

Displays the file video.

Markup: html/file--video.html

Style guide: file.5
*/
.file--video {
  padding: 0;
  background-color: transparent; }

/*
File upload

Markup: html/file-upload.html

Style guide: form.file-upload
*/
.file-upload .file-upload__input {
  display: table;
  table-layout: fixed;
  margin: 0;
  white-space: nowrap; }
  .file-upload .file-upload__input:focus {
    border-color: #ffd617; }
    .file-upload .file-upload__input:focus:focus {
      outline: 3px solid #ffd617;
      outline-offset: 0;
      text-decoration: none; }

.file-upload .file-upload__message {
  display: table-cell;
  overflow: hidden;
  line-height: 1.8;
  color: #575757;
  text-overflow: ellipsis; }

.file-upload .input-group-btn {
  font-size: inherit; }

.file-upload .input-group {
  width: 100%; }
  .file-upload .input-group .file + .input-group-btn {
    display: block; }

.file-upload .file-upload__label {
  display: inline-block;
  max-width: none;
  background-color: #404040;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  border: 2px solid #404040;
  text-decoration: none;
  cursor: pointer; }
  .file-upload .file-upload__label:hover, .file-upload .file-upload__label:focus {
    border-color: #ffd617; }

.has-error .file-upload .file-upload__label {
  border-color: #da2131;
  background-color: #da2131; }

.file-upload input[type="file"] {
  display: none; }

.no-js .file-upload .file-upload__input,
.no-js .file-upload .file-upload__label {
  display: none; }

.no-js .file-upload input[type="file"] {
  display: block; }

@media (min-width: 480px) {
  .file-upload .file-upload__message {
    line-height: 1.9; } }

/*
Filters

Filter components on content filtering pages.

Style guide filters
*/
/*
Filters

Filters implementation
Drupal implementation guidelines can be found [PLACEHOLDER FOR GUIDELINES ON IMPLEMENTATION]

Style guide filters.filters
*/
.filters {
  background-color: #ebebeb;
  margin-left: -15px;
  margin-right: -15px; }

.filters__wrapper {
  padding: 15px; }

.no-js .filters {
  padding: 15px; }

.filters__filter {
  width: 100%;
  clear: both; }

.filters__title {
  margin-bottom: 20px; }

.filters__btn-submit {
  width: 100%; }

.filters__btn-reset {
  width: 100%;
  display: block;
  position: relative;
  top: 10px;
  text-align: center; }
  .filters__btn-reset--small {
    float: right; }

.filters__result-count {
  font-weight: bold;
  padding: 1em 0;
  line-height: 1;
  overflow: hidden; }
  .filters__result-count .btn-group {
    float: right;
    margin-top: 0; }
  .filters__result-count + .filters__active-facets {
    margin-top: -0.5em; }

.filters__result-range {
  padding-bottom: 15px;
  font-weight: bold; }

.filters__active-facets {
  padding: 0 0 1em; }

.filters__btn-collapse {
  float: right; }

.filters__close {
  color: #004494 !important;
  opacity: 1 !important;
  font-size: 1em;
  font-weight: 400;
  padding-top: 32px;
  margin-right: 20px;
  text-decoration: none;
  text-shadow: none; }
  .filters__close::after {
    content: "";
    background: url("../images/svg/arrow-up--blue.svg") no-repeat;
    height: 8px;
    width: 10px;
    margin-left: 5px;
    display: inline-block;
    text-decoration: none !important; }
  .filters__close:hover, .filters__close:active, .filters__close:focus {
    text-decoration: underline; }

.filters__items-number,
.filters__items-name {
  font-size: 1.667em; }

.filters__items-number {
  display: block;
  margin-right: 0.333em;
  float: left;
  padding-bottom: 0.5em; }

.filters__btn-reset--small {
  display: inline-block; }

html.js .filters__btn-submit {
  display: inline-block; }

@media (min-width: 480px) {
  .filters__close::after {
    width: 12px;
    height: 9px; } }

@media (min-width: 992px) {
  .filters {
    margin: 0;
    padding: 0;
    background-color: transparent; }
  .filters__btn-reset--small,
  .filters__btn-collapse {
    display: none; }
  html.js .filters__btn-submit {
    display: none; } }

/*
Footer

Site-wide footer component

Markup: html/footer.html

Style guide footer
*/
/*
Footer for improved websites

Markup: html/footer-improved.html

Style guide footer.footer-improved
*/
.footer__improved {
  background-color: #bfd0e4;
  color: #003776; }
  .footer__improved .footer__column {
    padding-top: 0.8em; }
    .footer__improved .footer__column:last-child {
      padding-top: 0;
      padding-bottom: 0.8em; }
  .footer__improved .footer__menu {
    display: inline; }
  .footer__improved .footer__menu-item {
    font-size: 0.889em;
    display: inline-block; }
  .footer__improved a {
    color: #003776; }
  .footer__improved h4 {
    padding: .4em 0; }
    .footer__improved h4 a {
      text-decoration: none; }
  @media (min-width: 992px) {
    .footer__improved .footer__menu-item {
      font-size: 0.889em; }
    .footer__improved .footer__column {
      padding-bottom: 1em; }
      .footer__improved .footer__column:last-child {
        padding-top: 1em; }
        .footer__improved .footer__column:last-child .footer__menu-item {
          display: block; } }

.footer__top {
  background-color: #4073af;
  color: #fff; }
  .footer__top a {
    color: #fff; }
  .footer__top .footer__menu-item {
    font-size: 0.889em; }

.footer__bottom {
  background-color: #004494;
  padding: 0.9em 0;
  color: #fff; }
  .footer__bottom .footer__menu-item {
    font-size: 0.889em; }
  .footer__bottom a {
    color: #fff; }

.footer__title {
  color: #fff;
  border-bottom: 2px solid #7fa1c9;
  margin-bottom: 0.2em; }
  @media (min-width: 992px) {
    .footer__title {
      margin-bottom: 1.1em;
      min-height: 3.2em; } }
  @media (min-width: 1291px) {
    .footer__title {
      min-height: auto; } }

.footer__label {
  display: inline;
  font-weight: bold;
  margin-bottom: 0; }

.footer__menu {
  margin: 0;
  padding-left: 0;
  max-width: none;
  list-style: none; }
  .footer__menu .footer__menu-item {
    margin-right: 15px;
    padding-left: 0; }
    .footer__menu .footer__menu-item:last-child {
      margin-bottom: 0; }
    @media (min-width: 992px) {
      .footer__top .footer__menu .footer__menu-item {
        margin-bottom: 0.4em; } }
    .footer__menu .footer__menu-item a {
      padding: 0; }
      .footer__menu .footer__menu-item a:hover, .footer__menu .footer__menu-item a:active, .footer__menu .footer__menu-item a:focus {
        background: none;
        text-decoration: none; }
  .footer__menu.ul-list-inline .footer__menu-item {
    line-height: 0.75em; }

.footer__icon--social::before {
  margin-right: 8px !important; }

.footer__icon--social::after {
  content: none !important;
  display: none !important; }

.footer__column {
  padding-top: 1.6em; }
  .footer__column:last-child {
    padding-bottom: 1.6em; }
  @media (min-width: 992px) {
    .footer__column {
      padding-top: 2em;
      padding-bottom: 2em; }
      .footer__column:last-child {
        padding-bottom: 2em; } }

.footer a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"])::after {
  position: absolute;
  line-height: 2.2; }

.footer a.footer__site-switcher {
  padding-right: 30px !important; }

/*
Gallery

Gallery component.

Markup: html/gallery.html

Style guide gallery
*/
.mediagallery {
  padding-left: 15px;
  padding-right: 15px; }
  .mediagallery .row, .mediagallery .banner--video, .mediagallery .context-nav, .mediagallery .file, .mediagallery .hero-links__items, .mediagallery .listing__wrapper--maxwidth, .mediagallery .listing__wrapper--three-columns, .mediagallery
  .listing__wrapper--two-columns, .mediagallery .listing__wrapper--row-three .listing, .listing__wrapper--row-three .mediagallery .listing, .mediagallery
  .listing__wrapper--row-two .listing,
  .listing__wrapper--row-two .mediagallery .listing {
    padding-left: 0;
    padding-right: 0; }
    .mediagallery .row:first-child .mediagallery__item, .mediagallery .banner--video:first-child .mediagallery__item, .mediagallery .context-nav:first-child .mediagallery__item, .mediagallery .file:first-child .mediagallery__item, .mediagallery .hero-links__items:first-child .mediagallery__item, .mediagallery .listing__wrapper--maxwidth:first-child .mediagallery__item, .mediagallery .listing__wrapper--three-columns:first-child .mediagallery__item, .mediagallery
    .listing__wrapper--two-columns:first-child .mediagallery__item, .mediagallery .listing__wrapper--row-three .listing:first-child .mediagallery__item, .listing__wrapper--row-three .mediagallery .listing:first-child .mediagallery__item, .mediagallery
    .listing__wrapper--row-two .listing:first-child .mediagallery__item,
    .listing__wrapper--row-two .mediagallery .listing:first-child .mediagallery__item {
      padding-top: 0 !important; }
    .mediagallery .row:last-child .mediagallery__item, .mediagallery .banner--video:last-child .mediagallery__item, .mediagallery .context-nav:last-child .mediagallery__item, .mediagallery .file:last-child .mediagallery__item, .mediagallery .hero-links__items:last-child .mediagallery__item, .mediagallery .listing__wrapper--maxwidth:last-child .mediagallery__item, .mediagallery .listing__wrapper--three-columns:last-child .mediagallery__item, .mediagallery
    .listing__wrapper--two-columns:last-child .mediagallery__item, .mediagallery .listing__wrapper--row-three .listing:last-child .mediagallery__item, .listing__wrapper--row-three .mediagallery .listing:last-child .mediagallery__item, .mediagallery
    .listing__wrapper--row-two .listing:last-child .mediagallery__item,
    .listing__wrapper--row-two .mediagallery .listing:last-child .mediagallery__item {
      padding-bottom: 0 !important; }

.mediagallery__item {
  height: auto;
  padding: 0;
  overflow: hidden; }
  .mediagallery__item .mediagallery__item_container {
    width: 100%;
    height: 100%;
    margin: 5px 5px 0 5px; }
    .mediagallery__item .mediagallery__item_container img {
      display: block;
      width: 100%;
      height: auto; }
  .mediagallery__item:first-child .mediagallery__item_container {
    margin-left: 0; }
  .mediagallery__item:hover .mediagallery__caption {
    display: block;
    /* Fallback for non-webkit. */
    display: -webkit-box; }

.mediagallery__caption {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4em;
  padding: 5px 10px 5px 5px;
  overflow: hidden;
  background-color: #404040;
  font-size: 0.667em;
  color: #fff;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.mediagallery__item.has-icon .mediagallery__caption {
  padding-right: 4.0em !important; }

.mediagallery__item.has-icon .mediagallery__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.667em;
  height: 2.667em;
  padding: 0;
  background-color: #404040;
  color: #fff;
  text-align: center;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  .mediagallery__item.has-icon .mediagallery__icon .icon, .mediagallery__item.has-icon .mediagallery__icon .date-picker .date-picker--icon, .date-picker .mediagallery__item.has-icon .mediagallery__icon .date-picker--icon, .mediagallery__item.has-icon .mediagallery__icon .file--link .file__title::before, .file--link .mediagallery__item.has-icon .mediagallery__icon .file__title::before, .mediagallery__item.has-icon .mediagallery__icon .search-form__btn, .mediagallery__item.has-icon .mediagallery__icon .search-form--improved .search-form__textfield-wrapper, .search-form--improved .mediagallery__item.has-icon .mediagallery__icon .search-form__textfield-wrapper {
    line-height: 2.667em;
    font-size: 1em; }
    .mediagallery__item.has-icon .mediagallery__icon .icon::before, .mediagallery__item.has-icon .mediagallery__icon .date-picker .date-picker--icon::before, .date-picker .mediagallery__item.has-icon .mediagallery__icon .date-picker--icon::before, .mediagallery__item.has-icon .mediagallery__icon .file--link .file__title::before, .file--link .mediagallery__item.has-icon .mediagallery__icon .file__title::before, .mediagallery__item.has-icon .mediagallery__icon .search-form__btn::before, .mediagallery__item.has-icon .mediagallery__icon .search-form--improved .search-form__textfield-wrapper::before, .search-form--improved .mediagallery__item.has-icon .mediagallery__icon .search-form__textfield-wrapper::before {
      margin-right: 0; }
  .mediagallery__item.has-icon .mediagallery__icon .icon--camera, .mediagallery__item.has-icon .mediagallery__icon .icon--camera::before {
    line-height: 4.000em;
    font-size: 0.667em; }

@-moz-document url-prefix() {
  .mediagallery__caption::after {
    content: "...";
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2.0em;
    padding: 0 20px 1px 45px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #404040 50%) repeat scroll 0 0 transparent;
    font-weight: bold; } }

@media (max-width: 480px) {
  .mediagallery__item_container {
    margin-left: 0 !important; } }

@media (min-width: 480px) and (max-width: 767px) {
  .mediagallery__item {
    float: left;
    width: 50%; }
  .mediagallery__item:nth-of-type(3) .mediagallery__item_container {
    margin-left: 0; } }

@media (max-width: 991px) {
  .mediagallery .row, .mediagallery .banner--video, .mediagallery .context-nav, .mediagallery .file, .mediagallery .hero-links__items, .mediagallery .listing__wrapper--maxwidth, .mediagallery .listing__wrapper--three-columns, .mediagallery
  .listing__wrapper--two-columns, .mediagallery .listing__wrapper--row-three .listing, .listing__wrapper--row-three .mediagallery .listing, .mediagallery
  .listing__wrapper--row-two .listing,
  .listing__wrapper--row-two .mediagallery .listing {
    margin-left: -20px; }
  .mediagallery__item {
    height: auto; } }

/*
Gallery Overlay

Gallery overlay component.

Markup: html/gallery-overlay.html

Style guide: gallery.overlay
*/
#gallery-overlay:focus {
  outline: none; }

.gallery-overlay {
  width: 100vw;
  position: relative;
  color: #fff; }
  .gallery-overlay a {
    color: #fff; }
  @media (min-width: 992px) {
    .gallery-overlay {
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      width: 90vw;
      max-width: 1440px;
      height: 800px;
      max-height: 80vh;
      overflow: hidden; } }

.gallery-overlay__media {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 325px;
  width: 100%;
  padding: 0;
  background-color: #000; }
  @media (min-width: 992px) {
    .gallery-overlay__media {
      width: 70%;
      height: 100%; } }
  .gallery-overlay__media .gallery-overlay__media-previous,
  .gallery-overlay__media .gallery-overlay__media-next {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    height: 100%;
    width: 8.333333333%; }
    .gallery-overlay__media .gallery-overlay__media-previous a,
    .gallery-overlay__media .gallery-overlay__media-previous i,
    .gallery-overlay__media .gallery-overlay__media-next a,
    .gallery-overlay__media .gallery-overlay__media-next i {
      display: inline-block;
      font-size: 1.4em; }
      .gallery-overlay__media .gallery-overlay__media-previous a::before,
      .gallery-overlay__media .gallery-overlay__media-previous i::before,
      .gallery-overlay__media .gallery-overlay__media-next a::before,
      .gallery-overlay__media .gallery-overlay__media-next i::before {
        margin: 0 !important; }
    .gallery-overlay__media .gallery-overlay__media-previous a,
    .gallery-overlay__media .gallery-overlay__media-next a {
      cursor: pointer; }
      .gallery-overlay__media .gallery-overlay__media-previous a:hover,
      .gallery-overlay__media .gallery-overlay__media-next a:hover {
        color: #9f9f9f;
        text-decoration: none; }
    .gallery-overlay__media .gallery-overlay__media-previous i,
    .gallery-overlay__media .gallery-overlay__media-next i {
      color: #9f9f9f; }
    @media (min-width: 992px) {
      .gallery-overlay__media .gallery-overlay__media-previous a,
      .gallery-overlay__media .gallery-overlay__media-previous i,
      .gallery-overlay__media .gallery-overlay__media-next a,
      .gallery-overlay__media .gallery-overlay__media-next i {
        font-size: 2.2em; } }
  .gallery-overlay__media .gallery-overlay__media-item-list__wrapper {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    width: 83.33333333%;
    max-width: 840px;
    max-height: 100%; }
  .gallery-overlay__media ul {
    width: 100%;
    max-width: none;
    list-style: none;
    padding: 0;
    margin-bottom: 0; }
  .gallery-overlay__media .gallery-overlay__media-item {
    display: none; }
    .gallery-overlay__media .gallery-overlay__media-item > * {
      margin: 0 auto; }
    .gallery-overlay__media .gallery-overlay__media-item.active {
      display: block; }
      .gallery-overlay__media .gallery-overlay__media-item.active img {
        max-height: 325px; }
        @media (min-width: 992px) {
          .gallery-overlay__media .gallery-overlay__media-item.active img {
            max-height: 80vh; } }

.gallery-overlay__close-wrapper {
  padding: 10px 14px;
  background-color: #404040;
  text-align: right; }
  @media (min-width: 992px) {
    .gallery-overlay__close-wrapper {
      padding: 0 !important;
      background-color: transparent; } }

.gallery-overlay__close {
  display: inline-block;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 4px !important;
  line-height: normal;
  background-color: transparent;
  border-width: 0;
  color: #fff;
  z-index: 1; }
  .gallery-overlay__close:focus {
    outline: 3px solid #ffd617;
    outline-offset: -3px;
    text-decoration: underline; }
  .gallery-overlay__close .ui-button-icon-primary {
    display: inline-block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    text-indent: 0 !important; }
  .gallery-overlay__close .ui-button-text {
    float: left;
    padding: 0 !important;
    text-indent: 0 !important;
    font-size: 0.833em; }
  @media (min-width: 992px) {
    .gallery-overlay__close {
      position: absolute !important;
      top: 25px !important;
      right: 25px !important; } }

.gallery-overlay__sidebar {
  background-color: #404040; }
  @media (min-width: 992px) {
    .gallery-overlay__sidebar {
      float: left;
      width: 30%;
      padding-top: 2em; } }
  .gallery-overlay__sidebar .gallery-overlay__sidebar__content {
    padding: 2.575em 2.145em 2.145em 2.145em;
    line-height: 1.6;
    font-size: 0.778em; }
  .gallery-overlay__sidebar .gallery-overlay__meta {
    margin-bottom: 2.575em;
    line-height: normal;
    text-align: left;
    white-space: nowrap; }
    .gallery-overlay__sidebar .gallery-overlay__meta > span {
      margin-right: 15px; }
      .gallery-overlay__sidebar .gallery-overlay__meta > span:last-child {
        margin-right: 0; }
  .gallery-overlay__sidebar .gallery-overlay__count {
    font-weight: 600; }
  .gallery-overlay__sidebar .gallery-overlay__description {
    font-weight: 600;
    text-align: left; }
    .gallery-overlay__sidebar .gallery-overlay__description p:last-child {
      margin-bottom: 0; }
  .gallery-overlay__sidebar .gallery-overlay__copyright {
    font-size: 0.833em; }

#btn-gallery-overlay:hover {
  z-index: 2; }

/*
Site header search bar

Markup: html/header-search-bar.html

Style guide: siteheader.header-search-bar
*/
.header-search-bar {
  margin: 38px 0 0;
  padding: 9px 0;
  background-color: #004494; }
  .header-search-bar .block-nexteuropa-europa-search {
    float: right;
    width: auto; }
    .header-search-bar .block-nexteuropa-europa-search:before, .header-search-bar .block-nexteuropa-europa-search:after {
      content: " ";
      display: table; }
    .header-search-bar .block-nexteuropa-europa-search:after {
      clear: both; }
    .header-search-bar .block-nexteuropa-europa-search .search-form {
      float: right;
      margin-bottom: 0;
      border: none; }
      .header-search-bar .block-nexteuropa-europa-search .search-form .search-form__textfield-wrapper,
      .header-search-bar .block-nexteuropa-europa-search .search-form .search-form__btn-wrapper {
        float: none; }
      .header-search-bar .block-nexteuropa-europa-search .search-form .search-form__textfield-wrapper {
        background-color: #fff; }
    @media (min-width: 480px) {
      .header-search-bar .block-nexteuropa-europa-search .search-form {
        width: 320px; } }

/*
Help Block

Markup: html/help-block.html

Style guide form.help-block
*/
.help-block {
  margin-top: 0;
  margin-bottom: 0.556em;
  font-family: Arial, sans-serif;
  font-size: 0.778em;
  color: #575757; }
  .disabled .help-block {
    color: #9f9f9f; }
  .has-error .help-block {
    color: #575757; }

/*
Hero links

Markup: html/hero-links.html

Style guide hero-links
*/
.hero-links {
  margin-bottom: 0.835em; }
  .hero-links .container-fluid {
    margin-top: -2.25em; }
    .hero-links .container-fluid:first-child {
      margin-top: 0;
      background-color: #f5f5f5; }

.hero-links__text {
  padding: 20px 15px 45px;
  font-size: 1.067em;
  text-align: center; }

.hero-links__items .hero-links__item {
  margin-bottom: 30px;
  text-align: center; }
  .hero-links__items .hero-links__item:last-child {
    margin-bottom: 0; }

.hero-links__btn {
  position: relative;
  display: inline-block; }
  .hero-links__btn .img-responsive {
    width: 100%; }
  .hero-links__btn .hero-links__caption {
    position: absolute;
    bottom: 1.125em;
    left: 1.125em;
    line-height: normal;
    font-size: 1.222em;
    font-weight: bold;
    color: #fff; }
  .hero-links__btn:hover .hero-links__caption {
    text-decoration: underline; }

@media (min-width: 480px) {
  .hero-links__text {
    padding-top: 55px;
    padding-bottom: 80px;
    font-size: 1.222em; }
  .hero-links__btn .hero-links__caption {
    bottom: 0.467em;
    left: 0.667em;
    font-size: 1.667em; } }

@media (min-width: 768px) {
  .hero-links__items .hero-links__item {
    margin-bottom: 0;
    text-align: left; }
  .hero-links__text p {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px; } }

/*
Highlighted item

Markup: html/highlighted-item.html

Style guide highlighted-item
*/
.highlighted-item {
  padding: 0 0 2em 0;
  background-color: #ebebeb; }
  .highlighted-item:hover .highlighted-item__content, .highlighted-item:active .highlighted-item__content, .highlighted-item:focus .highlighted-item__content {
    text-decoration: underline; }

.highlighted-item__image img {
  width: 100%;
  margin-bottom: 1em; }

.highlighted-item__content {
  margin: 0;
  padding: 0 1em;
  color: #004494; }

/*
Horizontal line

Markup: html/hr.html

Style guide horizontal-line
*/
.hr--fullwidth {
  float: left;
  width: 100%; }

/*
Icon Social

Social network icons.

Markup: html/icon-social.html

Style guide icon.social
*/
.icon-social {
  position: relative;
  padding-left: 50px;
  padding-top: 5px;
  min-height: 40px; }
  .icon-social::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 10px 5px 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0; }
  .icon-social:hover {
    cursor: pointer; }

.icon-social--smaller .icon-social {
  padding-right: 0.6em;
  padding-left: 36px;
  padding-top: 0;
  min-height: 26px; }
  .icon-social--smaller .icon-social::before {
    width: 26px;
    height: 26px; }

.icon-social--arto::before {
  background: url("../images/svg/icons/social/arto.svg") no-repeat ; }

.icon-social--arto:hover::before {
  background-image: url("../images/svg/icons/social/arto_hover.svg"); }

.icon-social--bebo::before {
  background: url("../images/svg/icons/social/bebo.svg") no-repeat ; }

.icon-social--bebo:hover::before {
  background-image: url("../images/svg/icons/social/bebo_hover.svg"); }

.icon-social--bitly::before {
  background: url("../images/svg/icons/social/bitly.svg") no-repeat ; }

.icon-social--bitly:hover::before {
  background-image: url("../images/svg/icons/social/bitly_hover.svg"); }

.icon-social--blinklist::before {
  background: url("../images/svg/icons/social/blinklist.svg") no-repeat ; }

.icon-social--blinklist:hover::before {
  background-image: url("../images/svg/icons/social/blinklist_hover.svg"); }

.icon-social--blog::before {
  background: url("../images/svg/icons/social/blog.svg") no-repeat ; }

.icon-social--blog:hover::before {
  background-image: url("../images/svg/icons/social/blog_hover.svg"); }

.icon-social--blogger::before {
  background: url("../images/svg/icons/social/blogger.svg") no-repeat ; }

.icon-social--blogger:hover::before {
  background-image: url("../images/svg/icons/social/blogger_hover.svg"); }

.icon-social--delicious::before {
  background: url("../images/svg/icons/social/delicious.svg") no-repeat ; }

.icon-social--delicious:hover::before {
  background-image: url("../images/svg/icons/social/delicious_hover.svg"); }

.icon-social--digg::before {
  background: url("../images/svg/icons/social/digg.svg") no-repeat ; }

.icon-social--digg:hover::before {
  background-image: url("../images/svg/icons/social/digg_hover.svg"); }

.icon-social--diigo::before {
  background: url("../images/svg/icons/social/diigo.svg") no-repeat ; }

.icon-social--diigo:hover::before {
  background-image: url("../images/svg/icons/social/diigo_hover.svg"); }

.icon-social--dzone::before {
  background: url("../images/svg/icons/social/dzone.svg") no-repeat ; }

.icon-social--dzone:hover::before {
  background-image: url("../images/svg/icons/social/dzone_hover.svg"); }

.icon-social--email::before {
  background: url("../images/svg/icons/social/email.svg") no-repeat ; }

.icon-social--email:hover::before {
  background-image: url("../images/svg/icons/social/email_hover.svg"); }

.icon-social--facebook::before {
  background: url("../images/svg/icons/social/facebook.svg") no-repeat ; }

.icon-social--facebook:hover::before {
  background-image: url("../images/svg/icons/social/facebook_hover.svg"); }

.icon-social--flickr::before {
  background: url("../images/svg/icons/social/flickr.svg") no-repeat ; }

.icon-social--flickr:hover::before {
  background-image: url("../images/svg/icons/social/flickr_hover.svg"); }

.icon-social--foursquare::before {
  background: url("../images/svg/icons/social/foursquare.svg") no-repeat ; }

.icon-social--foursquare:hover::before {
  background-image: url("../images/svg/icons/social/foursquare_hover.svg"); }

.icon-social--generic::before {
  background: url("../images/svg/icons/social/generic.svg") no-repeat ; }

.icon-social--generic:hover::before {
  background-image: url("../images/svg/icons/social/generic_hover.svg"); }

.icon-social--google::before {
  background: url("../images/svg/icons/social/google.svg") no-repeat ; }

.icon-social--google:hover::before {
  background-image: url("../images/svg/icons/social/google_hover.svg"); }

.icon-social--gplus::before {
  background: url("../images/svg/icons/social/gplus.svg") no-repeat ; }

.icon-social--gplus:hover::before {
  background-image: url("../images/svg/icons/social/gplus_hover.svg"); }

.icon-social--instagram::before {
  background: url("../images/svg/icons/social/instagram.svg") no-repeat ; }

.icon-social--instagram:hover::before {
  background-image: url("../images/svg/icons/social/instagram_hover.svg"); }

.icon-social--linkarena::before {
  background: url("../images/svg/icons/social/linkarena.svg") no-repeat ; }

.icon-social--linkarena:hover::before {
  background-image: url("../images/svg/icons/social/linkarena_hover.svg"); }

.icon-social--linkedin::before {
  background: url("../images/svg/icons/social/linkedin.svg") no-repeat ; }

.icon-social--linkedin:hover::before {
  background-image: url("../images/svg/icons/social/linkedin_hover.svg"); }

.icon-social--live::before {
  background: url("../images/svg/icons/social/live.svg") no-repeat ; }

.icon-social--live:hover::before {
  background-image: url("../images/svg/icons/social/live_hover.svg"); }

.icon-social--meneame::before {
  background: url("../images/svg/icons/social/meneame.svg") no-repeat ; }

.icon-social--meneame:hover::before {
  background-image: url("../images/svg/icons/social/meneame_hover.svg"); }

.icon-social--misterwong::before {
  background: url("../images/svg/icons/social/misterwong.svg") no-repeat ; }

.icon-social--misterwong:hover::before {
  background-image: url("../images/svg/icons/social/misterwong_hover.svg"); }

.icon-social--myspace::before {
  background: url("../images/svg/icons/social/myspace.svg") no-repeat ; }

.icon-social--myspace:hover::before {
  background-image: url("../images/svg/icons/social/myspace_hover.svg"); }

.icon-social--netlog::before {
  background: url("../images/svg/icons/social/netlog.svg") no-repeat ; }

.icon-social--netlog:hover::before {
  background-image: url("../images/svg/icons/social/netlog_hover.svg"); }

.icon-social--netvibes::before {
  background: url("../images/svg/icons/social/netvibes.svg") no-repeat ; }

.icon-social--netvibes:hover::before {
  background-image: url("../images/svg/icons/social/netvibes_hover.svg"); }

.icon-social--newsvine::before {
  background: url("../images/svg/icons/social/newsvine.svg") no-repeat ; }

.icon-social--newsvine:hover::before {
  background-image: url("../images/svg/icons/social/newsvine_hover.svg"); }

.icon-social--nujij::before {
  background: url("../images/svg/icons/social/nujij.svg") no-repeat ; }

.icon-social--nujij:hover::before {
  background-image: url("../images/svg/icons/social/nujij_hover.svg"); }

.icon-social--pocket::before {
  background: url("../images/svg/icons/social/pocket.svg") no-repeat ; }

.icon-social--pocket:hover::before {
  background-image: url("../images/svg/icons/social/pocket_hover.svg"); }

.icon-social--pinterest::before {
  background: url("../images/svg/icons/social/pinterest.svg") no-repeat ; }

.icon-social--pinterest:hover::before {
  background-image: url("../images/svg/icons/social/pinterest_hover.svg"); }

.icon-social--reddit::before {
  background: url("../images/svg/icons/social/reddit.svg") no-repeat ; }

.icon-social--reddit:hover::before {
  background-image: url("../images/svg/icons/social/reddit_hover.svg"); }

.icon-social--rss::before {
  background: url("../images/svg/icons/social/rss.svg") no-repeat ; }

.icon-social--rss:hover::before {
  background-image: url("../images/svg/icons/social/rss_hover.svg"); }

.icon-social--share::before {
  background: url("../images/svg/icons/social/share.svg") no-repeat ; }

.icon-social--share:hover::before {
  background-image: url("../images/svg/icons/social/share_hover.svg"); }

.icon-social--skype::before {
  background: url("../images/svg/icons/social/skype.svg") no-repeat ; }

.icon-social--skype:hover::before {
  background-image: url("../images/svg/icons/social/skype_hover.svg"); }

.icon-social--slideshare::before {
  background: url("../images/svg/icons/social/slideshare.svg") no-repeat ; }

.icon-social--slideshare:hover::before {
  background-image: url("../images/svg/icons/social/slideshare_hover.svg"); }

.icon-social--slashdot::before {
  background: url("../images/svg/icons/social/slashdot.svg") no-repeat ; }

.icon-social--slashdot:hover::before {
  background-image: url("../images/svg/icons/social/slashdot_hover.svg"); }

.icon-social--sonico::before {
  background: url("../images/svg/icons/social/sonico.svg") no-repeat ; }

.icon-social--sonico:hover::before {
  background-image: url("../images/svg/icons/social/sonico_hover.svg"); }

.icon-social--spotify::before {
  background: url("../images/svg/icons/social/spotify.svg") no-repeat ; }

.icon-social--spotify:hover::before {
  background-image: url("../images/svg/icons/social/spotify_hover.svg"); }

.icon-social--storify::before {
  background: url("../images/svg/icons/social/storify.svg") no-repeat ; }

.icon-social--storify:hover::before {
  background-image: url("../images/svg/icons/social/storify_hover.svg"); }

.icon-social--studivz::before {
  background: url("../images/svg/icons/social/studivz.svg") no-repeat ; }

.icon-social--studivz:hover::before {
  background-image: url("../images/svg/icons/social/studivz_hover.svg"); }

.icon-social--stumbleupon::before {
  background: url("../images/svg/icons/social/stumbleupon.svg") no-repeat ; }

.icon-social--stumbleupon:hover::before {
  background-image: url("../images/svg/icons/social/stumbleupon_hover.svg"); }

.icon-social--technorati::before {
  background: url("../images/svg/icons/social/technorati.svg") no-repeat ; }

.icon-social--technorati:hover::before {
  background-image: url("../images/svg/icons/social/technorati_hover.svg"); }

.icon-social--tuenti::before {
  background: url("../images/svg/icons/social/tuenti.svg") no-repeat ; }

.icon-social--tuenti:hover::before {
  background-image: url("../images/svg/icons/social/tuenti_hover.svg"); }

.icon-social--tumblr::before {
  background: url("../images/svg/icons/social/tumblr.svg") no-repeat ; }

.icon-social--tumblr:hover::before {
  background-image: url("../images/svg/icons/social/tumblr_hover.svg"); }

.icon-social--twitter::before {
  background: url("../images/svg/icons/social/twitter.svg") no-repeat #ffffff; }

.icon-social--twitter:hover::before {
  background-image: url("../images/svg/icons/social/twitter_hover.svg"); }

.icon-social--viadeo::before {
  background: url("../images/svg/icons/social/viadeo.svg") no-repeat ; }

.icon-social--viadeo:hover::before {
  background-image: url("../images/svg/icons/social/viadeo_hover.svg"); }

.icon-social--vine::before {
  background: url("../images/svg/icons/social/vine.svg") no-repeat ; }

.icon-social--vine:hover::before {
  background-image: url("../images/svg/icons/social/vine_hover.svg"); }

.icon-social--wykop::before {
  background: url("../images/svg/icons/social/wykop.svg") no-repeat ; }

.icon-social--wykop:hover::before {
  background-image: url("../images/svg/icons/social/wykop_hover.svg"); }

.icon-social--wordpress::before {
  background: url("../images/svg/icons/social/wordpress.svg") no-repeat ; }

.icon-social--wordpress:hover::before {
  background-image: url("../images/svg/icons/social/wordpress_hover.svg"); }

.icon-social--xerpi::before {
  background: url("../images/svg/icons/social/xerpi.svg") no-repeat ; }

.icon-social--xerpi:hover::before {
  background-image: url("../images/svg/icons/social/xerpi_hover.svg"); }

.icon-social--yammer::before {
  background: url("../images/svg/icons/social/yammer.svg") no-repeat ; }

.icon-social--yammer:hover::before {
  background-image: url("../images/svg/icons/social/yammer_hover.svg"); }

.icon-social--youtube::before {
  background: url("../images/svg/icons/social/youtube.svg") no-repeat ; }

.icon-social--youtube:hover::before {
  background-image: url("../images/svg/icons/social/youtube_hover.svg"); }

.icon-social--print::before {
  background: url("../images/svg/icons/social/print.svg") no-repeat ; }

.icon-social--print:hover::before {
  background-image: url("../images/svg/icons/social/print_hover.svg"); }

.no-svg .icon-social--arto::before {
  background: url("../images/png/icons/social/arto.png") no-repeat ; }

.no-svg .icon-social--arto:hover::before {
  background-image: url("../images/png/icons/social/arto_hover.png"); }

.no-svg .icon-social--bebo::before {
  background: url("../images/png/icons/social/bebo.png") no-repeat ; }

.no-svg .icon-social--bebo:hover::before {
  background-image: url("../images/png/icons/social/bebo_hover.png"); }

.no-svg .icon-social--bitly::before {
  background: url("../images/png/icons/social/bitly.png") no-repeat ; }

.no-svg .icon-social--bitly:hover::before {
  background-image: url("../images/png/icons/social/bitly_hover.png"); }

.no-svg .icon-social--blinklist::before {
  background: url("../images/png/icons/social/blinklist.png") no-repeat ; }

.no-svg .icon-social--blinklist:hover::before {
  background-image: url("../images/png/icons/social/blinklist_hover.png"); }

.no-svg .icon-social--blog::before {
  background: url("../images/png/icons/social/blog.png") no-repeat ; }

.no-svg .icon-social--blog:hover::before {
  background-image: url("../images/png/icons/social/blog_hover.png"); }

.no-svg .icon-social--blogger::before {
  background: url("../images/png/icons/social/blogger.png") no-repeat ; }

.no-svg .icon-social--blogger:hover::before {
  background-image: url("../images/png/icons/social/blogger_hover.png"); }

.no-svg .icon-social--delicious::before {
  background: url("../images/png/icons/social/delicious.png") no-repeat ; }

.no-svg .icon-social--delicious:hover::before {
  background-image: url("../images/png/icons/social/delicious_hover.png"); }

.no-svg .icon-social--digg::before {
  background: url("../images/png/icons/social/digg.png") no-repeat ; }

.no-svg .icon-social--digg:hover::before {
  background-image: url("../images/png/icons/social/digg_hover.png"); }

.no-svg .icon-social--diigo::before {
  background: url("../images/png/icons/social/diigo.png") no-repeat ; }

.no-svg .icon-social--diigo:hover::before {
  background-image: url("../images/png/icons/social/diigo_hover.png"); }

.no-svg .icon-social--dzone::before {
  background: url("../images/png/icons/social/dzone.png") no-repeat ; }

.no-svg .icon-social--dzone:hover::before {
  background-image: url("../images/png/icons/social/dzone_hover.png"); }

.no-svg .icon-social--email::before {
  background: url("../images/png/icons/social/email.png") no-repeat ; }

.no-svg .icon-social--email:hover::before {
  background-image: url("../images/png/icons/social/email_hover.png"); }

.no-svg .icon-social--facebook::before {
  background: url("../images/png/icons/social/facebook.png") no-repeat ; }

.no-svg .icon-social--facebook:hover::before {
  background-image: url("../images/png/icons/social/facebook_hover.png"); }

.no-svg .icon-social--flickr::before {
  background: url("../images/png/icons/social/flickr.png") no-repeat ; }

.no-svg .icon-social--flickr:hover::before {
  background-image: url("../images/png/icons/social/flickr_hover.png"); }

.no-svg .icon-social--foursquare::before {
  background: url("../images/png/icons/social/foursquare.png") no-repeat ; }

.no-svg .icon-social--foursquare:hover::before {
  background-image: url("../images/png/icons/social/foursquare_hover.png"); }

.no-svg .icon-social--generic::before {
  background: url("../images/png/icons/social/generic.png") no-repeat ; }

.no-svg .icon-social--generic:hover::before {
  background-image: url("../images/png/icons/social/generic_hover.png"); }

.no-svg .icon-social--google::before {
  background: url("../images/png/icons/social/google.png") no-repeat ; }

.no-svg .icon-social--google:hover::before {
  background-image: url("../images/png/icons/social/google_hover.png"); }

.no-svg .icon-social--gplus::before {
  background: url("../images/png/icons/social/gplus.png") no-repeat ; }

.no-svg .icon-social--gplus:hover::before {
  background-image: url("../images/png/icons/social/gplus_hover.png"); }

.no-svg .icon-social--instagram::before {
  background: url("../images/png/icons/social/instagram.png") no-repeat ; }

.no-svg .icon-social--instagram:hover::before {
  background-image: url("../images/png/icons/social/instagram_hover.png"); }

.no-svg .icon-social--linkarena::before {
  background: url("../images/png/icons/social/linkarena.png") no-repeat ; }

.no-svg .icon-social--linkarena:hover::before {
  background-image: url("../images/png/icons/social/linkarena_hover.png"); }

.no-svg .icon-social--linkedin::before {
  background: url("../images/png/icons/social/linkedin.png") no-repeat ; }

.no-svg .icon-social--linkedin:hover::before {
  background-image: url("../images/png/icons/social/linkedin_hover.png"); }

.no-svg .icon-social--live::before {
  background: url("../images/png/icons/social/live.png") no-repeat ; }

.no-svg .icon-social--live:hover::before {
  background-image: url("../images/png/icons/social/live_hover.png"); }

.no-svg .icon-social--meneame::before {
  background: url("../images/png/icons/social/meneame.png") no-repeat ; }

.no-svg .icon-social--meneame:hover::before {
  background-image: url("../images/png/icons/social/meneame_hover.png"); }

.no-svg .icon-social--misterwong::before {
  background: url("../images/png/icons/social/misterwong.png") no-repeat ; }

.no-svg .icon-social--misterwong:hover::before {
  background-image: url("../images/png/icons/social/misterwong_hover.png"); }

.no-svg .icon-social--myspace::before {
  background: url("../images/png/icons/social/myspace.png") no-repeat ; }

.no-svg .icon-social--myspace:hover::before {
  background-image: url("../images/png/icons/social/myspace_hover.png"); }

.no-svg .icon-social--netlog::before {
  background: url("../images/png/icons/social/netlog.png") no-repeat ; }

.no-svg .icon-social--netlog:hover::before {
  background-image: url("../images/png/icons/social/netlog_hover.png"); }

.no-svg .icon-social--netvibes::before {
  background: url("../images/png/icons/social/netvibes.png") no-repeat ; }

.no-svg .icon-social--netvibes:hover::before {
  background-image: url("../images/png/icons/social/netvibes_hover.png"); }

.no-svg .icon-social--newsvine::before {
  background: url("../images/png/icons/social/newsvine.png") no-repeat ; }

.no-svg .icon-social--newsvine:hover::before {
  background-image: url("../images/png/icons/social/newsvine_hover.png"); }

.no-svg .icon-social--nujij::before {
  background: url("../images/png/icons/social/nujij.png") no-repeat ; }

.no-svg .icon-social--nujij:hover::before {
  background-image: url("../images/png/icons/social/nujij_hover.png"); }

.no-svg .icon-social--pocket::before {
  background: url("../images/png/icons/social/pocket.png") no-repeat ; }

.no-svg .icon-social--pocket:hover::before {
  background-image: url("../images/png/icons/social/pocket_hover.png"); }

.no-svg .icon-social--pinterest::before {
  background: url("../images/png/icons/social/pinterest.png") no-repeat ; }

.no-svg .icon-social--pinterest:hover::before {
  background-image: url("../images/png/icons/social/pinterest_hover.png"); }

.no-svg .icon-social--reddit::before {
  background: url("../images/png/icons/social/reddit.png") no-repeat ; }

.no-svg .icon-social--reddit:hover::before {
  background-image: url("../images/png/icons/social/reddit_hover.png"); }

.no-svg .icon-social--rss::before {
  background: url("../images/png/icons/social/rss.png") no-repeat ; }

.no-svg .icon-social--rss:hover::before {
  background-image: url("../images/png/icons/social/rss_hover.png"); }

.no-svg .icon-social--share::before {
  background: url("../images/png/icons/social/share.png") no-repeat ; }

.no-svg .icon-social--share:hover::before {
  background-image: url("../images/png/icons/social/share_hover.png"); }

.no-svg .icon-social--skype::before {
  background: url("../images/png/icons/social/skype.png") no-repeat ; }

.no-svg .icon-social--skype:hover::before {
  background-image: url("../images/png/icons/social/skype_hover.png"); }

.no-svg .icon-social--slideshare::before {
  background: url("../images/png/icons/social/slideshare.png") no-repeat ; }

.no-svg .icon-social--slideshare:hover::before {
  background-image: url("../images/png/icons/social/slideshare_hover.png"); }

.no-svg .icon-social--slashdot::before {
  background: url("../images/png/icons/social/slashdot.png") no-repeat ; }

.no-svg .icon-social--slashdot:hover::before {
  background-image: url("../images/png/icons/social/slashdot_hover.png"); }

.no-svg .icon-social--sonico::before {
  background: url("../images/png/icons/social/sonico.png") no-repeat ; }

.no-svg .icon-social--sonico:hover::before {
  background-image: url("../images/png/icons/social/sonico_hover.png"); }

.no-svg .icon-social--spotify::before {
  background: url("../images/png/icons/social/spotify.png") no-repeat ; }

.no-svg .icon-social--spotify:hover::before {
  background-image: url("../images/png/icons/social/spotify_hover.png"); }

.no-svg .icon-social--storify::before {
  background: url("../images/png/icons/social/storify.png") no-repeat ; }

.no-svg .icon-social--storify:hover::before {
  background-image: url("../images/png/icons/social/storify_hover.png"); }

.no-svg .icon-social--studivz::before {
  background: url("../images/png/icons/social/studivz.png") no-repeat ; }

.no-svg .icon-social--studivz:hover::before {
  background-image: url("../images/png/icons/social/studivz_hover.png"); }

.no-svg .icon-social--stumbleupon::before {
  background: url("../images/png/icons/social/stumbleupon.png") no-repeat ; }

.no-svg .icon-social--stumbleupon:hover::before {
  background-image: url("../images/png/icons/social/stumbleupon_hover.png"); }

.no-svg .icon-social--technorati::before {
  background: url("../images/png/icons/social/technorati.png") no-repeat ; }

.no-svg .icon-social--technorati:hover::before {
  background-image: url("../images/png/icons/social/technorati_hover.png"); }

.no-svg .icon-social--tuenti::before {
  background: url("../images/png/icons/social/tuenti.png") no-repeat ; }

.no-svg .icon-social--tuenti:hover::before {
  background-image: url("../images/png/icons/social/tuenti_hover.png"); }

.no-svg .icon-social--tumblr::before {
  background: url("../images/png/icons/social/tumblr.png") no-repeat ; }

.no-svg .icon-social--tumblr:hover::before {
  background-image: url("../images/png/icons/social/tumblr_hover.png"); }

.no-svg .icon-social--twitter::before {
  background: url("../images/png/icons/social/twitter.png") no-repeat #ffffff; }

.no-svg .icon-social--twitter:hover::before {
  background-image: url("../images/png/icons/social/twitter_hover.png"); }

.no-svg .icon-social--viadeo::before {
  background: url("../images/png/icons/social/viadeo.png") no-repeat ; }

.no-svg .icon-social--viadeo:hover::before {
  background-image: url("../images/png/icons/social/viadeo_hover.png"); }

.no-svg .icon-social--vine::before {
  background: url("../images/png/icons/social/vine.png") no-repeat ; }

.no-svg .icon-social--vine:hover::before {
  background-image: url("../images/png/icons/social/vine_hover.png"); }

.no-svg .icon-social--wykop::before {
  background: url("../images/png/icons/social/wykop.png") no-repeat ; }

.no-svg .icon-social--wykop:hover::before {
  background-image: url("../images/png/icons/social/wykop_hover.png"); }

.no-svg .icon-social--wordpress::before {
  background: url("../images/png/icons/social/wordpress.png") no-repeat ; }

.no-svg .icon-social--wordpress:hover::before {
  background-image: url("../images/png/icons/social/wordpress_hover.png"); }

.no-svg .icon-social--xerpi::before {
  background: url("../images/png/icons/social/xerpi.png") no-repeat ; }

.no-svg .icon-social--xerpi:hover::before {
  background-image: url("../images/png/icons/social/xerpi_hover.png"); }

.no-svg .icon-social--yammer::before {
  background: url("../images/png/icons/social/yammer.png") no-repeat ; }

.no-svg .icon-social--yammer:hover::before {
  background-image: url("../images/png/icons/social/yammer_hover.png"); }

.no-svg .icon-social--youtube::before {
  background: url("../images/png/icons/social/youtube.png") no-repeat ; }

.no-svg .icon-social--youtube:hover::before {
  background-image: url("../images/png/icons/social/youtube_hover.png"); }

.no-svg .icon-social--print::before {
  background: url("../images/png/icons/social/print.png") no-repeat ; }

.no-svg .icon-social--print:hover::before {
  background-image: url("../images/png/icons/social/print_hover.png"); }

.no-svg .icon-social--smaller .icon-social--arto::before {
  background: url("../images/png/icons/social/small/arto_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--arto:hover::before {
  background-image: url("../images/png/icons/social/small/arto_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--bebo::before {
  background: url("../images/png/icons/social/small/bebo_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--bebo:hover::before {
  background-image: url("../images/png/icons/social/small/bebo_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--bitly::before {
  background: url("../images/png/icons/social/small/bitly_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--bitly:hover::before {
  background-image: url("../images/png/icons/social/small/bitly_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--blinklist::before {
  background: url("../images/png/icons/social/small/blinklist_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--blinklist:hover::before {
  background-image: url("../images/png/icons/social/small/blinklist_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--blog::before {
  background: url("../images/png/icons/social/small/blog_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--blog:hover::before {
  background-image: url("../images/png/icons/social/small/blog_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--blogger::before {
  background: url("../images/png/icons/social/small/blogger_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--blogger:hover::before {
  background-image: url("../images/png/icons/social/small/blogger_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--delicious::before {
  background: url("../images/png/icons/social/small/delicious_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--delicious:hover::before {
  background-image: url("../images/png/icons/social/small/delicious_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--digg::before {
  background: url("../images/png/icons/social/small/digg_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--digg:hover::before {
  background-image: url("../images/png/icons/social/small/digg_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--diigo::before {
  background: url("../images/png/icons/social/small/diigo_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--diigo:hover::before {
  background-image: url("../images/png/icons/social/small/diigo_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--dzone::before {
  background: url("../images/png/icons/social/small/dzone_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--dzone:hover::before {
  background-image: url("../images/png/icons/social/small/dzone_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--email::before {
  background: url("../images/png/icons/social/small/email_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--email:hover::before {
  background-image: url("../images/png/icons/social/small/email_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--facebook::before {
  background: url("../images/png/icons/social/small/facebook_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--facebook:hover::before {
  background-image: url("../images/png/icons/social/small/facebook_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--flickr::before {
  background: url("../images/png/icons/social/small/flickr_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--flickr:hover::before {
  background-image: url("../images/png/icons/social/small/flickr_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--foursquare::before {
  background: url("../images/png/icons/social/small/foursquare_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--foursquare:hover::before {
  background-image: url("../images/png/icons/social/small/foursquare_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--generic::before {
  background: url("../images/png/icons/social/small/generic_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--generic:hover::before {
  background-image: url("../images/png/icons/social/small/generic_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--google::before {
  background: url("../images/png/icons/social/small/google_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--google:hover::before {
  background-image: url("../images/png/icons/social/small/google_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--gplus::before {
  background: url("../images/png/icons/social/small/gplus_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--gplus:hover::before {
  background-image: url("../images/png/icons/social/small/gplus_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--instagram::before {
  background: url("../images/png/icons/social/small/instagram_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--instagram:hover::before {
  background-image: url("../images/png/icons/social/small/instagram_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--linkarena::before {
  background: url("../images/png/icons/social/small/linkarena_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--linkarena:hover::before {
  background-image: url("../images/png/icons/social/small/linkarena_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--linkedin::before {
  background: url("../images/png/icons/social/small/linkedin_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--linkedin:hover::before {
  background-image: url("../images/png/icons/social/small/linkedin_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--live::before {
  background: url("../images/png/icons/social/small/live_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--live:hover::before {
  background-image: url("../images/png/icons/social/small/live_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--meneame::before {
  background: url("../images/png/icons/social/small/meneame_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--meneame:hover::before {
  background-image: url("../images/png/icons/social/small/meneame_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--misterwong::before {
  background: url("../images/png/icons/social/small/misterwong_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--misterwong:hover::before {
  background-image: url("../images/png/icons/social/small/misterwong_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--myspace::before {
  background: url("../images/png/icons/social/small/myspace_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--myspace:hover::before {
  background-image: url("../images/png/icons/social/small/myspace_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--netlog::before {
  background: url("../images/png/icons/social/small/netlog_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--netlog:hover::before {
  background-image: url("../images/png/icons/social/small/netlog_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--netvibes::before {
  background: url("../images/png/icons/social/small/netvibes_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--netvibes:hover::before {
  background-image: url("../images/png/icons/social/small/netvibes_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--newsvine::before {
  background: url("../images/png/icons/social/small/newsvine_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--newsvine:hover::before {
  background-image: url("../images/png/icons/social/small/newsvine_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--nujij::before {
  background: url("../images/png/icons/social/small/nujij_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--nujij:hover::before {
  background-image: url("../images/png/icons/social/small/nujij_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--pocket::before {
  background: url("../images/png/icons/social/small/pocket_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--pocket:hover::before {
  background-image: url("../images/png/icons/social/small/pocket_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--pinterest::before {
  background: url("../images/png/icons/social/small/pinterest_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--pinterest:hover::before {
  background-image: url("../images/png/icons/social/small/pinterest_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--reddit::before {
  background: url("../images/png/icons/social/small/reddit_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--reddit:hover::before {
  background-image: url("../images/png/icons/social/small/reddit_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--rss::before {
  background: url("../images/png/icons/social/small/rss_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--rss:hover::before {
  background-image: url("../images/png/icons/social/small/rss_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--share::before {
  background: url("../images/png/icons/social/small/share_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--share:hover::before {
  background-image: url("../images/png/icons/social/small/share_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--skype::before {
  background: url("../images/png/icons/social/small/skype_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--skype:hover::before {
  background-image: url("../images/png/icons/social/small/skype_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--slideshare::before {
  background: url("../images/png/icons/social/small/slideshare_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--slideshare:hover::before {
  background-image: url("../images/png/icons/social/small/slideshare_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--slashdot::before {
  background: url("../images/png/icons/social/small/slashdot_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--slashdot:hover::before {
  background-image: url("../images/png/icons/social/small/slashdot_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--sonico::before {
  background: url("../images/png/icons/social/small/sonico_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--sonico:hover::before {
  background-image: url("../images/png/icons/social/small/sonico_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--spotify::before {
  background: url("../images/png/icons/social/small/spotify_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--spotify:hover::before {
  background-image: url("../images/png/icons/social/small/spotify_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--storify::before {
  background: url("../images/png/icons/social/small/storify_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--storify:hover::before {
  background-image: url("../images/png/icons/social/small/storify_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--studivz::before {
  background: url("../images/png/icons/social/small/studivz_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--studivz:hover::before {
  background-image: url("../images/png/icons/social/small/studivz_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--stumbleupon::before {
  background: url("../images/png/icons/social/small/stumbleupon_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--stumbleupon:hover::before {
  background-image: url("../images/png/icons/social/small/stumbleupon_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--technorati::before {
  background: url("../images/png/icons/social/small/technorati_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--technorati:hover::before {
  background-image: url("../images/png/icons/social/small/technorati_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--tuenti::before {
  background: url("../images/png/icons/social/small/tuenti_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--tuenti:hover::before {
  background-image: url("../images/png/icons/social/small/tuenti_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--tumblr::before {
  background: url("../images/png/icons/social/small/tumblr_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--tumblr:hover::before {
  background-image: url("../images/png/icons/social/small/tumblr_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--twitter::before {
  background: url("../images/png/icons/social/small/twitter_small.png") no-repeat #ffffff; }

.no-svg .icon-social--smaller .icon-social--twitter:hover::before {
  background-image: url("../images/png/icons/social/small/twitter_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--viadeo::before {
  background: url("../images/png/icons/social/small/viadeo_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--viadeo:hover::before {
  background-image: url("../images/png/icons/social/small/viadeo_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--vine::before {
  background: url("../images/png/icons/social/small/vine_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--vine:hover::before {
  background-image: url("../images/png/icons/social/small/vine_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--wykop::before {
  background: url("../images/png/icons/social/small/wykop_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--wykop:hover::before {
  background-image: url("../images/png/icons/social/small/wykop_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--wordpress::before {
  background: url("../images/png/icons/social/small/wordpress_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--wordpress:hover::before {
  background-image: url("../images/png/icons/social/small/wordpress_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--xerpi::before {
  background: url("../images/png/icons/social/small/xerpi_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--xerpi:hover::before {
  background-image: url("../images/png/icons/social/small/xerpi_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--yammer::before {
  background: url("../images/png/icons/social/small/yammer_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--yammer:hover::before {
  background-image: url("../images/png/icons/social/small/yammer_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--youtube::before {
  background: url("../images/png/icons/social/small/youtube_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--youtube:hover::before {
  background-image: url("../images/png/icons/social/small/youtube_hover_small.png"); }

.no-svg .icon-social--smaller .icon-social--print::before {
  background: url("../images/png/icons/social/small/print_small.png") no-repeat ; }

.no-svg .icon-social--smaller .icon-social--print:hover::before {
  background-image: url("../images/png/icons/social/small/print_hover_small.png"); }

/*
Inpage navigation

Floating menu containing links to headings in a long page.
Note: Style guide implementation is not complete. TODO: Refactor Drupal js to be
technology agnostic.

Markup: html/inpage-nav.html

Style guide inpagenav
*/
.inpage-nav__wrapper {
  margin-bottom: 1.667em; }
  .inpage-nav__wrapper.affix, .inpage-nav__wrapper.affix-top {
    position: relative; }

.inpage-nav .inpage-nav__list {
  margin: 0 0 0 -11px !important;
  padding-left: 0 !important;
  list-style: none; }
  .inpage-nav .inpage-nav__list li.active .inpage_nav__list-item {
    background-color: #ebebeb;
    border-color: #004494; }

.inpage-nav .inpage_nav__list-item {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 8px;
  color: #000;
  font-size: 0.889em;
  font-weight: bold;
  border-left: 3px solid transparent;
  text-decoration: none; }
  .inpage-nav .inpage_nav__list-item:hover {
    background: none;
    text-decoration: underline; }
  .inpage-nav .inpage_nav__list-item:focus {
    background-color: #ffd617 !important;
    outline: none;
    text-decoration: underline; }

.inpage-nav__navbar {
  background-color: #fff;
  color: #fff; }
  .inpage-nav__navbar .inpage-nav__current-wrapper {
    overflow: hidden; }
  .inpage-nav__navbar .inpage-nav__current,
  .inpage-nav__navbar .inpage-nav__help {
    padding-bottom: 0; }
  .inpage-nav__navbar .inpage-nav__current {
    display: block;
    width: 100%;
    padding-top: 1em;
    overflow: hidden;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer; }
    .inpage-nav__navbar .inpage-nav__current:hover {
      color: #fff; }
  .inpage-nav__navbar .inpage-nav__help {
    display: none;
    padding-top: 1.35em;
    background-color: #ebebeb;
    font-size: 0.778em;
    color: #575757;
    text-transform: uppercase; }
  .inpage-nav__navbar .inpage-nav__title {
    display: block;
    padding: 1em;
    line-height: 1;
    font-size: 1em;
    font-weight: bold; }
  .inpage-nav__navbar .inpage-nav__toggle {
    margin: 0;
    padding: 1em;
    background-color: #003776;
    border-color: #003776; }
    .inpage-nav__navbar .inpage-nav__toggle:hover, .inpage-nav__navbar .inpage-nav__toggle:active, .inpage-nav__navbar .inpage-nav__toggle:focus {
      background-color: #003776;
      color: #fff;
      text-decoration: none; }
  .inpage-nav__navbar .inpage-nav__icon-arrow {
    display: block;
    margin: 5px 4px;
    font-size: 10px;
    color: #fff;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .inpage-nav__navbar .inpage-nav__icon-arrow::before {
      margin-right: 0; }
  .inpage-nav__navbar .inpage-nav__close-text {
    display: none;
    font-size: 15px;
    line-height: 20px; }
  .inpage-nav__navbar .inpage-nav__header {
    margin: 0; }
  .inpage-nav__navbar .inpage-nav__container {
    width: auto;
    padding: 0;
    background-color: #004494; }
    .inpage-nav__navbar .inpage-nav__container .navbar-collapse {
      max-height: none; }
  .inpage-nav__navbar .inpage-nav__list--navbar {
    padding: 0 15px; }
    .inpage-nav__navbar .inpage-nav__list--navbar li.active .inpage_nav__list-item {
      color: inherit; }
    .inpage-nav__navbar .inpage-nav__list--navbar li .inpage_nav__list-item {
      padding: 0.8em 0 0.8em 1em;
      font-size: 0.889em;
      color: #fff;
      border-top: 1px solid #003776; }
      .inpage-nav__navbar .inpage-nav__list--navbar li .inpage_nav__list-item:hover, .inpage-nav__navbar .inpage-nav__list--navbar li .inpage_nav__list-item:focus {
        background: none;
        text-decoration: underline; }

.inpage-nav__navbar-wrapper {
  display: none; }
  .inpage-nav__navbar-wrapper.is-active {
    display: inherit; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__navbar, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__navbar {
    height: 100%; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__help,
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__close-text, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__help,
  .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__close-text {
    display: block; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__current, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__current {
    display: none; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__header, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__header {
    background-color: #ebebeb;
    font-weight: normal; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__toggle, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__toggle {
    background-color: #9f9f9f;
    border-color: #9f9f9f; }
    .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__toggle .inpage-nav__icon-arrow, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__toggle .inpage-nav__icon-arrow {
      color: #575757;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.inpage-nav__block-title {
  display: inherit;
  font-size: 15px;
  font-weight: normal;
  color: #575757;
  text-transform: uppercase; }

.is-inpage-nav-open {
  overflow: hidden; }
  .is-inpage-nav-open .inpage-nav__navbar {
    overflow: auto; }

@media (min-width: 992px) {
  .inpage-nav__wrapper.affix, .inpage-nav__wrapper.affix-top {
    top: 0; }
  .inpage-nav__wrapper.affix {
    position: fixed;
    top: 0;
    padding-top: 30px; }
  .inpage-nav__wrapper.affix-bottom {
    position: absolute; }
  .inpage-nav__navbar-wrapper.is-active {
    display: none; } }

/*
Labels

Markup: html/labels.html

.label--highlight - Status open
.label--status-closed - Status closed
.label--status-upcoming - Status upcoming
.label--meta - Meta
.label--meta-medium - Meta medium
.label--high - Meta high
.label--status - Status
.label--next - Next

Styleguide labels
*/
.label {
  display: inline-block;
  padding: 0.475em 0.5em 0.5em;
  font-size: 0.67em;
  font-weight: normal;
  letter-spacing: 0.12em;
  color: #404040;
  border-radius: 0;
  text-transform: uppercase; }

.label--no-padding-left {
  padding-left: 0; }

.label--status-closed {
  background-color: #ebebeb;
  color: #404040; }

.label--status-upcoming {
  background-color: #fff4bb;
  color: #404040; }

.label--high {
  min-height: 2.75em;
  padding: 0.3em 1em;
  line-height: 2.75em;
  font-size: 0.778em; }

.label--meta, .label--meta-medium {
  margin: 0.25em 1.3em 0.3em 0; }

.label--meta-medium {
  margin: 0.35em 0.5em 0.45em 0;
  font-size: 0.75em; }

.label--highlight {
  background-color: #ffd617;
  color: #404040; }
  .label--highlight.label--meta::after, .label--highlight.label--meta-medium::after {
    content: "";
    margin: 0; }

.label--next {
  background-color: #ffde39; }

.label--status {
  background-color: #ebebeb;
  color: #404040; }

/*
Language select (Site)

Language selector that is used across the whole site

Markup: html/lang-select-site.html

Style guide: siteheader.langselect
*/
.lang-select-site {
  position: absolute;
  top: 0;
  right: 15px;
  text-align: center; }
  .lang-select-site .lang-select-site__link,
  .lang-select-site .lang-select-site__placeholder {
    display: inline-block;
    padding: 7.5px 15px;
    font-size: 0.889em;
    font-weight: bold;
    color: inherit;
    text-align: center;
    text-decoration: none;
    border: 3px solid transparent; }
    .lang-select-site .lang-select-site__link:focus,
    .lang-select-site .lang-select-site__placeholder:focus {
      border-color: #ffd617;
      outline: none; }
  .lang-select-site .lang-select-site__label {
    margin-right: 0.556em; }
  .lang-select-site .lang-select-site__link .lang-select-site__label:hover {
    text-decoration: underline; }
  .lang-select-site .lang-select-site__code {
    display: inline-block;
    position: relative;
    width: 1.556em;
    color: #004494;
    text-transform: uppercase; }
  .lang-select-site .lang-select-site__code-text {
    position: relative;
    top: 0;
    left: -1px;
    font-size: 0.778em;
    color: #fff; }
  .lang-select-site .lang-select-site__icon {
    position: absolute;
    top: -1px;
    left: -1px;
    line-height: 1.4;
    font-size: 1.556em;
    color: #004494; }
    .lang-select-site .lang-select-site__icon::before {
      font-weight: inherit; }

@media (min-width: 992px) {
  .lang-select-site {
    float: left;
    position: static; } }

/*
Language select (Page)

Language selector for a page content.

Markup: html/lang-select-page.html

.lang-select-page--transparent  - Transparent background

Style guide: langselect
*/
/*
Language select (Dropdown)

Demonstrates the language switcher for mobile and small viewports.

Markup: html/lang-select-page-dropdown.html

.lang-select-page--transparent  - Transparent background

Style guide: langselect.dropdown
*/
.lang-select-page {
  width: 100%;
  overflow: hidden;
  background-color: #f5f5f5;
  font-size: 0.778em;
  border-bottom: 1px solid #9f9f9f; }

.icon.lang-select-page__icon, .date-picker .lang-select-page__icon.date-picker--icon, .file--link .lang-select-page__icon.file__title::before, .lang-select-page__icon.search-form__btn, .search-form--improved .lang-select-page__icon.search-form__textfield-wrapper {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 2em; }
  .icon.lang-select-page__icon::before, .date-picker .lang-select-page__icon.date-picker--icon::before, .file--link .lang-select-page__icon.file__title::before, .lang-select-page__icon.search-form__btn::before, .search-form--improved .lang-select-page__icon.search-form__textfield-wrapper::before {
    float: left;
    padding-top: 30%; }

.lang-select-page__unavailable {
  text-decoration: line-through; }

ul.lang-select-page__list {
  float: left;
  margin-bottom: 0 !important;
  padding-left: 0 !important; }
  ul.lang-select-page__list .lang-select-page__option {
    list-style: none;
    float: left;
    padding: 0.85em; }
    ul.lang-select-page__list .lang-select-page__option a {
      display: block; }
    ul.lang-select-page__list .lang-select-page__option.is-selected {
      background-color: #ffd617;
      font-weight: bold;
      color: #000; }

select.lang-select-page__list {
  width: 10em;
  height: 3.4em;
  padding-left: 1.2em;
  line-height: 3.4em;
  background: transparent url("../images/png/arrow-thick-down.png") no-repeat 8em center;
  font-weight: bold;
  border: 0;
  border-radius: 0;
  cursor: pointer; }
  select.lang-select-page__list:hover {
    background-size: unset !important; }

.lang-select-page--transparent {
  background: transparent;
  border-bottom: 1px solid #fff;
  color: #fff; }
  .lang-select-page--transparent select.lang-select-page__list {
    background-color: #003776;
    color: #fff;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; }
    .lang-select-page--transparent select.lang-select-page__list:hover, .lang-select-page--transparent select.lang-select-page__list:active {
      border: 0; }
    .lang-select-page--transparent select.lang-select-page__list > option {
      background-color: #003776; }

@-moz-document url-prefix() {
  .lang-select-page--transparent select.lang-select-page__list {
    height: 3.4em; } }
  .lang-select-page--transparent .lang-select-page__option.is-selected,
  .lang-select-page--transparent .lang-select-page__option.is-selected a {
    color: #000; }
  .lang-select-page--transparent .lang-select-page__option a {
    color: #fff; }

@media (min-width: 768px) {
  .lang-select-page__option {
    display: inline-block; }
  .lang-select-page__unavailable {
    margin-right: 3em; } }

.region-content .page-header ul.lang-select-page__list {
  max-width: inherit; }

.front .lang-select-page {
  display: none; }

#kssref-langselect .lang-select-page--transparent,
#kssref-langselect-dropdown .lang-select-page--transparent {
  background-color: #004494; }

/*
Link block

Markup: html/link-block.html

Style guide link-block
*/
.link-block {
  background-color: #f5f5f5;
  padding: 1.111em;
  margin: 1.667em 0; }

.link-block__links {
  font-size: 0.889em;
  list-style: none;
  padding: 0; }
  .link-block__links a:link, .link-block__links a:visited {
    text-decoration: none; }
  .link-block__links a:hover, .link-block__links a:active {
    text-decoration: underline; }
  .link-block__links li {
    margin-bottom: 0.688em; }

.link-block__title {
  font-weight: 600;
  font-size: 0.889em;
  line-height: 1.875em;
  color: #003776;
  margin-bottom: 0.688em;
  padding: 0; }

/*
Listing

Component used to render list of entities, usually the landing page of a class.
It defines the following modifiers:
- Listing with no border
- Listing with no stripe
- Listing CTA
- Listing line left
- Listing no padding
- Listing short spaced

Markup: html/listing.html

Style guide listing
*/
.listing:before, .listing:after {
  content: " ";
  display: table; }

.listing:after {
  clear: both; }

.listing--priorities .meta {
  display: none; }

/*
Date listings

Listing for event like entities.

Markup: html/listing--agenda.html

Style guide listing.3
*/
.listing--agenda .listing__item p {
  margin: 0; }

.listing--agenda .listing__item .meta div {
  display: inline-block; }

.listing--agenda .listing__item .listing__title {
  color: #404040; }

.listing--agenda .listing__item .listing__author {
  margin-top: 1em;
  font-size: 0.833em; }

.listing--person .listing__title ~ * {
  margin-top: 0;
  line-height: 1.3; }

.listing--person .listing__item:first-child {
  border-top: none; }

/*
Homepage Listings

Specific style for home page listings

Markup: html/listing--homepage.html

Style guide listing.5
*/
/*
Listings variants

Markup: html/listing--teaser.html

.listing--short-spaced - Listing short spaced
.listing--line-left - Listing line left
.listing--no-border - Listing with no border
.listing--nostripe - Listing with no stripe
.listing--meta     - Listing meta

Style guide listing.6
*/
.listing--line-left .listing__title {
  font-size: 1.222em; }

.listing--line-left .listing--teaser {
  padding-left: 0; }

.listing--line-left .listing__item {
  border-top: none !important;
  border-bottom: none !important;
  border-left: 5px solid #004494;
  padding: 0.611em 0 0.611em 1.222em;
  margin: 0.611em 0; }

@media (min-width: 480px) {
  .listing--line-left p {
    font-size: 1em; } }

.listing--nostripe {
  padding: 30px; }
  .listing--nostripe .listing__item {
    border: none; }
    .listing--nostripe .listing__item:first-child {
      border: none; }
      .listing--nostripe .listing__item:first-child .listing__item-link {
        padding-top: 0; }
    .listing--nostripe .listing__item:last-child .listing__item-link {
      padding-bottom: 0; }

.listing--cta {
  color: #fff; }
  .listing--cta .listing__item {
    border: none; }
    .listing--cta .listing__item:hover .listing__title,
    .listing--cta .listing__item:hover .listing__title a,
    .listing--cta .listing__item:hover a, .listing--cta .listing__item:active .listing__title,
    .listing--cta .listing__item:active .listing__title a,
    .listing--cta .listing__item:active a, .listing--cta .listing__item:focus .listing__title,
    .listing--cta .listing__item:focus .listing__title a,
    .listing--cta .listing__item:focus a {
      color: #fff;
      text-decoration: underline; }
    .listing--cta .listing__item .listing__item__wrapper,
    .listing--cta .listing__item > div {
      padding: 1.111em;
      background-color: #004494; }
      .listing--cta .listing__item .listing__item__wrapper:before, .listing--cta .listing__item .listing__item__wrapper:after,
      .listing--cta .listing__item > div:before,
      .listing--cta .listing__item > div:after {
        content: " ";
        display: table; }
      .listing--cta .listing__item .listing__item__wrapper:after,
      .listing--cta .listing__item > div:after {
        clear: both; }
    .listing--cta .listing__item .listing__title {
      color: #fff; }
      .listing--cta .listing__item .listing__title a {
        color: #fff; }
    .listing--cta .listing__item:first-child {
      border-top: none; }
    .listing--cta .listing__item:last-child {
      padding-bottom: 1.222em; }
    .listing--cta .listing__item .listing__title {
      position: relative;
      padding-right: 1.3em; }

.listing--no-border .listing__item {
  border: none !important; }

.listing--short-spaced .listing__item {
  padding: 0.5em 0 !important; }

/*
Listing navigation

Navigational listing.
The following example is a general one, using "Section" styling.

Markup: html/listing--navigation.html

Style guide listing.7
*/
.listing--navigation .listing__item-link {
  display: block;
  padding: 0;
  border-top: 3px #ffd617 solid; }
  .listing--navigation .listing__item-link:hover {
    border-top-color: #000; }
    .listing--navigation .listing__item-link:hover .listing__section-title {
      color: #000;
      text-decoration: underline; }

.listing--navigation .listing__section-title {
  padding: 0.75em 0 1.5em 0;
  line-height: 1.2728em;
  font-size: 1em;
  color: #004494; }

.listing--navigation .listing__description {
  color: #404040;
  text-decoration: none; }

.listing--navigation .listing__item {
  padding: 0;
  border-bottom: none; }

.listing--navigation .listing__title {
  font-weight: normal; }

.listing--navigation .listing__separator {
  float: left;
  max-width: 32em;
  width: 100%;
  margin: 0.611em 0 0 0;
  padding-top: 1.111em;
  border-top: 1px solid #e3e3e3; }

@media (min-width: 480px) {
  .listing--navigation {
    margin-bottom: 5em;
    position: relative; }
    .listing--navigation .listing__section-title {
      font-size: 1.222em; }
    .listing--navigation .listing__description {
      font-size: 1em; } }

.listing__date {
  float: left; }

.listing__column-main .listing__with {
  margin-top: 0; }

.listing--meta .listing__title {
  margin-bottom: 0; }

.listing__wrapper {
  margin-bottom: 1.667em; }
  .listing__wrapper .listing {
    max-width: inherit; }

.listing__item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .listing__item-link:focus {
    outline: 3px solid #ffd617;
    outline-offset: 2px;
    text-decoration: underline; }

.listing__item {
  list-style: none;
  position: relative;
  float: left;
  width: 100%;
  padding: 1.111em 0;
  border-bottom: 1px solid #ebebeb; }
  .listing__item:first-child {
    border-top: 1px solid #ebebeb; }
  .listing__item .contextual-links-region {
    position: static; }
  .listing__item:hover .listing__title a,
  .listing__item:hover a.listing__title, .listing__item:focus .listing__title a,
  .listing__item:focus a.listing__title, .listing__item:active .listing__title a,
  .listing__item:active a.listing__title {
    color: #404040;
    text-decoration: underline; }
  .listing__item p {
    margin-bottom: 0;
    font-size: 0.889em; }
  .listing__item a:not(.listing__item-link) {
    z-index: 2; }
  .listing__item a.listing__title {
    color: #004494; }
  .listing__item .listing__title {
    position: relative;
    margin-bottom: 0.5em;
    padding: 0;
    line-height: 1.3;
    font-family: Arial, sans-serif;
    font-size: 1em; }
    .listing__item .listing__title a {
      color: #004494; }
      .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"])::after {
        display: none !important; }
      .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .listing__title,
      .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .highlighted-item h3 {
        padding-right: 1.2em; }
        .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .listing__title::after,
        .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .highlighted-item h3::after {
          position: absolute;
          line-height: 1.6; }

.listing__column-second {
  width: 100%;
  margin: 0.2em 0 0.8em 0; }
  .listing__column-second img {
    text-align: right; }

.listing__column-main {
  float: left;
  width: 100%;
  padding-left: 0; }
  .listing__column-main::after {
    content: ' ';
    clear: left;
    height: 1px;
    display: block; }

.listing__column-second--no-link {
  margin: 0;
  padding-bottom: 0.85em; }
  .listing__column-second--no-link .btn, .listing__column-second--no-link .inpage-nav__navbar .inpage-nav__toggle, .inpage-nav__navbar .listing__column-second--no-link .inpage-nav__toggle {
    margin-bottom: 0; }

@media (min-width: 480px) {
  .listing__column-second {
    float: right;
    width: 25%;
    margin: 0;
    padding-left: 15px; }
    .listing__column-second + .listing__column-main {
      width: 75%; }
  .listing__column-second--no-link {
    width: 100%;
    padding-left: 0; } }

@media (min-width: 622px) {
  .listing__column-main--sidebar-next {
    width: 66.6%; }
  .listing__column-second--no-link {
    float: right;
    width: 33.3%;
    padding-top: 0.85em;
    padding-left: 15px; }
    .listing__column-second--no-link .btn, .listing__column-second--no-link .inpage-nav__navbar .inpage-nav__toggle, .inpage-nav__navbar .listing__column-second--no-link .inpage-nav__toggle {
      margin-top: 1.667em; } }

.listing__title--arrow::after, .listing--cta .listing__item .listing__title::after {
  position: absolute;
  margin-top: 2px;
  margin-left: 10px;
  font-size: 1.222em; }

.listing__read-more {
  display: inline-block;
  padding-top: 0.5em;
  font-size: 0.833em;
  font-weight: 600;
  text-transform: uppercase;
  float: right; }
  .listing__read-more:before, .listing__read-more:after {
    content: " ";
    display: table; }
  .listing__read-more:after {
    clear: both; }
  .listing__read-more::after {
    font-size: 0.778em; }
  .listing__read-more + .free-text {
    margin-top: 1.5em; }

.listing__status-container {
  display: block;
  margin-bottom: 0.8em; }

@media (min-width: 992px) {
  .listing .listing__status-container--inline {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 0.4em; } }

/*
Listing thumbnails

This is a modifier that applies changes to the listing__item element.

Markup: html/listing--column-left.html

Style guide listing.2
*/
.listing--column-left .listing__column-main {
  width: auto;
  float: none;
  overflow: hidden; }

.listing--column-left .listing__column-second {
  float: left;
  width: auto;
  padding-left: 0;
  padding-right: 15px; }

/*
Title listings

Listing title is the component modifier used to style a list of titles.

Markup: html/listing--title.html

.listing--title-medium - Listing title medium

Style guide listing.4
*/
.listing--title .listing__item {
  padding: 0.61em 0; }
  .listing--title .listing__item p {
    margin-top: 0.5em; }

.listing--title .listing__title {
  display: block;
  margin: 0;
  padding-right: 2em;
  text-decoration: none; }
  .listing--title .listing__title::after {
    line-height: 1.6; }

.listing--title-medium .listing__title {
  font-size: 1.222em; }

.listing--frontpage p {
  line-height: 1.375em; }

/*
Listing layouts

Listing layouts are implemented as modifiers of the listing__wrapper element
which is actually the container of the component.

Style guide listing.8
*/
/*
Listing two columns

This is a way to put two listings in two different columns.

Markup: html/listing__wrapper--two-columns.html

Style guide listing.8.1
*/
/*
Listing three columns

This is a way to put three listings in three different columns.

Markup: html/listing__wrapper--three-columns.html

Style guide listing.8.2
*/
/*
Listing three columns

Listings with featured items in three columns.

Markup: html/listing__wrapper--three-columns-featured-item.html

Style guide listing.8.3
*/
/*
Listing item two rows

This is a way to put two listing_item in the same row.

Markup: html/listing__wrapper--row-two.html

Style guide listing.8.4
*/
/*
Listing item three rows

This is a way to put three listing_item in the same row.

Markup: html/listing__wrapper--row-three.html

Style guide listing.8.5
*/
.listing__wrapper--maxwidth .listing__item {
  max-width: none; }

.listing__wrapper--three-columns .listing__title,
.listing__wrapper--two-columns .listing__title,
.listing__wrapper--row-three .listing__title,
.listing__wrapper--row-two .listing__title {
  margin: 0.2em 0 0.4em 0; }

.listing__wrapper--three-columns p,
.listing__wrapper--two-columns p,
.listing__wrapper--row-three p,
.listing__wrapper--row-two p {
  padding: 0; }

.listing__wrapper--two-columns .listing {
  margin-bottom: 2em; }

.listing__wrapper--row-two .listing__item:nth-child(odd) {
  clear: left; }

.listing__wrapper--row-three .listing__item:nth-child(3n+4) {
  clear: left; }

@media (min-width: 992px) {
  .listing__wrapper--two-columns .listing {
    margin-bottom: 0; } }

.listing__wrapper--no-margin-bottom {
  margin-bottom: 0; }

.logo, .logo--logotype, .logo--logotypebelow {
  display: block;
  float: left;
  width: 140px;
  height: 72px;
  background: url("../images/svg/logo.svg") no-repeat; }

.no-svg .logo, .no-svg .logo--logotype, .no-svg .logo--logotypebelow {
  background-image: url("../images/png/logo.png"); }

.language-bg .logo--logotype {
  background-image: url("../images/svg/logo/logo--bg.svg"); }

@media print {
  .language-bg .logo--logotype::before {
    content: url("../images/svg/logo/logo--bg.svg"); } }

.language-cs .logo--logotype {
  background-image: url("../images/svg/logo/logo--cs.svg"); }

@media print {
  .language-cs .logo--logotype::before {
    content: url("../images/svg/logo/logo--cs.svg"); } }

.language-da .logo--logotype {
  background-image: url("../images/svg/logo/logo--da.svg"); }

@media print {
  .language-da .logo--logotype::before {
    content: url("../images/svg/logo/logo--da.svg"); } }

.language-de .logo--logotype {
  background-image: url("../images/svg/logo/logo--de.svg"); }

@media print {
  .language-de .logo--logotype::before {
    content: url("../images/svg/logo/logo--de.svg"); } }

.language-el .logo--logotype {
  background-image: url("../images/svg/logo/logo--el.svg"); }

@media print {
  .language-el .logo--logotype::before {
    content: url("../images/svg/logo/logo--el.svg"); } }

.language-en .logo--logotype {
  background-image: url("../images/svg/logo/logo--en.svg"); }

@media print {
  .language-en .logo--logotype::before {
    content: url("../images/svg/logo/logo--en.svg"); } }

.language-es .logo--logotype {
  background-image: url("../images/svg/logo/logo--es.svg"); }

@media print {
  .language-es .logo--logotype::before {
    content: url("../images/svg/logo/logo--es.svg"); } }

.language-et .logo--logotype {
  background-image: url("../images/svg/logo/logo--et.svg"); }

@media print {
  .language-et .logo--logotype::before {
    content: url("../images/svg/logo/logo--et.svg"); } }

.language-fi .logo--logotype {
  background-image: url("../images/svg/logo/logo--fi.svg"); }

@media print {
  .language-fi .logo--logotype::before {
    content: url("../images/svg/logo/logo--fi.svg"); } }

.language-fr .logo--logotype {
  background-image: url("../images/svg/logo/logo--fr.svg"); }

@media print {
  .language-fr .logo--logotype::before {
    content: url("../images/svg/logo/logo--fr.svg"); } }

.language-ga .logo--logotype {
  background-image: url("../images/svg/logo/logo--ga.svg"); }

@media print {
  .language-ga .logo--logotype::before {
    content: url("../images/svg/logo/logo--ga.svg"); } }

.language-hr .logo--logotype {
  background-image: url("../images/svg/logo/logo--hr.svg"); }

@media print {
  .language-hr .logo--logotype::before {
    content: url("../images/svg/logo/logo--hr.svg"); } }

.language-hu .logo--logotype {
  background-image: url("../images/svg/logo/logo--hu.svg"); }

@media print {
  .language-hu .logo--logotype::before {
    content: url("../images/svg/logo/logo--hu.svg"); } }

.language-it .logo--logotype {
  background-image: url("../images/svg/logo/logo--it.svg"); }

@media print {
  .language-it .logo--logotype::before {
    content: url("../images/svg/logo/logo--it.svg"); } }

.language-lt .logo--logotype {
  background-image: url("../images/svg/logo/logo--lt.svg"); }

@media print {
  .language-lt .logo--logotype::before {
    content: url("../images/svg/logo/logo--lt.svg"); } }

.language-lv .logo--logotype {
  background-image: url("../images/svg/logo/logo--lv.svg"); }

@media print {
  .language-lv .logo--logotype::before {
    content: url("../images/svg/logo/logo--lv.svg"); } }

.language-mt .logo--logotype {
  background-image: url("../images/svg/logo/logo--mt.svg"); }

@media print {
  .language-mt .logo--logotype::before {
    content: url("../images/svg/logo/logo--mt.svg"); } }

.language-nl .logo--logotype {
  background-image: url("../images/svg/logo/logo--nl.svg"); }

@media print {
  .language-nl .logo--logotype::before {
    content: url("../images/svg/logo/logo--nl.svg"); } }

.language-pl .logo--logotype {
  background-image: url("../images/svg/logo/logo--pl.svg"); }

@media print {
  .language-pl .logo--logotype::before {
    content: url("../images/svg/logo/logo--pl.svg"); } }

.language-pt .logo--logotype {
  background-image: url("../images/svg/logo/logo--pt.svg"); }

@media print {
  .language-pt .logo--logotype::before {
    content: url("../images/svg/logo/logo--pt.svg"); } }

.language-ro .logo--logotype {
  background-image: url("../images/svg/logo/logo--ro.svg"); }

@media print {
  .language-ro .logo--logotype::before {
    content: url("../images/svg/logo/logo--ro.svg"); } }

.language-sk .logo--logotype {
  background-image: url("../images/svg/logo/logo--sk.svg"); }

@media print {
  .language-sk .logo--logotype::before {
    content: url("../images/svg/logo/logo--sk.svg"); } }

.language-sl .logo--logotype {
  background-image: url("../images/svg/logo/logo--sl.svg"); }

@media print {
  .language-sl .logo--logotype::before {
    content: url("../images/svg/logo/logo--sl.svg"); } }

.language-sv .logo--logotype {
  background-image: url("../images/svg/logo/logo--sv.svg"); }

@media print {
  .language-sv .logo--logotype::before {
    content: url("../images/svg/logo/logo--sv.svg"); } }

.logo--logotype {
  width: 190px; }

.no-svg .language-bg .logo--logotype {
  background-image: url("../images/png/logo/logo--bg.png"); }

@media print {
  .no-svg .language-bg .logo--logotype::before {
    content: url("../images/png/logo/logo--bg.png"); } }

.no-svg .language-cs .logo--logotype {
  background-image: url("../images/png/logo/logo--cs.png"); }

@media print {
  .no-svg .language-cs .logo--logotype::before {
    content: url("../images/png/logo/logo--cs.png"); } }

.no-svg .language-da .logo--logotype {
  background-image: url("../images/png/logo/logo--da.png"); }

@media print {
  .no-svg .language-da .logo--logotype::before {
    content: url("../images/png/logo/logo--da.png"); } }

.no-svg .language-de .logo--logotype {
  background-image: url("../images/png/logo/logo--de.png"); }

@media print {
  .no-svg .language-de .logo--logotype::before {
    content: url("../images/png/logo/logo--de.png"); } }

.no-svg .language-el .logo--logotype {
  background-image: url("../images/png/logo/logo--el.png"); }

@media print {
  .no-svg .language-el .logo--logotype::before {
    content: url("../images/png/logo/logo--el.png"); } }

.no-svg .language-en .logo--logotype {
  background-image: url("../images/png/logo/logo--en.png"); }

@media print {
  .no-svg .language-en .logo--logotype::before {
    content: url("../images/png/logo/logo--en.png"); } }

.no-svg .language-es .logo--logotype {
  background-image: url("../images/png/logo/logo--es.png"); }

@media print {
  .no-svg .language-es .logo--logotype::before {
    content: url("../images/png/logo/logo--es.png"); } }

.no-svg .language-et .logo--logotype {
  background-image: url("../images/png/logo/logo--et.png"); }

@media print {
  .no-svg .language-et .logo--logotype::before {
    content: url("../images/png/logo/logo--et.png"); } }

.no-svg .language-fi .logo--logotype {
  background-image: url("../images/png/logo/logo--fi.png"); }

@media print {
  .no-svg .language-fi .logo--logotype::before {
    content: url("../images/png/logo/logo--fi.png"); } }

.no-svg .language-fr .logo--logotype {
  background-image: url("../images/png/logo/logo--fr.png"); }

@media print {
  .no-svg .language-fr .logo--logotype::before {
    content: url("../images/png/logo/logo--fr.png"); } }

.no-svg .language-ga .logo--logotype {
  background-image: url("../images/png/logo/logo--ga.png"); }

@media print {
  .no-svg .language-ga .logo--logotype::before {
    content: url("../images/png/logo/logo--ga.png"); } }

.no-svg .language-hr .logo--logotype {
  background-image: url("../images/png/logo/logo--hr.png"); }

@media print {
  .no-svg .language-hr .logo--logotype::before {
    content: url("../images/png/logo/logo--hr.png"); } }

.no-svg .language-hu .logo--logotype {
  background-image: url("../images/png/logo/logo--hu.png"); }

@media print {
  .no-svg .language-hu .logo--logotype::before {
    content: url("../images/png/logo/logo--hu.png"); } }

.no-svg .language-it .logo--logotype {
  background-image: url("../images/png/logo/logo--it.png"); }

@media print {
  .no-svg .language-it .logo--logotype::before {
    content: url("../images/png/logo/logo--it.png"); } }

.no-svg .language-lt .logo--logotype {
  background-image: url("../images/png/logo/logo--lt.png"); }

@media print {
  .no-svg .language-lt .logo--logotype::before {
    content: url("../images/png/logo/logo--lt.png"); } }

.no-svg .language-lv .logo--logotype {
  background-image: url("../images/png/logo/logo--lv.png"); }

@media print {
  .no-svg .language-lv .logo--logotype::before {
    content: url("../images/png/logo/logo--lv.png"); } }

.no-svg .language-mt .logo--logotype {
  background-image: url("../images/png/logo/logo--mt.png"); }

@media print {
  .no-svg .language-mt .logo--logotype::before {
    content: url("../images/png/logo/logo--mt.png"); } }

.no-svg .language-nl .logo--logotype {
  background-image: url("../images/png/logo/logo--nl.png"); }

@media print {
  .no-svg .language-nl .logo--logotype::before {
    content: url("../images/png/logo/logo--nl.png"); } }

.no-svg .language-pl .logo--logotype {
  background-image: url("../images/png/logo/logo--pl.png"); }

@media print {
  .no-svg .language-pl .logo--logotype::before {
    content: url("../images/png/logo/logo--pl.png"); } }

.no-svg .language-pt .logo--logotype {
  background-image: url("../images/png/logo/logo--pt.png"); }

@media print {
  .no-svg .language-pt .logo--logotype::before {
    content: url("../images/png/logo/logo--pt.png"); } }

.no-svg .language-ro .logo--logotype {
  background-image: url("../images/png/logo/logo--ro.png"); }

@media print {
  .no-svg .language-ro .logo--logotype::before {
    content: url("../images/png/logo/logo--ro.png"); } }

.no-svg .language-sk .logo--logotype {
  background-image: url("../images/png/logo/logo--sk.png"); }

@media print {
  .no-svg .language-sk .logo--logotype::before {
    content: url("../images/png/logo/logo--sk.png"); } }

.no-svg .language-sl .logo--logotype {
  background-image: url("../images/png/logo/logo--sl.png"); }

@media print {
  .no-svg .language-sl .logo--logotype::before {
    content: url("../images/png/logo/logo--sl.png"); } }

.no-svg .language-sv .logo--logotype {
  background-image: url("../images/png/logo/logo--sv.png"); }

@media print {
  .no-svg .language-sv .logo--logotype::before {
    content: url("../images/png/logo/logo--sv.png"); } }

.no-svg .logo--logotype {
  width: 190px; }

.language-bg .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--bg.svg"); }

@media print {
  .language-bg .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--bg.svg"); } }

.language-cs .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--cs.svg"); }

@media print {
  .language-cs .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--cs.svg"); } }

.language-da .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--da.svg"); }

@media print {
  .language-da .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--da.svg"); } }

.language-de .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--de.svg"); }

@media print {
  .language-de .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--de.svg"); } }

.language-el .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--el.svg"); }

@media print {
  .language-el .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--el.svg"); } }

.language-en .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--en.svg"); }

@media print {
  .language-en .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--en.svg"); } }

.language-es .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--es.svg"); }

@media print {
  .language-es .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--es.svg"); } }

.language-et .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--et.svg"); }

@media print {
  .language-et .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--et.svg"); } }

.language-fi .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--fi.svg"); }

@media print {
  .language-fi .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--fi.svg"); } }

.language-fr .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--fr.svg"); }

@media print {
  .language-fr .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--fr.svg"); } }

.language-ga .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--ga.svg"); }

@media print {
  .language-ga .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--ga.svg"); } }

.language-hr .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--hr.svg"); }

@media print {
  .language-hr .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--hr.svg"); } }

.language-hu .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--hu.svg"); }

@media print {
  .language-hu .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--hu.svg"); } }

.language-it .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--it.svg"); }

@media print {
  .language-it .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--it.svg"); } }

.language-lt .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--lt.svg"); }

@media print {
  .language-lt .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--lt.svg"); } }

.language-lv .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--lv.svg"); }

@media print {
  .language-lv .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--lv.svg"); } }

.language-mt .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--mt.svg"); }

@media print {
  .language-mt .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--mt.svg"); } }

.language-nl .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--nl.svg"); }

@media print {
  .language-nl .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--nl.svg"); } }

.language-pl .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--pl.svg"); }

@media print {
  .language-pl .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--pl.svg"); } }

.language-pt .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--pt.svg"); }

@media print {
  .language-pt .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--pt.svg"); } }

.language-ro .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--ro.svg"); }

@media print {
  .language-ro .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--ro.svg"); } }

.language-sk .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--sk.svg"); }

@media print {
  .language-sk .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--sk.svg"); } }

.language-sl .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--sl.svg"); }

@media print {
  .language-sl .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--sl.svg"); } }

.language-sv .logo--logotypebelow {
  background-image: url("../images/svg/logo/logotypebelow--sv.svg"); }

@media print {
  .language-sv .logo--logotypebelow::before {
    content: url("../images/svg/logo/logotypebelow--sv.svg"); } }

.no-svg .language-bg .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--bg.png"); }

@media print {
  .no-svg .language-bg .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--bg.png"); } }

.no-svg .language-cs .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--cs.png"); }

@media print {
  .no-svg .language-cs .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--cs.png"); } }

.no-svg .language-da .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--da.png"); }

@media print {
  .no-svg .language-da .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--da.png"); } }

.no-svg .language-de .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--de.png"); }

@media print {
  .no-svg .language-de .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--de.png"); } }

.no-svg .language-el .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--el.png"); }

@media print {
  .no-svg .language-el .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--el.png"); } }

.no-svg .language-en .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--en.png"); }

@media print {
  .no-svg .language-en .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--en.png"); } }

.no-svg .language-es .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--es.png"); }

@media print {
  .no-svg .language-es .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--es.png"); } }

.no-svg .language-et .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--et.png"); }

@media print {
  .no-svg .language-et .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--et.png"); } }

.no-svg .language-fi .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--fi.png"); }

@media print {
  .no-svg .language-fi .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--fi.png"); } }

.no-svg .language-fr .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--fr.png"); }

@media print {
  .no-svg .language-fr .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--fr.png"); } }

.no-svg .language-ga .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--ga.png"); }

@media print {
  .no-svg .language-ga .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--ga.png"); } }

.no-svg .language-hr .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--hr.png"); }

@media print {
  .no-svg .language-hr .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--hr.png"); } }

.no-svg .language-hu .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--hu.png"); }

@media print {
  .no-svg .language-hu .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--hu.png"); } }

.no-svg .language-it .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--it.png"); }

@media print {
  .no-svg .language-it .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--it.png"); } }

.no-svg .language-lt .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--lt.png"); }

@media print {
  .no-svg .language-lt .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--lt.png"); } }

.no-svg .language-lv .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--lv.png"); }

@media print {
  .no-svg .language-lv .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--lv.png"); } }

.no-svg .language-mt .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--mt.png"); }

@media print {
  .no-svg .language-mt .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--mt.png"); } }

.no-svg .language-nl .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--nl.png"); }

@media print {
  .no-svg .language-nl .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--nl.png"); } }

.no-svg .language-pl .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--pl.png"); }

@media print {
  .no-svg .language-pl .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--pl.png"); } }

.no-svg .language-pt .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--pt.png"); }

@media print {
  .no-svg .language-pt .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--pt.png"); } }

.no-svg .language-ro .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--ro.png"); }

@media print {
  .no-svg .language-ro .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--ro.png"); } }

.no-svg .language-sk .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--sk.png"); }

@media print {
  .no-svg .language-sk .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--sk.png"); } }

.no-svg .language-sl .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--sl.png"); }

@media print {
  .no-svg .language-sl .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--sl.png"); } }

.no-svg .language-sv .logo--logotypebelow {
  background-image: url("../images/png/logo/logotypebelow--sv.png"); }

@media print {
  .no-svg .language-sv .logo--logotypebelow::before {
    content: url("../images/png/logo/logotypebelow--sv.png"); } }

.logo--logotypebelow {
  width: 198px;
  height: 72px; }

@media (min-width: 480px) {
  .logo--logotype {
    width: 290px; }
  .logo--logotypebelow {
    width: 324px;
    height: 118px; } }

.site-header__logo::before, .site-header__logo::after {
  display: none !important; }

/*
Meta

Meta is a component that is used for displaying meta information in single
pages and listings.
It could also be reused in blocks.

Markup: html/meta.html

.meta--header - Meta header modifier  that is currently used in the page header, it is larger than the meta component alone

Style guide meta
*/
.meta {
  line-height: 1.3;
  font-size: 0.778em;
  letter-spacing: 0.02777778em;
  margin-bottom: 0.5em; }
  .meta p {
    margin: 0; }

.meta__item, .label--meta, .label--meta-medium {
  white-space: nowrap; }
  .meta__item::after, .label--meta::after, .label--meta-medium::after {
    content: "|";
    color: #9f9f9f;
    margin: 0 0.6em 0 0.85em;
    position: relative;
    top: -1px; }
  .meta__item:last-child::after, .label--meta:last-child::after, .label--meta-medium:last-child::after {
    display: none; }

.meta__item--type {
  text-transform: uppercase; }

.meta--header {
  font-size: 0.889em;
  margin: 0; }

.meta .meta__item p, .meta .label--meta p, .meta .label--meta-medium p {
  font-size: inherit !important;
  display: inline;
  line-height: inherit;
  max-width: none; }

.meta .label {
  font-size: 0.889em !important; }

/*
Messages

Messages is a component that is used for displaying different types of messages
like:
* info (by default)
* status
* warning
* error
* live

The component messages is defined "info" by default, the "info" type doesn't
exist as class. The "live" type is meant to be used in cases like live streaming
for events.

Markup: html/messages.html

messages--icon-center - Centralized icon

Style guide: messages
*/
.messages, .feedback-message {
  position: relative;
  min-height: 5.375em;
  margin: 0 0 1em;
  padding: 1.315em 0 1.315em 5em;
  overflow: hidden;
  background: transparent no-repeat 1.375em 1.375em;
  font-family: Arial, sans-serif;
  font-size: 0.889em;
  color: #404040;
  border: 2px solid transparent; }
  .messages.messages--icon-center, .messages--icon-center.feedback-message {
    background-position: 1.315em center; }
  .messages.info, .info.feedback-message {
    background-image: url("../images/svg/messages-info.svg");
    border-color: #006fb4; }
  .messages.status, .status.feedback-message {
    background-image: url("../images/svg/messages-success.svg");
    border-color: #467a39; }
  .messages.warning, .warning.feedback-message {
    background-image: url("../images/svg/messages-warning.svg");
    border-color: #f29527; }
  .messages.error, .error.feedback-message {
    background-image: url("../images/svg/messages-error.svg");
    border-color: #da2131; }
  .messages.live, .live.feedback-message {
    background-image: url("../images/svg/live_streaming.svg");
    border-color: #f29527; }
  .messages h3, .feedback-message h3 {
    padding-top: 0;
    font-size: inherit;
    font-weight: bold; }
  .messages p, .feedback-message p {
    max-width: 95%;
    margin-bottom: 0;
    font-size: 0.889em; }
  .messages > :last-child, .feedback-message > :last-child {
    padding-bottom: 0; }
  .messages .close, .feedback-message .close {
    display: none; }

.alert {
  margin: 1.667em 0;
  border-radius: 0; }
  .alert .close {
    display: block;
    position: absolute;
    top: 0.465em;
    right: 0.465em;
    padding: 0 0 0 5px;
    background: transparent url("../images/svg/close.svg") no-repeat right top;
    font-size: 1.625em;
    color: transparent;
    text-shadow: none;
    text-decoration: none;
    opacity: 1; }
    .alert .close:hover {
      background-image: url("../images/svg/close_hover.svg"); }

.no-svg .messages.info, .no-svg .info.feedback-message {
  background-image: url("../images/png/messages-info.png"); }

.no-svg .messages.status, .no-svg .status.feedback-message {
  background-image: url("../images/png/messages-info.png"); }

.no-svg .messages.warning, .no-svg .warning.feedback-message {
  background-image: url("../images/png/messages-warning.png"); }

.no-svg .messages.error, .no-svg .error.feedback-message {
  background-image: url("../images/png/messages-error.png"); }

.no-svg .messages.live, .no-svg .live.feedback-message {
  background-image: url("../images/png/live_streaming.png"); }

.no-svg .alert .close {
  background-image: url("../images/png/close.png"); }
  .no-svg .alert .close:hover {
    background-image: url("../images/png/close_hover.png"); }

/*
Feedback message

Markup: html/feedback-message.html

Style guide: form.feedback-message
*/
.feedback-message {
  border: none; }
  .feedback-message.is-disabled {
    color: #9f9f9f; }
  .feedback-message.is-error {
    background: #f5f5f5 url("../images/svg/messages-error.svg") no-repeat 1.375em 1.375em; }

.no-svg .feedback-message.is-error {
  background-image: url("../images/png/messages-error.png"); }

/*
Notification

Notification that appears at the top of the site.

Markup: html/notification.html

Style guide notification
*/
.notification {
  padding: 10px 0 6px;
  background-color: #ffd617;
  font-size: 0.778em; }
  .notification a {
    color: #000; }
    .notification a:focus {
      outline: 3px solid #000;
      outline-offset: 2px;
      text-decoration: underline; }
    .notification a:hover, .notification a:focus {
      text-decoration: none; }

.notification__label {
  display: inline-block;
  margin-right: 1.5em;
  font-weight: bold;
  text-transform: uppercase; }

.notification__content {
  display: block; }
  .notification__content .notification__text {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    margin-right: 8px; }
  .notification__content .notification__btn {
    float: left;
    margin-bottom: 6px;
    font-weight: bold; }
    .notification__content .notification__btn::after {
      font-size: 0.67em; }
  .notification__content p {
    max-width: none;
    margin: 0; }

.notification__content__more {
  font-weight: 600; }
  .notification__content__more .icon, .notification__content__more .date-picker .date-picker--icon, .date-picker .notification__content__more .date-picker--icon, .notification__content__more .file--link .file__title::before, .file--link .notification__content__more .file__title::before, .notification__content__more .search-form__btn, .notification__content__more .search-form--improved .search-form__textfield-wrapper, .search-form--improved .notification__content__more .search-form__textfield-wrapper {
    position: relative;
    top: 2px; }

@media (min-width: 768px) {
  .notification__content .notification__text {
    width: 75%; }
  .notification__content .notification__btn {
    float: right; } }

@media (min-width: 1200px) {
  .notification__content__more {
    float: right; } }

.notification a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) {
  padding-right: 1.1em; }
  .notification a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"])::after {
    position: absolute;
    line-height: 2.2; }

/*
Page header

Page header default component.

Markup: html/page-header.html

.page-header--image - Header with a background image
.page-header--large-intro - Header with larger intro text

Style guide: page-header
*/
/*
Page header component with xlarger intro text.

Markup: html/page-header--xlarge-intro.html

Style guide: page-header.3
*/
/*
Political page header

Markup: html/page-header--political.html

Style guide: page-header.1
*/
/*
Informational site page header

Markup: html/page-header--informational.html

Style guide: page-header.2
*/
/*
Improved websites site page header (basic)

Markup: html/page-header-basic.html

Style guide: page-header.4
*/
/*
Improved websites site page header (complete)

Markup: html/page-header-complete.html

Style guide: page-header.5
*/
.page-header {
  margin: 0;
  padding: 0;
  background-color: #004494;
  color: #fff;
  border-bottom: none; }
  .page-header h1 {
    margin: 0;
    line-height: 1.25;
    color: #fff; }
    .page-header h1 span {
      margin-top: 0.175em;
      line-height: 1.34;
      font-size: 0.750em;
      font-weight: 400; }
    .page-header h1 .paragraph {
      margin-bottom: 0; }
  .page-header .page-header__site-identification {
    margin-top: 1em; }
    .page-header .page-header__site-identification h3 {
      font-size: 1.222em;
      color: #bfd0e4;
      font-weight: normal;
      margin-bottom: 1.25em; }
    .page-header .page-header__site-identification + .page-header__hero-title {
      padding-top: 1em;
      margin-top: -1.25em; }
      .page-header .page-header__site-identification + .page-header__hero-title .col-lg-9 h1 {
        padding-top: 0; }
      .page-header .page-header__site-identification + .page-header__hero-title .col-lg-9 > .meta + h1,
      .page-header .page-header__site-identification + .page-header__hero-title .col-lg-9 > .meta + * h1 {
        padding-top: 0.5em; }
  .page-header p {
    max-width: 40em;
    margin: 0;
    line-height: 1.45;
    font-size: 1.222em;
    color: #fff; }
  .page-header a {
    color: #fff; }
    .page-header a:focus {
      outline: 3px solid #ffd617;
      outline-offset: 2px;
      text-decoration: underline; }
    .page-header a:hover:not(.breadcrumb__link):not(.btn):not(.inpage-nav__navbar .inpage-nav__toggle) {
      color: #ffd617; }
    .page-header a[href^="http"]:not(.is-internal):not(.listing__title):not([href*="ec.europa.eu"]) {
      display: inline-block;
      padding-right: 1.1em; }
      .page-header a[href^="http"]:not(.is-internal):not(.listing__title):not([href*="ec.europa.eu"])::after {
        position: absolute;
        line-height: 2.2; }
      .page-header a[href^="http"]:not(.is-internal):not(.listing__title):not([href*="ec.europa.eu"]).btn, .page-header .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not(.listing__title):not([href*="ec.europa.eu"]), .inpage-nav__navbar .page-header a[href^="http"].inpage-nav__toggle:not(.is-internal):not(.listing__title):not([href*="ec.europa.eu"]) {
        padding-right: 2.1em; }
  .page-header .page-header__top,
  .page-header .page-header__main,
  .page-header .page-header__bottom {
    display: block;
    width: 100%; }
  .page-header .page-header__top {
    text-transform: uppercase; }
  .page-header .page-header__main {
    line-height: 1.428571429; }
  .page-header .page-header__bottom {
    font-size: 26px; }
  .page-header .page-header__hero-title {
    padding-top: 2.39em;
    padding-bottom: 1.25em; }

.page-header--large-intro, .node-type-info-homepage .page-header {
  padding-bottom: 2.39em; }
  .page-header--large-intro p, .node-type-info-homepage .page-header p {
    font-size: 1.667em;
    line-height: 1.33; }

.page-header--image {
  background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) center/cover no-repeat; }

.page-header__eventinfo {
  float: left;
  font-size: 0.778em; }
  .page-header__eventinfo .page-header__date--cancelled {
    text-decoration: line-through; }
  .page-header__eventinfo .icon, .page-header__eventinfo .date-picker .date-picker--icon, .date-picker .page-header__eventinfo .date-picker--icon, .page-header__eventinfo .file--link .file__title::before, .file--link .page-header__eventinfo .file__title::before, .page-header__eventinfo .search-form__btn, .page-header__eventinfo .search-form--improved .search-form__textfield-wrapper, .search-form--improved .page-header__eventinfo .search-form__textfield-wrapper {
    margin: 1em 2em 1em 0; }
    .page-header__eventinfo .icon::before, .page-header__eventinfo .date-picker .date-picker--icon::before, .date-picker .page-header__eventinfo .date-picker--icon::before, .page-header__eventinfo .file--link .file__title::before, .file--link .page-header__eventinfo .file__title::before, .page-header__eventinfo .search-form__btn::before, .page-header__eventinfo .search-form--improved .search-form__textfield-wrapper::before, .search-form--improved .page-header__eventinfo .search-form__textfield-wrapper::before {
      margin-right: 0.5em; }

.page-header--xlarge-intro, .node-info-homepage.view-mode-homepage_political .page-header {
  min-height: 150px;
  padding-bottom: 0; }
  .page-header--xlarge-intro .page-header__hero-title, .node-info-homepage.view-mode-homepage_political .page-header .page-header__hero-title {
    min-height: 75px;
    margin: 75px 0 0;
    padding: 16px;
    background-color: #003776; }
  .page-header--xlarge-intro .field__label--above, .node-info-homepage.view-mode-homepage_political .page-header .field__label--above {
    padding: 0;
    color: #fff;
    font-size: 0.778em;
    font-weight: 400;
    text-transform: uppercase; }
  .page-header--xlarge-intro p, .node-info-homepage.view-mode-homepage_political .page-header p {
    font-size: 1.222em; }

@media (min-width: 622px) {
  .page-header--xlarge-intro, .node-info-homepage.view-mode-homepage_political .page-header {
    height: 320px; }
    .page-header--xlarge-intro .page-header__hero-title, .node-info-homepage.view-mode-homepage_political .page-header .page-header__hero-title {
      margin: auto;
      padding-top: 5em;
      background-color: transparent; }
    .page-header--xlarge-intro .field__label--above, .node-info-homepage.view-mode-homepage_political .page-header .field__label--above {
      width: 146px;
      height: 34px;
      margin: 0;
      line-height: 34px;
      background-color: #003776;
      text-align: center; }
    .page-header--xlarge-intro p, .node-info-homepage.view-mode-homepage_political .page-header p {
      width: 550px;
      padding: 22px 5px 22px 33px;
      background-color: #fff;
      color: #004494; } }

.node-info-homepage.view-mode-homepage_political .page-header .page-header__hero-title a {
  text-decoration: none; }
  .node-info-homepage.view-mode-homepage_political .page-header .page-header__hero-title a:hover {
    text-decoration: underline; }

@media (min-width: 622px) {
  .node-info-homepage.view-mode-homepage_political .page-header .page-header__hero-title a {
    color: #004494; }
    .node-info-homepage.view-mode-homepage_political .page-header .page-header__hero-title a:hover {
      color: #404040; } }

/*
Pager

Note: Resize the width of the page to see the responsive layout.

Markup: html/pager.html

Style guide pager
*/
.pager__wrapper {
  text-align: center;
  border-top: 2px solid #000; }

.pager {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  position: relative;
  width: 100%; }
  .pager > li {
    color: #000;
    font-size: 0.889em;
    font-weight: 600;
    border: 2px solid transparent;
    margin: 0 6px;
    min-width: 28px;
    height: 28px; }
    .pager > li.pager__item {
      list-style: none;
      display: none; }
      .pager > li.pager__item.pager__item--previous, .pager > li.pager__item.pager__item--next {
        display: inline; }
      .pager > li.pager__item.pager__item--ellipsis {
        font-weight: 400; }
      .pager > li.pager__item.pager__item--previous a, .pager > li.pager__item.pager__item--next a {
        font-weight: 600; }
      .pager > li.pager__item.pager__item--previous {
        float: left;
        clear: left; }
      .pager > li.pager__item.pager__item--next {
        float: right;
        clear: right; }
      .pager > li.pager__item.pager__item--current {
        border-radius: 14px;
        display: block;
        position: absolute;
        margin: 0 auto;
        width: inherit;
        z-index: -1; }
      .pager > li.pager__item--padding {
        padding: 0 7px; }
    .pager > li > a {
      color: #004494;
      font-weight: 400;
      text-decoration: none; }
      .pager > li > a:hover {
        color: #000;
        text-decoration: underline; }

@media (min-width: 622px) {
  .pager__item__text {
    display: none; }
  .pager {
    width: auto; }
    .pager > li.pager__item {
      display: inline;
      float: left !important; }
      .pager > li.pager__item.pager__item--current {
        border: 2px solid #000;
        position: relative; } }

.region-content ul.pager {
  margin: 0.938em auto;
  padding: 0; }
  .region-content ul.pager .ajax-progress {
    display: none; }

/*
Profile topbar

Defines the profile topbar component

Markup: html/profile_topbar.html

Style guide profile_topbar
*/
.profile_topbar__column {
  position: relative;
  min-height: 160px;
  height: 100%; }
  .profile_topbar__column .btn-collapse {
    position: absolute;
    bottom: 0;
    margin-bottom: 0; }

.profile_topbar__expander {
  background-color: #ebebeb;
  overflow: hidden; }

/*
RSS Link

Markup: html/rss-link.html

Style guide rsslink
*/
.rss-link {
  float: right;
  margin-bottom: 15px;
  position: relative; }
  .rss-link a {
    float: left;
    line-height: 40px; }
    .rss-link a:hover .rss-link__text {
      text-decoration: underline; }

.rss-link__wrapper {
  overflow: hidden; }

.rss-link__label {
  color: #404040;
  font-size: 0.889em;
  font-weight: 600;
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
  line-height: 40px; }

.rss-link__icon {
  float: left; }
  .rss-link__icon::before {
    width: 100%; }

.rss-link__text {
  display: inline-block;
  font-size: 0.778em;
  font-weight: normal;
  text-decoration: none; }

@media (min-width: 992px) {
  .rss-link__wrapper {
    float: right; }
  .rss-link {
    margin-bottom: 0; } }

/*
Site header

Markup: html/site-header.html

Style guide: siteheader
*/
.site-header {
  overflow: hidden;
  color: #004494;
  padding: 14px 0 0;
  position: relative; }
  @media (min-width: 992px) {
    .site-header .site-header__logo {
      position: relative;
      top: 15px;
      margin-bottom: 1em; }
    .site-header {
      padding: 14px 0; } }
  @media print {
    .site-header {
      -webkit-print-color-adjust: exact; } }
  .site-header > .container-fluid {
    position: relative; }
  .site-header a:focus {
    outline: 3px solid #ffd617;
    outline-offset: 5px;
    text-decoration: underline; }

/*
Site Header for Homepage

Markup: html/site-header-homepage.html

.site-header--homepage

Style guide: siteheader.site-header--homepage
*/
.site-header--homepage {
  padding: 0; }
  .site-header--homepage .site-header__logo {
    float: none;
    position: relative;
    top: 38px;
    margin: 0 auto; }

.site-slogan {
  color: #404040;
  max-width: inherit;
  text-align: center;
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 16px;
  padding-top: 5px; }
  @media (min-width: 480px) {
    .site-slogan {
      padding-top: 10px;
      font-size: 20px;
      margin-bottom: 25px; } }
  @media (min-width: 768px) {
    .site-slogan {
      padding-top: 12px;
      font-size: 26px;
      margin-bottom: 40px; } }

/*
Site switcher

Helps the user choose between political and informational websites.

Markup: html/site-switcher.html

.site-switcher--header - Header modifier
.site-switcher--footer - Footer modifier

Style guide: siteswitcher
*/
.site-switcher {
  display: block;
  background-color: #f5f5f5;
  font-size: 0.889em; }

.site-switcher__list li {
  display: inline-block;
  float: left;
  width: 50%;
  text-align: center;
  vertical-align: middle; }

li.site-switcher__option a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 0.5em 1.667em;
  line-height: 1.3;
  font-weight: bold; }
  li.site-switcher__option a:hover, li.site-switcher__option a:focus {
    text-decoration: underline; }
  li.site-switcher__option a::after, li.site-switcher__option a.is-external::after, li.site-switcher__option a[href^="http"]:not([href*="ec.europa.eu"]):not(.is-internal):not(.listing__item-link)::after, li.site-switcher__option .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) a.listing__title::after, .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) li.site-switcher__option a.listing__title::after {
    content: none !important; }

li.site-switcher__option.is-selected {
  background-color: #004494;
  border-left: none; }
  li.site-switcher__option.is-selected > a {
    color: #fff; }

a.site-switcher__option {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 0.5em 1.667em;
  line-height: 1.3;
  font-weight: bold; }
  a.site-switcher__option:hover, a.site-switcher__option:focus {
    text-decoration: underline; }
  a.site-switcher__option::after, a.site-switcher__option.is-external::after, a.site-switcher__option[href^="http"]:not([href*="ec.europa.eu"]):not(.is-internal):not(.listing__item-link)::after, .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) a.site-switcher__option.listing__title::after {
    content: none !important; }
  a.site-switcher__option.is-selected {
    background-color: #004494;
    border-left: none;
    color: #fff; }

.site-switcher--header .site-switcher__list:first-child {
  border-left: 1px solid #9f9f9f; }

.site-switcher--header .site-switcher__option {
  position: relative; }
  .site-switcher--header .site-switcher__option.is-selected::after {
    content: ' ' !important;
    position: absolute;
    top: 95%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid rgba(0, 68, 148, 0);
    border-top-color: #004494;
    pointer-events: none; }

.site-switcher--footer {
  border-bottom: 1px solid #f5f5f5; }
  .site-switcher--footer .site-switcher__list:first-child {
    border-left: none; }
  .site-switcher--footer .site-switcher__option {
    position: relative; }
    .site-switcher--footer .site-switcher__option.is-selected::after {
      content: ' ' !important;
      position: absolute;
      left: 50%;
      bottom: 95%;
      width: 0;
      height: 0;
      margin-left: -10px;
      border: 10px solid rgba(0, 68, 148, 0);
      border-bottom-color: #004494;
      pointer-events: none; }

@media (min-width: 992px) {
  .site-switcher__list li {
    width: auto; }
  .site-switcher--footer .site-switcher__list {
    float: right; } }

@media (max-width: 625px) and (min-width: 560px) {
  .site-switcher--header a[name="political"] {
    padding: 1.1em 0; } }

@media (max-width: 479px) and (min-width: 462px) {
  .site-switcher--header a[name="political"] {
    padding: 1.1em 0; } }

/*
Search form

Markup: html/search-form.html

Style guide: searchform
*/
.search-form {
  display: inline-block;
  margin-bottom: 1em;
  overflow: hidden;
  border: 1px solid #9f9f9f; }
  .search-form .search-form__textfield-wrapper {
    position: relative;
    display: table-cell;
    margin-bottom: 0;
    border: 3px solid transparent; }
  .search-form .search-form__btn-wrapper {
    font-size: inherit; }

.search-form__textfield {
  min-height: 2.325em;
  height: 2.325em;
  font-size: inherit;
  border: none; }

.search-form__btn {
  min-height: 2.75em;
  margin-right: -1px;
  margin-bottom: 0;
  padding: 0 22px;
  text-indent: -999em;
  overflow: visible;
  border: none !important; }
  .search-form__btn::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.9em;
    text-indent: 0; }

@media (min-width: 992px) {
  .search-form {
    margin-bottom: 0; }
    .search-form .search-form__textfield-wrapper,
    .search-form .search-form__btn-wrapper {
      float: left; }
  .search-form__btn {
    padding: 0 1em;
    text-indent: 0; }
    .search-form__btn::before {
      display: none !important; } }

@media (min-width: 480px) {
  .search-form__textfield {
    min-height: 2.375em; } }

/*
Search form for internal search

Markup: html/search-form-improved.html

.search-form--improved

Style guide: searchform.search-form--improved
*/
.search-form--improved {
  background-color: #f5f5f5;
  padding: 1.2em 1.5em; }
  .search-form--improved h5 {
    font-size: 1em;
    text-transform: none;
    padding-bottom: 1.2em; }
  .search-form--improved .search-form__textfield-wrapper {
    float: none;
    width: 100%;
    background: #fff;
    border: 3px solid #fff;
    border-bottom: none; }
    .search-form--improved .search-form__textfield-wrapper::before {
      position: absolute;
      top: 25%;
      left: 1%;
      z-index: 3;
      color: #9f9f9f; }
  .search-form--improved .search-form__textfield {
    text-indent: 1.4em;
    bottom: 0; }
  .search-form--improved button[type="submit"] {
    background: #004494;
    color: #fff;
    min-height: 2.78em; }

@media (min-width: 768px) {
  .search-form--improved .search-form__textfield {
    bottom: 3px; } }

/*
Site user menu

User menu in two variants

Markup: html/site-user-menu.html

.site-user-menu--header - Header modifier

Style guide: site-user-menu
*/
.site-user-menu {
  text-align: right; }
  .site-user-menu a {
    text-decoration: none; }

a.site-user-menu__list {
  display: inline-block; }

.site-user-menu__list {
  font-weight: 600;
  padding: 0.5em; }
  .site-user-menu--header .site-user-menu__list {
    background-color: #f5f5f5;
    font-size: 0.889em;
    padding: 0.3em; }

.site-user-menu__option {
  display: inline-block;
  padding: 0.375em 0.61em; }
  a.site-user-menu__list, a {
    text-decoration: none; }
    a.site-user-menu__list:hover, a.site-user-menu__list:focus, a:hover, a:focus {
      text-decoration: underline; }
  .site-user-menu__option:first-child {
    font-weight: normal; }

a.site-user-menu__list {
  display: block;
  padding-right: 0.91em; }

@media (min-width: 992px) {
  .site-user-menu__list {
    float: right;
    padding: 0.35em 0; }
    .site-user-menu--header .site-user-menu__list {
      background: none; }
    .site-user-menu__list .site-user-menu__option {
      padding: 0 0.95em; }
      .site-user-menu__list .site-user-menu__option:last-child {
        padding-right: 0; } }

@media (min-width: 480px) {
  .site-user-menu__option {
    padding: 0.15em 0.61em; } }

.skip-link,
#skip-link {
  position: fixed;
  top: 1.5em;
  left: 1.5em;
  z-index: 1060; }
  .skip-link a,
  #skip-link a {
    padding: 8px;
    background-color: #006fb4;
    color: #fff;
    outline: 4px solid #ffd617;
    outline-offset: 0; }

/*
Social Media

Social Media Links

Markup: html/social-media-links.html

.social-media-links__horizontal - Horizontal modifier

Style guide social
*/
.social-media-links {
  width: 100%;
  float: left;
  padding: 30px;
  background-color: #ebebeb; }
  .social-media-links a {
    font-size: 0.778em;
    height: 40px;
    line-height: 40px; }
    .social-media-links a.icon-social {
      padding-top: 0; }

.social-media-links--field {
  width: 100%; }

.social-media-links__horizontal li {
  float: left;
  margin-right: 0.6em; }
  .social-media-links__horizontal li:nth-last-child(2) {
    margin-right: 3em; }

.social-media-links__label {
  display: block;
  width: 100%;
  margin-bottom: 0.8em; }

.social-media-links__item, .social-media-links--webtool-vertical .wtShareList .wtShareLink {
  margin-bottom: 0.7em; }
  .social-media-links__item > a, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a {
    width: 100%;
    display: block; }
    .social-media-links__item > a:focus, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a:focus {
      outline: 3px solid #ffd617;
      outline-offset: -1px;
      text-decoration: underline; }
    .social-media-links__item > a::before, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a::before {
      margin-bottom: 0; }
    .social-media-links__item > a::after, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a::after, .social-media-links__item > a.is-external::after, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a.is-external::after, .social-media-links__item > a[href^="http"]:not([href*="ec.europa.eu"]):not(.is-internal):not(.listing__item-link)::after, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a[href^="http"]:not([href*="ec.europa.eu"]):not(.is-internal):not(.listing__item-link)::after, .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .social-media-links__item > a.listing__title::after, .social-media-links--webtool-vertical .wtShareList .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .wtShareLink > a.listing__title::after, .listing__item .listing__title a[href^="http"]:not(.is-internal):not([href*="ec.europa.eu"]) .social-media-links--webtool-vertical .wtShareList .wtShareLink > a.listing__title::after {
      display: none !important; }

.social-media-links--webtool-horizontal .wtShareList {
  background-color: transparent;
  padding: 0; }
  .social-media-links--webtool-horizontal .wtShareList li:nth-last-child(2) {
    margin-right: 0.5em; }
  .social-media-links--webtool-horizontal .wtShareList .wtShareMore {
    line-height: 5em; }
  .social-media-links--webtool-horizontal .wtShareList a[href^="http"]:not(.is-internal)::after {
    display: none !important; }

.social-media-links__label,
.social-media-links > p {
  font-size: 0.889em;
  font-weight: bold;
  line-height: 100%;
  margin: 1.4em 0; }

.social-media-links--webtool-vertical .wtShareList {
  overflow: visible;
  float: left;
  background-color: transparent !important;
  padding: 0; }
  .social-media-links--webtool-vertical .wtShareList a[href^="http"]:not(.is-internal)::after {
    display: none !important; }
  .social-media-links--webtool-vertical .wtShareList a:focus {
    outline-offset: -1px;
    text-decoration: underline; }
  .social-media-links--webtool-vertical .wtShareList a {
    width: 100%;
    margin-bottom: 0 !important; }
  .social-media-links--webtool-vertical .wtShareList a.wtShareMore {
    font-size: 0.8em;
    margin-top: 1.2em; }
    .social-media-links--webtool-vertical .wtShareList a.wtShareMore:focus {
      outline-offset: 2px; }
  .social-media-links--webtool-vertical .wtShareList .wtShareLink {
    font-size: 1em; }

.field ul.social-media-links__horizontal li {
  float: none;
  margin-bottom: 0.1em; }

@media (min-width: 768px) {
  .field ul.social-media-links__horizontal {
    vertical-align: top; }
    .field ul.social-media-links__horizontal li {
      float: left; }
      .field ul.social-media-links__horizontal li:nth-last-child(2) {
        margin-right: 0.6em; } }

/*
Splash Page

Markup: html/splash-page.html

Style guide splashpage
*/
.splash-page__site-header {
  background-color: #fff; }
  .splash-page__site-header .logo, .splash-page__site-header .logo--logotype, .splash-page__site-header .logo--logotypebelow {
    float: none;
    margin: 16px auto 40px auto;
    background: url("../images/svg/logo.svg") center center no-repeat;
    background-origin: content-box; }
    .no-svg .splash-page__site-header .logo, .no-svg .splash-page__site-header .logo--logotype, .no-svg .splash-page__site-header .logo--logotypebelow {
      background: url("../images/png/logo--big.png") center center no-repeat; }
  @media (min-width: 480px) {
    .splash-page__site-header .logo, .splash-page__site-header .logo--logotype, .splash-page__site-header .logo--logotypebelow {
      width: 290px;
      height: 153px; } }

.splash-page__container {
  position: relative; }

.splash-page__content {
  padding-top: 3em; }
  .splash-page__content h2 {
    display: none;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 1.222em;
    color: #fff;
    clear: both; }

.splash-page__helper-text {
  margin-top: 2em;
  color: #fff;
  font-size: 0.889em;
  clear: both; }
  .splash-page__helper-text p {
    max-width: 100%; }

.splash-page__btn-language {
  width: 100%;
  margin-bottom: 4px;
  background-color: #fff;
  text-align: left; }
  .splash-page__btn-language:hover {
    color: #000;
    background-color: #ffd617; }
  .splash-page__btn-language.icon--check::before {
    display: none; }

.splash-page__btn-close {
  display: none;
  position: absolute;
  top: -15px;
  right: 0;
  padding: 0.5em 0 0.5em 1em;
  font-size: 0.889em;
  font-weight: normal;
  color: #fff; }
  .splash-page__btn-close:hover {
    color: #fff; }
  .splash-page__btn-close::after {
    content: 'X';
    float: right;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    margin-left: 0.5em;
    border: 1px solid #fff;
    border-radius: 1.1em;
    text-align: center; }

.splash-page--overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 68, 148, 0.95);
  text-align: left;
  overflow-x: auto;
  z-index: 1000; }
  .splash-page--overlay h2 {
    display: block; }
  .splash-page--overlay .splash-page__btn-language.is-active {
    background-color: #ffd617;
    color: #000;
    box-shadow: none; }
  .splash-page--overlay .splash-page__btn-language.icon--check::before {
    float: right;
    display: block; }
  .splash-page--overlay .splash-page__btn-close {
    display: block; }

body.disablescroll {
  overflow: hidden; }

.page-splash {
  background-color: #004494; }

.splash-page__helper-text table {
  width: 100%; }

.splash-page__helper-text tbody {
  border-bottom: 1px solid #245898; }
  .splash-page__helper-text tbody tr {
    border-top: 1px solid #245898;
    clear: both; }
    .splash-page__helper-text tbody tr th {
      min-width: 6em;
      padding-top: 0.6em;
      font-weight: bold;
      vertical-align: top; }
    .splash-page__helper-text tbody tr th,
    .splash-page__helper-text tbody tr td {
      padding: 0.6em 0 0.6em 0; }

@media (min-width: 992px) {
  .splash-page__btn-language:hover {
    color: #000;
    background-color: #ffd617; } }

/*
Tags

Tags component used to display tag section that is typically displayed under a content

Markup: html/tags.html

Style guide tags
*/
.tags, .facet-tag {
  width: 100%;
  padding-top: 0.2em;
  padding-bottom: 0.8em;
  overflow: hidden; }

.tags__label, .facet-tag__label {
  float: left;
  margin-right: 0.7em;
  margin-bottom: 0.5em;
  padding-top: 0.15em;
  font-size: 0.778em;
  text-transform: uppercase; }

.tags__items {
  vertical-align: middle; }

.tags__item, .facet-tag__value {
  float: left;
  display: inline-block;
  margin-right: 1.4em;
  margin-bottom: 0.4em;
  padding: 0.5em;
  line-height: 1;
  background-color: #e3e3e3;
  font-size: 0.778em;
  color: #404040;
  text-transform: lowercase;
  border-radius: 5px;
  outline: 3px transparent solid; }

.tags__item a, .facet-tag__value a,
a.tags__item,
a.facet-tag__value {
  color: #404040; }
  .tags__item a:hover, .facet-tag__value a:hover, .tags__item a:active, .facet-tag__value a:active, .tags__item a:focus, .facet-tag__value a:focus,
  a.tags__item:hover,
  a.facet-tag__value:hover,
  a.tags__item:active,
  a.facet-tag__value:active,
  a.tags__item:focus,
  a.facet-tag__value:focus {
    text-decoration: none; }
  .tags__item a:focus, .facet-tag__value a:focus,
  a.tags__item:focus,
  a.facet-tag__value:focus {
    outline: none;
    box-shadow: 0 0 0 3px #ffd617; }

/*
Facet tag

Markup: html/facet-tag.html

Style guide tags.facettag
*/
@media (min-width: 480px) {
  .facet-tag {
    display: inline-block;
    width: auto; } }

.facet-tag__label {
  float: left; }

.facet-tag__value {
  text-transform: none; }

/*
Facet tag with close

Markup: html/facet-tag--close.html

Style guide tags.facet-close
*/
.facet-tag--close .facet-tag__value::after {
  vertical-align: bottom; }

.facet-tag--close .tags__item a:hover, .facet-tag--close .facet-tag__value a:hover,
.facet-tag--close a.tags__item:hover,
.facet-tag--close a.facet-tag__value:hover {
  background-color: #404040;
  color: #fff; }

/*
Timeline

Markup: html/timeline.html

Style guide timeline
*/
.timeline {
  border-left: 4px solid #ffd617; }
  .timeline .btn-timeline {
    margin: 0 0 0 1.667em; }
    .timeline .btn-timeline::after {
      content: '\e81f' !important; }

.timeline__list {
  list-style: none;
  position: relative;
  margin-bottom: 1.667em;
  padding: 2em 0 0 1.667em; }
  .timeline__list .timeline__list__item p {
    margin-bottom: 1em;
    color: #575757; }
    .timeline__list .timeline__list__item p:last-child {
      margin-bottom: 1.425em; }
  .timeline__list .timeline__list__item-title {
    margin-bottom: 0.4em;
    line-height: 1em;
    font-weight: bold; }
    .timeline__list .timeline__list__item-title::before {
      position: absolute;
      left: -0.6em;
      width: 14px;
      height: 14px;
      margin-top: 0.1em;
      content: '';
      background-color: #fff;
      border: 3px solid #575757;
      border-radius: 50%; }
      @media (min-width: 480px) {
        .timeline__list .timeline__list__item-title::before {
          margin-left: 2px; } }

/*
Top image

Markup: html/top-image.html

Style guide top-image
*/
.top-image {
  overflow: hidden;
  text-align: center; }
  .top-image picture {
    display: inline-block; }

/*
Table responsive

Responsive table component.

Markup: html/table-responsive.html

Style guide table responsive
*/
.table-responsive {
  width: 100%;
  margin: 1em 0;
  table-layout: fixed;
  font-size: 0.889em;
  border-collapse: collapse;
  border: none; }
  .table-responsive th {
    background-color: transparent;
    font-weight: bold;
    color: #404040; }
  .table-responsive td, .table-responsive th {
    display: table-cell;
    padding: 1em;
    vertical-align: middle; }
    .table-responsive td p, .table-responsive th p {
      margin: 0; }

@media (max-width: 768px) {
  .table-responsive thead {
    display: none; }
  .table-responsive tr {
    border-bottom: 1px solid #9f9f9f; }
    .table-responsive tr:nth-of-type(2n) {
      background-color: inherit; }
  .table-responsive tbody td {
    display: block;
    position: relative;
    padding: 0.5em; }
    .table-responsive tbody td[data-th-group] {
      margin-top: 2.2em; }
    .table-responsive tbody td::before {
      display: block;
      content: attr(data-th);
      font-weight: bold; }
    .table-responsive tbody td.table-responsive__heading {
      background-color: #404040;
      font-weight: bold;
      color: #fff; }
    .table-responsive tbody td.table-responsive__group_label {
      padding-left: 1.5em;
      font-size: 0.889em; }
      .table-responsive tbody td.table-responsive__group_label::after {
        display: block;
        position: absolute;
        top: -1.7em;
        left: 0.5em;
        content: attr(data-th-group);
        font-size: 1.222em;
        font-weight: bold; }
      .table-responsive tbody td.table-responsive__group_label ~ .table-responsive__group_element {
        font-size: 0.889em;
        padding-left: 1.5em;
        margin: 0; } }

@media (min-width: 769px) {
  table.table-responsive {
    /* Zebra striping */ }
    table.table-responsive thead {
      display: table-header-group; }
      table.table-responsive thead tr:first-child th {
        border-bottom: 1px solid #404040;
        vertical-align: top; }
      table.table-responsive thead tr:last-child:not(:first-child) {
        border-bottom: 3px solid #404040; }
    table.table-responsive tr:nth-of-type(even) {
      background-color: #f5f5f5; } }

.views-exposed-form .views-exposed-widget {
  padding: 0; }

.facetapi-facetapi-checkbox-links {
  list-style: none; }
  .facetapi-facetapi-checkbox-links input.facetapi-checkbox {
    margin-right: .5em; }
  .facetapi-facetapi-checkbox-links a.facetapi-checkbox {
    text-decoration: none; }

.node-type-event .field--field-event-website .field__items {
  font-weight: bold; }

.node-type-event #practicalinformation .field--attend .field__items span {
  clear: left;
  padding: 0; }

@media (min-width: 992px) {
  .field--publication-listing-exposed {
    margin-top: 43px; } }

.region-sidebar-first {
  padding: 1.667em 0; }

.wtShareNetworks {
  margin-bottom: 0; }

body .gallery-overlay__share .wtShareButton:link {
  line-height: inherit !important;
  border: 0 !important;
  text-decoration: underline !important;
  font-size: inherit !important;
  color: inherit !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  background: none !important;
  min-width: inherit !important; }
  body .gallery-overlay__share .wtShareButton:link:focus {
    outline: 3px solid #ffd617;
    outline-offset: 2px;
    text-decoration: underline; }
  body .gallery-overlay__share .wtShareButton:link:hover {
    color: #fff !important; }

#admin-menu-wrapper ul,
ul.krumo-node,
.wtShareNetworks {
  max-width: none; }

body.admin-menu {
  margin-top: 0 !important; }

#admin-menu-wrapper {
  display: none; }

.page-admin input[type='checkbox'] {
  zoom: 1.6;
  margin-left: 0; }
  .page-admin input[type='checkbox'].vbo-table-select-all {
    position: static; }

@media (min-width: 992px) {
  html.js .filters__btn-submit.ctools-use-ajax {
    display: none; }
  html.js.ie8 .filters__btn-submit.ctools-use-ajax {
    display: block; }
  body.admin-menu {
    margin-top: 20px !important; }
  #admin-menu-wrapper {
    display: block; }
  .view-workbench-moderation .views-exposed-widget {
    width: 50%;
    clear: none; }
    .view-workbench-moderation .views-exposed-widget:nth-child(odd) {
      padding-right: 2%; }
  .view-workbench-moderation .views-widget-per-page {
    clear: left; }
  .view-workbench-moderation .filters__btn-submit {
    width: auto;
    float: left;
    clear: left; } }

/*# sourceMappingURL=style-sass-components.css.map */