@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-Black.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-Black.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-Black.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-Black.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-Italic.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-Italic.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-Italic.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-Italic.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-Italic.svg#SourceSansPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-Bold.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.svg#SourceSansPro-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-Light.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-LightItalic.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-LightItalic.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-LightItalic.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-SemiBold.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBold.woff') format('woff'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype'),
        url('../fonts/SourceSansPro/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Black.eot');
    src: url('../fonts/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Black.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Black.woff') format('woff'),
        url('../fonts/Inter/Inter-Black.ttf') format('truetype'),
        url('../fonts/Inter/Inter-Black.svg#Inter-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraLight.eot');
    src: url('../fonts/Inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-ExtraLight.woff2') format('woff2'),
        url('../fonts/Inter/Inter-ExtraLight.woff') format('woff'),
        url('../fonts/Inter/Inter-ExtraLight.ttf') format('truetype'),
        url('../fonts/Inter/Inter-ExtraLight.svg#Inter-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Thin.eot');
    src: url('../fonts/Inter/Inter-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Thin.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Thin.woff') format('woff'),
        url('../fonts/Inter/Inter-Thin.ttf') format('truetype'),
        url('../fonts/Inter/Inter-Thin.svg#Inter-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraBold.eot');
    src: url('../fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter/Inter-ExtraBold.woff') format('woff'),
        url('../fonts/Inter/Inter-ExtraBold.ttf') format('truetype'),
        url('../fonts/Inter/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Light.eot');
    src: url('../fonts/Inter/Inter-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Light.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Light.woff') format('woff'),
        url('../fonts/Inter/Inter-Light.ttf') format('truetype'),
        url('../fonts/Inter/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Medium.eot');
    src: url('../fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter/Inter-Medium.ttf') format('truetype'),
        url('../fonts/Inter/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Regular.eot');
    src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Bold.eot');
    src: url('../fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter/Inter-Bold.ttf') format('truetype'),
        url('../fonts/Inter/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-SemiBold.eot');
    src: url('../fonts/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype'),
        url('../fonts/Inter/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


.datepicker {
  display: none;
}

.datepicker.active {
  display: block;
}

.datepicker-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 4px;
}

.datepicker-dropdown.datepicker-orient-top {
  padding-top: 0;
  padding-bottom: 4px;
}

.datepicker-picker {
  display: inline-block;
  border-radius: 4px;
  background-color: white;
}

.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.datepicker-picker span {
  display: block;
  flex: 1;
  border: 0;
  border-radius: 4px;
  cursor: default;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.datepicker-main {
  padding: 2px;
}

.datepicker-footer {
  box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  background-color: whitesmoke;
}

.datepicker-grid,
.datepicker-view .days-of-week,
.datepicker-view,
.datepicker-controls {
  display: flex;
}

.datepicker-grid {
  flex-wrap: wrap;
}

.datepicker-view .days .datepicker-cell,
.datepicker-view .dow {
  flex-basis: 14.2857142857%;
}

.datepicker-view.datepicker-grid .datepicker-cell {
  flex-basis: 25%;
}

.datepicker-cell,
.datepicker-view .week {
  height: 2.25rem;
  line-height: 2.25rem;
}

.datepicker-title {
  box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  background-color: whitesmoke;
  padding: 0.375rem 0.75rem;
  text-align: center;
  font-weight: 700;
}

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0;
}

.datepicker-controls .button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: none;
  background-color: white;
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 2.25em;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: #363636;
  font-size: 1rem;
}

.datepicker-controls .button:focus,
.datepicker-controls .button:active {
  outline: none;
}

.datepicker-controls .button:hover {
  border-color: #b5b5b5;
  color: #363636;
}

.datepicker-controls .button:focus {
  border-color: #3273dc;
  color: #363636;
}

.datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}

.datepicker-controls .button:active {
  border-color: #4a4a4a;
  color: #363636;
}

.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}

.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: bold;
}

.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9;
}

.datepicker-header .datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2;
}

.datepicker-header .datepicker-controls .button[disabled] {
  box-shadow: none;
}

.datepicker-footer .datepicker-controls .button {
  margin: calc(0.375rem - 1px) 0.375rem;
  border-radius: 2px;
  width: 100%;
  font-size: 0.75rem;
}

.datepicker-controls .view-switch {
  flex: auto;
}

.datepicker-controls .prev-btn,
.datepicker-controls .next-btn {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  width: 2.25rem;
}

.datepicker-controls .prev-btn.disabled,
.datepicker-controls .next-btn.disabled {
  visibility: hidden;
}

.datepicker-view .dow {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.datepicker-view .week {
  width: 2.25rem;
  color: #b5b5b5;
  font-size: 0.75rem;
}

@media (max-width: 22.5rem) {
  .datepicker-view .week {
    width: 1.96875rem;
  }
}

.datepicker-grid {
  width: 15.75rem;
}

@media (max-width: 22.5rem) {
  .calendar-weeks + .days .datepicker-grid {
    width: 13.78125rem;
  }
}

.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.datepicker-cell.focused:not(.selected) {
  background-color: #e8e8e8;
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600;
}

.datepicker-cell.disabled {
  color: #dbdbdb;
}

.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
  color: #7a7a7a;
}

.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
  color: #e6e6e6;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: whitesmoke;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #eeeeee;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e8e8e8;
}

.datepicker-cell.today:not(.selected) {
  background-color: #00d1b2;
}

.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff;
}

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00c4a7;
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
  background-color: #b5b5b5;
  color: #fff;
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
  background-color: #afafaf;
}

.datepicker-cell.range-start {
  border-radius: 4px 0 0 4px;
}

.datepicker-cell.range-end {
  border-radius: 0 4px 4px 0;
}

.datepicker-cell.range {
  border-radius: 0;
  background-color: #dbdbdb;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d5d5d5;
}

.datepicker-cell.range.disabled {
  color: #c2c2c2;
}

.datepicker-cell.range.focused {
  background-color: #cfcfcf;
}

.datepicker-view.datepicker-grid .datepicker-cell {
  height: 4.5rem;
  line-height: 4.5rem;
}

.datepicker-input.in-edit {
  border-color: #2366d1;
}

.datepicker-input.in-edit:focus,
.datepicker-input.in-edit:active {
  box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
}
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@charset "UTF-8";
/*
Edited YUI CSS Reset

Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html, version: 2.9.0
*/
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

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

fieldset, img {
  border: 0;
}

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
  font: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

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

header, footer, section, nav {
  display: block;
}
/* ADMIN */ 
.form-group label {
    display: block;
}
.page-form .form-control {
   -webkit-appearance: none;
  outline: none;
  border: 1px solid #DEDEDE;
  background: white;
  height: 45px;
  border-radius: 23px;
  margin: 0 5px;
  padding: 10px;
  line-height: 25px;
  box-sizing: border-box;   
}
.page-form .btn {
    -webkit-appearance: none;
    outline: none;
    height: 45px;
    /* width: 353px; */
    padding: 0 30px;
    min-width: 40%;
    box-sizing: border-box;
    line-height: 45px;
    border-radius: 23px;
    background: #203973;
    font-size: 16px;
    font-weight: 700;
    color: white;
    border: 1px solid #203973;
    cursor: pointer;
}

form.search-results input[type=text], form.search-results select,
form.filter-form input[type=text], form.filter-form select,
form.search-form input[type=text], form.search-form select
form.side-form select, form.side-form input[type=text] {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #DEDEDE;
  background: white;
  height: 45px;
  border-radius: 23px;
  margin: 0 5px;
  padding: 10px;
  line-height: 25px;
  box-sizing: border-box;
}
form.search-results input[type=text]:first-child, form.search-results select:first-child,
form.filter-form input[type=text]:first-child,
form.filter-form select:first-child,
form.search-form input[type=text]:first-child,
form.filter-form select:first-child,
form.search-form input[type=text]:first-child,
form.search-form select:first-child,
form.side-form input[type=text]:first-child,
form.side-form select:first-child {
  margin-left: 0;
}
form.search-results input[type=text]:last-child, form.search-results select:last-child,
form.filter-form input[type=text]:last-child,
form.filter-form select:last-child,
form.search-form input[type=text]:last-child,
form.search-form select:last-child, 
form.side-form input[type=text]:last-child,
form.side-form select:last-child
{
  margin-right: 0;
}
form.search-results input[type=text]:hover, form.search-results input[type=text]:focus, form.search-results select:hover, form.search-results select:focus,
form.filter-form input[type=text]:hover,
form.filter-form input[type=text]:focus,
form.filter-form select:hover,
form.filter-form select:focus,
form.search-form input[type=text]:hover,
form.search-form input[type=text]:focus,
form.search-form select:hover,
form.search-form select:focus,
form.side-form input[type=text]:hover,
form.side-form input[type=text]:focus,
form.side-form select:hover,
form.side-form select:focus {
  border-color: #aaa;
}
form.search-results select,
form.filter-form select,
form.search-form select, 
form.side-form select
{
  background: white url("../img/ddown.svg") no-repeat calc(100% - 10px) 50%/12px auto;
  padding-right: 24px;
}
form.filter-form input.date-field,
form.search-results input.date-field,
form.filter-form input.date-field,
form.search-form input.date-field, 
form.side-form input.date-field 
{
  background: white url("../img/calendar.svg") no-repeat calc(100% - 15px) 50%/12px auto;
  padding-right: 24px;
}
form.search-results input.autocomplete-field,
form.filter-form input.autocomplete-field,
form.search-form input.autocomplete-field,
form.side-form input.autocomplete-field
{
  background: white url("../img/sear.svg") no-repeat calc(100% - 15px) 50%/12px auto;
  padding-right: 24px;
}
@media only screen and (max-width: 990px) {
  form.search-results .search-actions,
form.filter-form .search-actions,
form.search-form .search-actions,
form.side-form .search-actions
{
    /*       flex-direction: column; */
  }
}
form.search-results .search-actions button,
form.filter-form .search-actions button,
form.search-form .search-actions button,
form.side-form .search-actions button {
  -webkit-appearance: none;
  outline: none;
  height: 45px;
  /*       width: 353px; */
  padding: 0 30px;
  min-width: 40%;
  box-sizing: border-box;
  line-height: 45px;
  border-radius: 23px;
  background: #203973;
  font-size: 16px;
  font-weight: 700;
  color: white;
  border: 1px solid #203973;
}
form.search-results .search-actions button:hover, form.search-results .search-actions button:focus,
form.filter-form .search-actions button:hover,
form.filter-form .search-actions button:focus,
form.search-form .search-actions button:hover,
form.search-form .search-actions button:focus,
form.side-form .search-actions button:hover,
form.side-form .search-actions button:focus {
  background: black;
}
form.search-results .search-actions button.reset,
form.filter-form .search-actions button.reset,
form.search-form .search-actions button.reset,
form.side-form .search-actions button.reset {
  background: transparent;
  border: none;
  color: #203973;
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (max-width: 990px) {
  form.search-results .search-actions button.reset,
form.filter-form .search-actions button.reset,
form.search-form .search-actions button.reset,
form.side-form .search-actions button.reset
{
    margin-top: 20px;
  }
}
form.search-results .search-actions button.reset:focus,
form.filter-form .search-actions button.reset:focus,
form.search-form .search-actions button.reset:focus,
form.side-form .search-actions button.reset:focus {
  color: black;
}
form.search-results .search-actions button.reset:hover,
form.filter-form .search-actions button.reset:hover,
form.search-form .search-actions button.reset:hover,
form.side-form .search-actions button.reset:hover {
  color: black;
  text-decoration: underline;
}
@media only screen and (max-width: 990px) {
  form.search-results .search-actions button,
form.filter-form .search-actions button,
form.search-form .search-actions button,
form.side-form .search-actions button {
    width: 100%;
  }
}

.basic-fields {
  background: #F1F5F6;
  margin-top: 70px;
  height: 45px;
  border-radius: 38px;
  padding: 15px;
  display: flex;
}
@media only screen and (max-width: 990px) {
  .basic-fields {
    flex-direction: column;
    height: auto;
  }
}
.basic-fields > div.field {
  width: calc(50% - 8px);
  margin-left: auto;
  position: relative;
}

@media only screen and (max-width: 990px) {
  .basic-fields > div.field {
    width: 100%;
    margin-bottom: 12px;
  }
  .basic-fields > div.field:last-of-type {
    margin-bottom: 0;
  }
}
.basic-fields > div.field > label {
  position: absolute;
  left: 0;
  top: -52px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
@media only screen and (max-width: 990px) {
  .basic-fields > div.field > label {
    position: relative;
    top: 0;
    font-size: 16px;
    margin: 8px 0 12px 12px;
    display: block;
  }
  .basic-fields > div.field > label:first-of-type {
    margin-top: 0;
  }
}
.basic-fields > div.field:first-child {
  margin-left: 0;
}
.basic-fields > div.field .field-content {
  position: relative;
  display: flex;
}
@media only screen and (max-width: 990px) {
  .basic-fields > div.field .field-content {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.basic-fields > div.field .field-content > * {
  width: 0;
  flex-grow: 1;
}
@media only screen and (max-width: 990px) {
  .basic-fields > div.field .field-content > * {
    /*width: 100%;
    margin: 4px 0;*/
  }
}
.basic-fields > div.field .field-content label {
  flex-grow: 0;
  width: auto;
  align-self: center;
  margin: 0 5px;
  height: 22px;
  color: #999999;
}
.basic-fields > div.field:only-child {
  width: 100%;
}

.extended-fields {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding-left: 7px;
  padding-right: 7px;
}
.extended-fields > div.field {
  width: calc(50% - 16px);
  margin-bottom: 15px;
  margin-left: 8px;
  margin-right: 8px;
}
@media only screen and (max-width: 990px) {
  .extended-fields > div.field {
    margin: 0 0 15px;
    width: 100%;
  }
}
.extended-fields > div.field > label {
  display: none;
}
.extended-fields > div.field > .field-content {
  position: relative;
}
.extended-fields > div.field > .field-content > input, .extended-fields > div.field > .field-content > select {
  width: 100%;
}
.extended-fields > div.field > .field-content .autocomplete-field {
  position: relative;
  z-index: 1;
}
.extended-fields > div.field > .field-content:focus-within .autocomplete-popup {
  visibility: visible;
}
.extended-fields > div.field.field-fullw {
  width: calc(100% - 16px);
}
@media only screen and (max-width: 990px) {
  .extended-fields > div.field.field-fullw {
    width: 100%;
  }
}

.autocomplete-popup {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  box-sizing: border-box;
  padding-top: 25px;
  border: 1px solid #DEDEDE;
  visibility: hidden;
}
.autocomplete-popup li {
  padding: 4px 10px;
}
.autocomplete-popup li:hover {
  background: #dedede;
}

.search-notes {
  border-top: 1px solid #F1F5F6;
  border-bottom: 1px solid #F1F5F6;
  padding: 15px;
}
.search-notes li {
  color: #999999;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  transition: 0.3s color;
}
@media only screen and (max-width: 990px) {
  .search-notes li {
    font-size: 12px;
  }
}
.search-notes li a {
  color: inherit;
  position: relative;
}
.search-notes li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background: black;
  width: 0;
  transition: 0.3s width;
}
.search-notes li i.ico.ico-info {
  transition: 0.3s filter;
}
.search-notes li:hover {
  color: black;
}
.search-notes li:hover i.ico.ico-info {
  filter: brightness(0);
}
.search-notes li:hover a::after {
  width: 100%;
}

i.ico {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: none no-repeat 50% 50%/contain;
}
i.ico.ico-info {
  background-image: url("../img/info.svg");
}
i.ico.ico-sort {
  background-image: url("../img/sort.svg");
}
i.ico.ico-checkmark {
  border-radius: 12px;
  background: black url("../img/check.svg") no-repeat 50% 50%/16px auto;
}

.search-actions {
  padding: 24px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.filter-fields {
  display: flex;
  padding: 4px 0;
  border-top: 2px solid #F1F5F6;
  border-bottom: 1px solid #F1F5F6;
}
@media only screen and (max-width: 990px) {
  .filter-fields {
    flex-wrap: wrap;
  }
}
.filter-fields .field {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
@media only screen and (max-width: 990px) {
  .filter-fields .field {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0;
  }
  .filter-fields .field:last-of-type {
    margin-bottom: 0;
  }
}
.filter-fields .field label {
  font-size: 12px;
  color: #999;
  font-weight: 500;
  margin-right: 10px;
}
@media only screen and (max-width: 990px) {
  .filter-fields .field label {
    width: 100px;
    flex-shrink: 0;
  }
}
.filter-fields .field select {
  height: 35px;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 990px) {
  .filter-fields .field select {
    /*flex-grow: 1;*/
    width: 100%;
    box-sizing: border-box;
  }
}
.filter-fields .field .field-content {
  flex-grow: 1;
}

form.search-results {
  background: #F1F5F6;
  border-radius: 10px;
  padding: 15px 20px;
}
form.search-results .search-result-info {
  padding: 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
form.search-results .search-result-info > .field {
  width: calc(50% - 8px);
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  form.search-results .search-result-info > .field {
    width: 100%;
  }
}
form.search-results .search-result-info > .field.field-fullw {
  width: 100%;
}
form.search-results .search-result-info > .field label {
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 6px;
  color: #999;
}
form.search-results .search-actions {
  border-top: 1px solid #DEDEDE;
  padding: 15px 0 0;
  margin-top: 15px;
  flex-direction: row;
}
form.search-results .search-actions button + button {
  margin-left: 15px;
}
form.search-results .search-actions button.primary {
  background: black;
  border: 1px solid black;
  transition: 0.3s;
}
form.search-results .search-actions button.primary:hover {
  background: transparent;
  color: black;
}
form.search-results .search-actions button.secondary {
  background: transparent;
  color: black;
  border: 1px solid black;
  transition: 0.3s;
}
form.search-results .search-actions button.secondary:hover {
  background: black;
  color: white;
}
@media only screen and (max-width: 990px) {
  form.search-results .search-actions {
    flex-direction: column;
  }
  form.search-results .search-actions button + button {
    margin-left: 0;
    margin-top: 20px;
  }
}

.results-header {
  display: flex;
  margin-top: 28px;
}
@media only screen and (max-width: 990px) {
  .results-header {
    flex-direction: column;
  }
}
.results-header h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  flex-grow: 1;
}
@media only screen and (max-width: 990px) {
  .results-header h2 {
    border-bottom: 2px solid #F1F5F6;
    margin-bottom: 9px;
    padding-bottom: 5px;
  }
}
.results-header .filter-form {
  color: #999;
}
.results-header .filter-form select {
  color: #999;
  height: 35px;
  padding: 0px 25px 0px 4px;
}

table.results {
  margin: 15px 0;
  width: 100%;
  border-top: 2px solid #F1F5F6;
  font-size: 14px;
}
table.results td, table.results th {
  height: 55px;
  padding: 3px 10px;
  vertical-align: middle;
}
table.results td:first-child, table.results th:first-child {
  padding-left: 20px;
}
table.results td:last-child, table.results th:last-child {
  padding-right: 15px;
  white-space: nowrap;
}
table.results th {
  font-weight: 700;
}
/*table.results th:last-of-type {
  display: block;
}*/
@media only screen and (max-width: 990px) {
  table.results th:last-of-type {
    display: none;
  }
}
@media only screen and (max-width: 990px) {
  table.results {
    display: block;
  }
  table.results thead {
    display: block;
  }
  table.results thead tr th {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  table.results tbody {
    display: block;
  }
  table.results thead tr,
table.results tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  table.results th {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 50%;
    white-space: nowrap;
  }
}
table.results td {
  border-top: 1px solid #F1F5F6;
  color: #666;
}
@media only screen and (max-width: 990px) {
  table.results td {
    display: block;
    width: 50%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
  }
  table.results td:first-of-type {
    padding-left: 0;
  }
  table.results td:last-of-type {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    padding-top: 0;
  }
  table.results td:last-of-type .doc {
    padding-right: 0;
  }
}
table.results tr.open {
  background: #f9f9f9;
}
table.results tr.open td {
  border-color: black;
  border-top-width: 2px;
}
table.results tr.details {
  background: #f9f9f9;
}
@media only screen and (max-width: 990px) {
  table.results tr.details {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
}
table.results tr.details td {
  border-color: black;
  padding-top: 20px;
  padding-bottom: 20px;
  height: auto;
  display: none;
}
table.results tr.details td ul {
  display: none;
}
table.results ul li + li {
    margin-top: 15px;
    word-break: break-all;
    white-space: normal;
}
table.results ul li.bigText {
  word-break: break-all;
  white-space: normal;
}
table.results .primary,
table.results .secondary,
table.results .doc {
  display: inline-block;
  height: 33px;
  border: 1px solid black;
  border-radius: 17px;
  line-height: 33px;
  padding: 0 20px;
  margin: 2px 3px;  
}
table.results .primary {
  background: black;
  color: white;
  transition: 0.3s;
}
table.results .primary:hover {
  background: transparent;
  color: black;
}
table.results .secondary {
  background: transparent;
  color: black;
  transition: 0.3s;
}
table.results .secondary:hover {
  background: black;
  color: white;
}
table.results .doc {
  border-color: transparent;
  background: url("../img/downloadfile.svg") no-repeat 4px 50%/16px auto;
  padding-left: 26px;
  transition: 0.3s;
  position: relative;
}
table.results .doc::after {
  content: "";
  position: absolute;
  left: 26px;
  width: 0;
  height: 1px;
  background: black;
  transition: 0.3s;
  bottom: 8px;
}
table.results .doc:hover {
  color: black;
}
table.results .doc:hover::after {
  width: calc(100% - 46px);
}

html header .logo,
html header .head-top,
html header .navi,
html .section-title,
html .news-nav,
html .box-nav,
html .fn-split > *,
html .footnote > .container > *,
html .pg-tools > .container,
html .split-main > p,
html .split-main > ul > li,
html .split-main > .text-content > *,
html .split-main > .text-content > .constitution > *,
html .split-main > .results,
html .split-content aside {
/*   opacity: 0; */
/*   transform: translateY(-30px); */
}
html header .logo.animating,
html header .head-top.animating,
html header .navi.animating,
html .section-title.animating,
html .news-nav.animating,
html .box-nav.animating,
html .fn-split > *.animating,
html .footnote > .container > *.animating,
html .pg-tools > .container.animating,
html .split-main > p.animating,
html .split-main > ul > li.animating,
html .split-main > .text-content > *.animating,
html .split-main > .text-content > .constitution > *.animating,
html .split-main > .results.animating,
html .split-content aside.animating {
  transform: translateY(0);
  opacity: 1;
  transition: 0.5s ease-out;
}
html header .logo.animated,
html header .head-top.animated,
html header .navi.animated,
html .section-title.animated,
html .news-nav.animated,
html .box-nav.animated,
html .fn-split > *.animated,
html .footnote > .container > *.animated,
html .pg-tools > .container.animated,
html .split-main > p.animated,
html .split-main > ul > li.animated,
html .split-main > .text-content > *.animated,
html .split-main > .text-content > .constitution > *.animated,
html .split-main > .results.animated,
html .split-content aside.animated {
  opacity: unset;
  transform: unset;
}
html .intro-img,
html .box-list li,
html .news-container li:nth-child(1),
html .news-container li:nth-child(2),
html .tiles-list li,
html .plinks-list li,
html .foot-contact,
html .foot-copy,
html .split-main > h1,
html .split-main > form,
html .split-main > .docprop,
html .split-main > .pager,
html .results-header {
  position: relative;
}
html .intro-img::after,
html .box-list li::after,
html .news-container li:nth-child(1)::after,
html .news-container li:nth-child(2)::after,
html .tiles-list li::after,
html .plinks-list li::after,
html .foot-contact::after,
html .foot-copy::after,
html .split-main > h1::after,
html .split-main > form::after,
html .split-main > .docprop::after,
html .split-main > .pager::after,
html .results-header::after {
/*   content: ""; */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #F9F9F9;
  z-index: 10;
}
html .intro-img.animating::after,
html .box-list li.animating::after,
html .news-container li:nth-child(1).animating::after,
html .news-container li:nth-child(2).animating::after,
html .tiles-list li.animating::after,
html .plinks-list li.animating::after,
html .foot-contact.animating::after,
html .foot-copy.animating::after,
html .split-main > h1.animating::after,
html .split-main > form.animating::after,
html .split-main > .docprop.animating::after,
html .split-main > .pager.animating::after,
html .results-header.animating::after {
  width: 0;
  transition: 0.3s width ease-out;
}
html .intro-img.animated::after,
html .box-list li.animated::after,
html .news-container li:nth-child(1).animated::after,
html .news-container li:nth-child(2).animated::after,
html .tiles-list li.animated::after,
html .plinks-list li.animated::after,
html .foot-contact.animated::after,
html .foot-copy.animated::after,
html .split-main > h1.animated::after,
html .split-main > form.animated::after,
html .split-main > .docprop.animated::after,
html .split-main > .pager.animated::after,
html .results-header.animated::after {
  display: none;
}
html .foot-contact::after,
html .results-header::after,
html .split-main > h1::after,
html .split-main > .docprop::after {
  background: white;
}
html .foot-copy::after {
  background: #F1F5F6;
}
html .foot-copy.animating::after {
  transition-duration: 0.8s;
}
html .split-main > form.search-form::after {
  top: -50px;
}

body, html {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: black;
  background: white;
}

.page-con {
  /*   overflow-x: hidden; */
}

.container {
  max-width: 1140px;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}

header {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  top: -60px;
  z-index: 10;
}
@media only screen and (max-width: 990px) {
  header {
    top: 0;
  }
}
@media only screen and (max-width: 990px) {
  header {
    margin-bottom: 18px;
  }
}
header .head-split {
  display: flex;
  justify-content: space-between;
}
header .logo {
  padding-top: 25px;
  flex-shrink: 0;
}
header .logo a {
  height: 120px;
  padding-left: 95px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: url("../img/logo.png") no-repeat 0% 50%;
  background-size: 80px 120px;
  line-height: 23px;
/*   white-space: nowrap; */
  transition: 0.15s;
  transform-origin: 0% 80%;
  width: 140px;
}
header .logo a span {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 990px) {
  header .logo a {
    background-size: 40px 60px;
    height: 60px;
    padding-left: 52px;
  }
}
@media only screen and (max-width: 990px) {
  header .logo {
    padding-top: 15px;
    padding-bottom: 10px;
  }
}
header.scrolled {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 991px) {
  header.scrolled .logo a {
    transform: translateY(15px);
    background-size: 40px 60px;
    padding-left: 55px;
    line-height: 20px; 
    span { font-size: 18px; }
  }
}
header .head-content {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 990px) {
  header .head-content {
    margin-top: 10px;
    flex-direction: row;
    align-items: center;
  }
}
header .head-top {
  display: flex;
}
header .links {
  display: flex;
  align-items: center;
  padding-right: 10px;
  border-right: 1px solid #eeeeee;
  margin-right: 18px;
}
@media only screen and (max-width: 990px) {
  header .links {
    display: none;
  }
}
header .links a {
  display: block;
  color: #999;
  margin-left: 20px;
  position: relative;
  transition: 0.3s;
}
header .links a:first-of-type {
  margin-left: 0;
}
header .links a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: black;
  content: "";
  transition: 0.3s;
}
header .links a:hover {
  color: #000;
}
header .links a:hover::before {
  width: 100%;
}
header .links .btn {
  padding: 0 5px; text-align: center;
  height: 35px;
  line-height: 35px;
  background: #c73734;
  color: white; font-size: smaller;
  font-weight: bold;
  border-radius: 18px;
}
header .links .btn::before {
  display: none;
}
header .links .btn:hover {
  color: white;
  background: #A42321;
}
header .tools {
  display: flex;
  align-items: center;
}
header .tools .search input {
  display: block;
  width: 90px;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  height: 20px;
  padding-left: 22px;
  background: url("../img/sear.svg") no-repeat 0% 50%;
  background-size: 12px 12px;
}
header .tools .search input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
header .tools .search input:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
header .tools .search input::placeholder {
  color: #999;
  opacity: 1;
}
header .tools .search input:-ms-input-placeholder {
  color: #999;
}
header .tools .search input::-ms-input-placeholder {
  color: #999;
}
@media only screen and (max-width: 990px) {
  header .tools .search input {
    overflow: hidden;
    width: 0;
    cursor: pointer;
    background-size: 20px 20px;
    margin-right: 20px;
  }
}
header .tools .select {
  height: 35px;
  margin-left: 10px;
  position: relative;
  /*padding-right: 32px;*/
  box-sizing: border-box;
  transition: 0.3s;
  z-index: 2;
}
@media only screen and (max-width: 990px) {
  header .tools .select {
    display: none;
  }
}
header .tools .select::after {
  background: url("../img/ddown.svg") no-repeat 50% 50%;
  background-size: 12px 12px;
  transition: 0.3s;
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  right: 12px;
  top: calc(50% - 6px);
}
header .tools .select .current {
  box-sizing: border-box;
  height: 35px;
  line-height: 33px;
  border: 1px solid #DEDEDE;
  padding-left: 17px;
  padding-right: 35px;
  color: #999;
  border-radius: 18px;
  cursor: pointer;
}
header .tools .select.other::after {
  background-image: url("../img/ddownb.svg");
}
header .tools .select.other .current {
  color: #000;
  border-color: #000;
}
header .tools .select ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: calc(100% + 8px);
  background: black;
  color: #cccccc;
  padding: 20px 23px 18px 16px;
  border-radius: 10px;
  box-sizing: border-box;
  width: 220px;
}
header .tools .select ul > li {
  width: 100%;
  /*font-family: "Source Serif Pro", serif;*/
  margin-bottom: 30px;
  font-family: "Inter", sans-serif;
}
header .tools .select ul > li:last-of-type {
  margin-bottom: 0;
}
header .tools .select ul > li a:hover {
  text-decoration: underline;
  color: white;
}
header .tools .select.open .current {
  background: black;
  color: white;
}
header .tools .select.open::after {
  filter: brightness(0) invert(1);
}
header .tools .select.open ul {
  visibility: visible;
  opacity: 1;
}
header .tools .select.lang.open .current {
  background: white;
  border-color: black;
  color: black;
}
header .tools .select.lang.open::after {
  filter: brightness(0);
}
header .tools .select.lang ul {
  background: white;
  color: black;
  border: 1px solid black;
  left: auto;
  right: 0;
  padding: 20px 23px 18px 16px;
  border-radius: 10px;
  box-sizing: border-box;
  width: 220px;
  width: 140px;
}
@media only screen and (max-width: 990px) {
  header .tools .select.lang ul {
    left: 0;
    right: auto;
  }
}
header .tools .select.lang ul > li a:hover {
  color: #C73734;
}
header .navi .head-top {
  display: none;
}
header .navi nav {
  padding-top: 20px;
}
header .navi nav > ul {
  display: flex;
}
header .navi nav > ul > li {
  height: 40px;
  margin-left: 20px;
  margin-left: 15px;
  position: relative;
  z-index: 1;
}
header .navi nav > ul > li > a {
  height: 40px;
  display: block;
  line-height: 20px;
  padding-right: 20px;
  background: url("../img/ddownr.svg") no-repeat 100% 50%;
  background-size: 12px 12px;
  position: relative;
  display: flex;
  align-items: center;
}
header .navi nav > ul > li > a::after {
  content: "";
  position: absolute;
  background: black;
  height: 1px;
  bottom: 0px;
  transition: 0.3s width;
}
header .navi nav > ul > li:hover > ul {
  visibility: visible;
}
header .navi nav > ul > li > ul {
  position: absolute;
  visibility: hidden;
  left: 0;
  top: calc(100% + 0px);
  padding: 5px 20px;
  box-sizing: border-box;
  width: 220px;
  background: #F1F5F6;
  border-radius: 10px;
}
header .navi nav > ul > li > ul > li {
  position: relative;
  /*font-family: "Source Serif Pro", serif;*/
  font-family: "Inter", sans-serif;
  /*               margin-bottom: 30px; */
  line-height: 16px;
  display: flex;
  align-items: center;
  margin-right: -20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
header .navi nav > ul > li > ul > li a {
  display: block;
  position: relative;
}
header .navi nav > ul > li > ul > li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  content: "";
  background: #c73734;
}
header .navi nav > ul > li > ul > li.hc::after {
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: url("../img/morer.svg") no-repeat 50% 50%/contain;
  margin-left: 8px;
}
header .navi nav > ul > li > ul > li:last-of-type {
  /*                 margin-bottom: 0; */
}
header .navi nav > ul > li > ul > li > ul {
  top: 0;
  left: 100%;
  position: absolute;
  padding: 20px;
  box-sizing: border-box;
  width: 220px;
  background: #F1F5F6;
  border-radius: 10px;
  visibility: hidden;
}
header .navi nav > ul > li > ul > li > ul > li {
  margin-bottom: 30px;
  line-height: 16px;
  display: flex;
  align-items: center;
}
header .navi nav > ul > li > ul > li > ul > li:last-of-type {
  margin-bottom: 0;
}
header .navi nav > ul > li > ul > li > ul > li:hover > a {
  color: #c73734;
  text-decoration: underline;
}
header .navi nav > ul > li > ul > li:hover > ul {
  visibility: visible;
}
header .navi nav > ul > li > ul > li:hover > a {
  color: #c73734;
  /*&::after {
    width: 100%;
  }*/
  text-decoration: underline;
}
@media only screen and (max-width: 1130px) {
  header .navi nav > ul > li {
    font-size: 12px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 990px) {
  header .navi nav {
    display: none;
  }
}
@media only screen and (max-width: 990px) {
  header .navi .mob-handle {
    display: block;
    width: 50px;
    height: 50px;
    background: #F1F5F6;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
  }
  header .navi .mob-handle span {
    display: block;
    background: black;
    height: 2px;
    width: 25px;
    position: relative;
    transition: 0.3s;
  }
  header .navi .mob-handle span::before, header .navi .mob-handle span::after {
    content: "";
    background: black;
    position: absolute;
    width: 100%;
    height: 2px;
    transform-origin: 50% 50%;
    transition: 0.3s;
  }
  header .navi .mob-handle span::before {
    top: -5px;
  }
  header .navi .mob-handle span::after {
    top: 5px;
  }
}
header.open .navi {
  position: fixed;
  padding-top: 20px;
  z-index: 101;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #F1F5F6;
}
header.open .navi .mob-handle {
  margin-left: auto;
  margin-right: 20px;
  background: black;
  margin-top: 0px;
}
header.open .navi .mob-handle span {
  background: transparent;
}
header.open .navi .mob-handle span::before, header.open .navi .mob-handle span::after {
  top: 0;
  background: white;
}
header.open .navi .mob-handle span::before {
  transform: rotate(-45deg);
}
header.open .navi .mob-handle span::after {
  transform: rotate(45deg);
}
header.open .navi nav {
  display: block;
}
header.open .navi nav > ul {
  flex-direction: column;
}
header.open .navi nav > ul > li {
  margin-left: 0;
  width: 100%;
  text-align: left;
  font-size: 18px;
  display: flex;
  align-items: flex-start;
  padding-left: 30px;
  flex-direction: column;
  line-height: 35px;
  margin-bottom: 30px;
  height: auto;
}
header.open .navi nav > ul > li > ul {
  position: relative;
  visibility: visible;
  display: none;
  top: 0;
  background: white;
  width: calc(100% - 46px);
  margin-left: -10px;
  font-size: 16px;
}
header.open .navi nav > ul > li > ul > li {
  flex-wrap: wrap;
}
header.open .navi nav > ul > li > ul > li.hc::after {
  background-image: url("../img/ddownr.svg");
}
header.open .navi nav > ul > li > ul > li > ul {
  visibility: visible;
  position: relative;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  order: 1;
  text-align: left;
  margin-top: 10px;
}
header.open .navi .head-top {
  display: flex;
  flex-direction: column-reverse;
}
header.open .navi .head-top .links {
  display: flex;
  flex-direction: column;
  margin-top: 27px;
  width: calc(100% - 60px);
  align-items: flex-start;
  margin: 27px auto 10px;
  box-sizing: border-box;
}
header.open .navi .head-top .links a {
  margin-left: 0;
  margin-bottom: 20px;
  font-size: 16px;
  color: #000000;
}
header.open .navi .head-top .links a.btn {
  color: white;
}
header.open .navi .head-top .tools .search {
  display: none;
}
header.open .navi .head-top .select {
  display: block;
}
header.open .navi .head-top .select.lang {
  position: absolute;
  top: 30px;
  left: 20px;
}
header.open .navi .head-top .select.other {
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
}
header.open .navi .head-top .select.other .current {
  /*border-color: black;
  color: black;*/
}
header.open .navi .head-top .select.other::after {
  /*background-image: url("../img/ddownb.svg");*/
}

.intro-img .iimg {
  height: 450px;
  background: #eee;
  position: relative;
}
@media only screen and (max-width: 990px) {
  .intro-img .iimg {
    height: 300px;
  }
}
.intro-img .iimg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro-img .iimg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

footer {
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 990px) {
  footer {
    margin-top: 90px;
  }
}
footer .flagsep {
  width: 100%;
  height: 4px;
  display: flex;
}
footer .flagsep span {
  display: block;
  height: 4px;
  width: 33.333%;
}
footer .flagsep span:nth-of-type(1) {
  background: #C73734;
}
footer .flagsep span:nth-of-type(2) {
  background: #346FC7;
}
footer .flagsep span:nth-of-type(3) {
  background: #F1F5F6;
}
footer .foot-contact {
  border-bottom: 1px solid #F1F5F6;
  color: #999;
  position: relative;
}
footer .foot-contact .container {
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 990px) {
  footer .foot-contact .container {
    justify-content: center;
  }
}
@media only screen and (max-width: 990px) {
  footer .foot-contact .totop {
    position: absolute;
    bottom: calc(100% + 27px);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
  }
}
footer .foot-contact .totop a {
  text-decoration: underline;
  transition: 0.3s;
}
footer .foot-contact .totop a:hover {
  color: black;
}
footer .foot-contact .phone {
  padding-left: 44px;
  height: 32px;
  line-height: 32px;
  background: url("../img/phone.svg") no-repeat 0% 50%;
  background-size: 32px 32px;
}
footer .foot-nav {
  padding-top: 20px;
  background: #f7f9fa;
  padding-bottom: 1px;
}
footer .foot-nav .fn-split {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 990px) {
  footer .foot-nav .fn-split {
    flex-wrap: wrap;
  }
}
footer .foot-nav .fn-split > div, footer .foot-nav .fn-split > ul {
  width: calc(33.333% - 10px);
}
@media only screen and (max-width: 990px) {
  footer .foot-nav .fn-split > div, footer .foot-nav .fn-split > ul {
    width: 100%;
  }
}
@media only screen and (max-width: 990px) {
  footer .foot-nav .fn-split div > ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  footer .foot-nav .fn-split div > ul > li {
    text-align: center;
  }
}
footer .foot-nav .fn-split div > ul li {
  line-height: 20px;
  margin-bottom: 15px;
  color: #666;
  max-width: 180px;
}
footer .foot-nav .fn-split div > ul li a {
  transition: 0.3s;
  border-bottom: 1px solid transparent;
}
footer .foot-nav .fn-split div > ul li a:hover {
  border-color: black;
  color: black;
}
@media only screen and (max-width: 990px) {
  footer .foot-nav .fn-split .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #eee;
    text-align: center;
  }
}
footer .foot-nav .fn-split .contact p {
  line-height: 35px;
  color: #666;
  margin-bottom: 20px;
}
footer .foot-nav .fn-split .contact .btn-map {
  display: block;
  width: 235px;
  height: 40px;
  box-sizing: border-box;
  line-height: 38px;
  border: 1px solid #DEDEDE;
  text-align: center;
  border-radius: 20px;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
footer .foot-nav .fn-split .contact .btn-map::before {
  transition: 0.3s;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/mappin.svg") no-repeat 50% 50%/contain;
  margin-right: 6px;
}
footer .foot-nav .fn-split .contact .btn-map:hover {
  border-color: black;
  color: white;
  background: black;
}
footer .foot-nav .fn-split .contact .btn-map:hover::before {
  filter: brightness(0) invert(1);
}
footer .foot-copy {
  background: #F1F5F6;
  color: #999999;
}
footer .foot-copy .container {
  display: flex;
  align-items: center;
  height: 77px;
}
footer .foot-copy .logo {
  display: block;
  background: url("../img/logo.png") no-repeat 50% 50%/contain;
  margin-right: 20px;
  width: 40px;
  height: 60px;
}
footer .foot-copy .copy a {
  transition: 0.3s;
  border-bottom: 1px solid transparent;
}
footer .foot-copy .copy a:hover {
  border-color: black;
  color: black;
}
footer .footnote .container {
  padding: 17px 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  footer .footnote .container {
    flex-direction: column-reverse;
  }
}
footer .footnote .container .fn-text {
  flex-grow: 1;
  font-size: 12px;
  line-height: 20px;
  color: #999999;
}
@media only screen and (max-width: 990px) {
  footer .footnote .container .fn-text {
    text-align: center;
  }
}
footer .footnote .container .fn-org {
  flex-shrink: 0;
  margin-left: 90px;
}
@media only screen and (max-width: 990px) {
  footer .footnote .container .fn-org {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
footer .footnote .container .fn-org a {
  width: 240px;
  height: 40px;
  background: url("../img/eucoe.png") no-repeat 50% 50%/contain;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
}

.box-nav {
  display: flex;
  padding: 10px;
  justify-content: center;
  display: none;
}
@media only screen and (max-width: 990px) {
  .box-nav {
    display: flex;
  }
}
.box-nav a {
  display: block;
  margin-right: 8px;
  width: 20px;
  height: 4px;
  background: #ccc;
}
.box-nav a.current {
  background: black;
}

.announcements {
  background: #F9F9F9;
  padding: 50px 0 60px;
}
@media only screen and (max-width: 990px) {
  .announcements {
    padding: 24px 0 30px;
  }
}
@media only screen and (max-width: 990px) {
  .announcements .box-list {
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    flex-wrap: nowrap;
    position: relative;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
  .announcements .box-list::-webkit-scrollbar {
    display: none;
  }
  .announcements .box-list.animating {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
  }
}
.announcements .box-list > li {
  width: calc(33.333% - 10px);
  margin-right: 15px;
}
.announcements .box-list > li:nth-of-type(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 990px) {
  .announcements .box-list > li {
    width: 100%;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
}

.box-list {
  display: flex;
  flex-wrap: wrap;
}
.box-list > li {
  box-sizing: border-box;
}
.box-list > li .img {
  width: 100%;
  height: 180px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: relative;
}

.multi-lists .box-list > li.vertical  {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
}
.box-list > li.vertical .img {
    height: 280px; width: 30%;
    border-radius: 10px 0 0 10px ;
    flex: 0 0 auto;
    margin: 0;
}
.box-list > li.vertical img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}
.box-list > li.vertical .bl-con {
    border-radius: 0 10px 10px 0;
    height: 235px; width: calc(60%);
    flex: 0 0 auto;
    margin: 0; 
}

.box-list > li .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}
.box-list > li:hover .img::after {
  visibility: visible;
  opacity: 1;
}
.box-list > li img {
  width: 100%;
  height: 180px;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.box-list > li .bl-con {
  background: white;
  border: 1px solid #eeeeee;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 20px 20px 25px;
}
.box-list > li .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  min-height: 44px;
  margin-bottom: 20px;
  max-width: 250px;
}
.box-list > li .btn {
  display: inline-block;
  padding: 0 15px;
  height: 40px;
  color: white;
  border-radius: 20px;
  background: #203973;
  line-height: 40px;
  font-weight: bold;
  font-size: 16px;
  transition: 0.3s;
}
.box-list > li .btn:hover {
  background: #132756;
}

.news {
  background: #F1F5F6;
  padding: 64px 0 70px;
}
@media only screen and (max-width: 990px) {
  .news {
    padding: 20px 0;
  }
}
.news .section-title {
  color: black;
}
.news .news-nav {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  .news .news-nav {
    display: none;
  }
}
.news .news-nav a {
  display: block;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid black;
  margin-right: 10px;
  border-radius: 20px;
  position: relative;
  transition: 0.3s;
}
.news .news-nav a::before {
  background-position: 50% 50%;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  transition: 0.3s;
}
.news .news-nav a.prev::before {
  background-image: url("../img/navl.svg");
}
.news .news-nav a.next::before {
  background-image: url("../img/navr.svg");
}
.news .news-nav a:hover {
  background: black;
}
.news .news-nav a:hover::before {
  filter: brightness(0) invert(1);
}
.news .news-container {
  position: relative;
  overflow: hidden;
}
.news .news-container::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 350px;
  bottom: 0;
  right: 0px;
  top: 0px;
  background: linear-gradient(270deg, #F1F5F6 18.29%, rgba(241, 245, 246, 0) 100%);
}
@media only screen and (max-width: 990px) {
  .news .news-container::after {
    display: none;
  }
}
.news .news-container > ul {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.news .news-container > ul::-webkit-scrollbar {
  display: none;
}
.news .news-container > ul.anim {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}
.news .news-container > ul::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 350px;
}
.news .news-container > ul > li {
  scroll-snap-align: start;
  height: 320px;
  display: flex;
  flex-direction: row-reverse;
  width: 760px;
  flex-shrink: 0;
  margin-right: 30px;
  /*background: white;*/
}
@media only screen and (max-width: 990px) {
  .news .news-container > ul > li {
    flex-direction: column;
    height: auto;
    width: calc(100vw - 40px);
  }
}
.news .news-container > ul > li img {
  display: block;
  height: 320px;
  width: 320px;
  border-radius: 10px;
  flex-shrink: 0;
  margin-left: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 990px) {
  .news .news-container > ul > li img {
    width: 100%;
    margin-left: 0;
    height: 300px;
    margin-bottom: 18px;
  }
}
.news .news-container > ul > li .news-cont {
  flex-grow: 1;
}
.news .news-container > ul > li .news-cont date {
  display: block;
  color: #999999;
  font-size: 12px;
  line-height: 25px;
  margin-bottom: 12px;
}
.news .news-container > ul > li .news-cont h2 {
  line-height: 29px;
  font-size: 24px;
  font-weight: bold;
  max-width: 350px;
  margin-bottom: 25px;
}
.news .news-container > ul > li .news-cont p {
  /*font-family: "Source Serif Pro", serif;*/
  font-family: "Inter", sans-serif;
  color: #666666;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 12px;
}
.news .news-container > ul > li .news-cont .more {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  display: inline-block;
  padding-right: 16px;
  background: url("../img/more.svg") 100% 50% no-repeat;
  background-size: 12px 12px;
  position: relative;
}
.news .news-container > ul > li .news-cont .more::before {
  position: absolute;
  content: "";
  background: black;
  width: 0;
  transition: 0.3s;
  left: 0;
  bottom: 0;
  height: 1px;
}
.news .news-container > ul > li .news-cont .more:hover::before {
  width: calc(100% - 16px);
}

.section-title {
  color: #203973;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.section-title i {
  display: block;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-right: 7px;
  padding: 0;
}
.section-title i.anno {
  background-image: url("../img/anno.svg");
}
.section-title i.news {
  background-image: url("../img/news.svg");
}
.section-title .more {
  margin-left: auto;
  text-decoration: underline;
  color: black;
  text-transform: none;
}

.tiles {
  padding: 15px 0;
}
.tiles .container {
  max-width: 1120px;
}
.tiles .tiles-list {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 10px;
}
@media only screen and (max-width: 990px) {
  .tiles .tiles-list {
    border-radius: 0px;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    flex-wrap: nowrap;
    position: relative;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
  .tiles .tiles-list::-webkit-scrollbar {
    display: none;
  }
  .tiles .tiles-list.animating {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
  }
}
.tiles .tiles-list > li {
  width: 50%;
  display: flex;
  background: #F9F9F9;
  transition: 0.3s;
}
.tiles .tiles-list > li:nth-of-type(4n+3), .tiles .tiles-list > li:nth-of-type(4n+4) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 990px) {
  .tiles .tiles-list > li {
    flex-direction: column !important;
    flex-shrink: 0;
    width: 100%;
    scroll-snap-align: start;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
  }
  .tiles .tiles-list > li:last-of-type {
    margin-right: 0;
  }
}
.tiles .tiles-list > li .img {
  display: block;
  width: 50%;
  height: 230px;
  position: relative;
}
@media only screen and (max-width: 990px) {
  .tiles .tiles-list > li .img {
    width: 100%;
    height: 180px;
  }
}
.tiles .tiles-list > li .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}
.tiles .tiles-list > li:hover {
  background: #eee;
}
.tiles .tiles-list > li:hover .img::after {
  visibility: visible;
  opacity: 1;
}
.tiles .tiles-list > li img {
  display: block;
  width: 50%;
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 990px) {
  .tiles .tiles-list > li img {
    width: 100%;
    height: 180px;
  }
}
.tiles .tiles-list > li .tl-con {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 990px) {
  .tiles .tiles-list > li .tl-con {
    width: 100%;
    padding: 20px 0;
  }
}
.tiles .tiles-list i {
  display: block;
  width: 32px;
  height: 32px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.tiles .tiles-list i.dl {
  background-image: url("../img/download.svg");
}
.tiles .tiles-list i.mo {
  background-image: url("../img/monitor.svg");
}
.tiles .tiles-list i.ed {
  background-image: url("../img/edit.svg");
}
.tiles .tiles-list i.bo {
  background-image: url("../img/books.svg");
}
.tiles .tiles-list .title {
  line-height: 22px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.tiles .tiles-list .btn {
  display: block;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  background: black;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  transition: 0.3s;
  border: 1px solid black;
  box-sizing: border-box;
}
.tiles .tiles-list .btn:hover {
  background: transparent;
  color: black;
}

.partner-links {
  margin-bottom: 15px;
}
.partner-links .plinks-list {
  display: flex;
}
@media only screen and (max-width: 990px) {
  .partner-links .plinks-list {
    overflow: hidden;
  }
}
@media only screen and (max-width: 990px) {
  .partner-links .plinks-list {
    border-radius: 0px;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    flex-wrap: nowrap;
    position: relative;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
  .partner-links .plinks-list::-webkit-scrollbar {
    display: none;
  }
  .partner-links .plinks-list.animating {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
  }
}
.partner-links .plinks-list > li {
  width: calc(33.333% - 10px);
  height: 200px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #F1F5F6;
  border-radius: 10px;
  margin-right: 15px;
}
@media only screen and (max-width: 990px) {
  .partner-links .plinks-list > li {
    width: 100%;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
}
.partner-links .plinks-list > li:nth-of-type(3n) {
  margin-right: 0;
}
.partner-links .plinks-list > li a {
  display: block;
}
.partner-links .plinks-list > li a.ijz {
  color: #203973;
  font-weight: 700;
  line-height: 25px;
  font-size: 18px;
  width: 250px;
  text-align: center;
}
.partner-links .plinks-list > li a.ukp {
  height: 90px;
  width: 272px;
  background: url("../img/pec.png") no-repeat 50% 50%/contain;
  overflow: hidden;
  text-indent: -10000px;
}
.partner-links .plinks-list > li a.eup {
  height: 95px;
  padding-left: 95px;
  background: url("../img/eup.png") no-repeat 0% 50%;
  background-size: 95px 95px;
  font-weight: 500;
  font-size: 36px;
  line-height: 95px;
  color: #203973;
}

.pg-tools {
  border-top: 2px solid #F1F5F6;
  border-bottom: 1px solid #F1F5F6;
  margin: 15px 0 40px;
  padding: 10px 0;
}
@media only screen and (max-width: 990px) {
  .pg-tools {
    display: none;
  }
}
.pg-tools .container {
  display: flex;
  align-items: center;
}
.pg-tools .container > div {
  line-height: 20px;
  font-weight: 500;
  color: #999999;
  font-size: 12px;
}
.pg-tools .container .breadcrumbs > a {
  transition: 0.3s;
  position: relative;
}
.pg-tools .container .breadcrumbs > a::after {
  content: " • ";
  color: #999999;
  pointer-events: none;
}
.pg-tools .container .breadcrumbs > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 12px);
  height: 1px;
  background: transparent;
  transition: 0.3s;
}
.pg-tools .container .breadcrumbs > a:hover {
  color: black;
}
.pg-tools .container .breadcrumbs > a:hover::before {
  background: black;
}
.pg-tools .container .breadcrumbs > a:last-of-type {
  color: black;
}
.pg-tools .container .breadcrumbs > a:last-of-type::after {
  display: none;
}
.pg-tools .container .breadcrumbs > a:last-of-type::before {
  width: 100%;
}
.pg-tools .container .pg-tool {
  margin-left: auto;
  display: flex;
}
.pg-tools .container .pg-tool a {
  display: flex;
  align-items: center;
  height: 20px;
  margin-left: 17px;
  transition: 0.3s;
}
.pg-tools .container .pg-tool a::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  transition: 0.3s;
}
.pg-tools .container .pg-tool a:hover {
  color: black;
}
.pg-tools .container .pg-tool a:hover::before {
  filter: brightness(0);
}
.pg-tools .container .pg-tool a.share::before {
  background-image: url("../img/share.svg");
}
.pg-tools .container .pg-tool a.print::before {
  background-image: url("../img/print.svg");
}
@media only screen and (max-width: 990px) {
  .pg-tools .container .pg-tool a.print {
    display: none;
  }
}

.split-content .pg-tools {
  display: none;
}
@media only screen and (max-width: 990px) {
  .split-content .pg-tools {
    display: block;
    margin-top: 0px;
    order: 1;
    position: relative;
    z-index: 1;
  }
}
.split-content .pg-tools .container {
  padding: 0;
  flex-direction: row;
}

.split-content {
  margin: 40px 0;
}
@media only screen and (max-width: 990px) {
  .split-content {
    /*     overflow-x: hidden; */
  }
}
.split-content .container {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 990px) {
  .split-content .container {
    flex-direction: column-reverse;
  }
}
.split-content aside {
  width: 295px;
  margin-right: 90px;
  flex-shrink: 0;
  min-height: 450px;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  align-self: flex-start;
}
@media only screen and (max-width: 1130px) {
  .split-content aside {
    margin-right: 20px;
    width: 245px;
  }
}
@media only screen and (max-width: 990px) {
  .split-content aside {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    min-height: unset;
    order: 2;
    top: 0;
    position: relative;
  }
}
.split-content aside::before {
  z-index: 0;
  width: 500px;
  height: 460px;
  background: url("../img/aside.svg") no-repeat 50% 50%/contain;
  content: "";
  position: absolute;
  top: -38px;
  /*left: -224px;*/
  right: -28px;
  pointer-events: none;
}
.split-content aside > ul, .split-content aside > div {
  position: relative;
}
.split-content .split-main {
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 990px) {
  .split-content .split-main {
    order: 1;
  }
}

.side-nav {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (max-width: 1130px) {
  .side-nav {
    font-size: 14px;
  }
}
.side-nav > li {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.side-nav > li a {
  position: relative;
  display: block;
  padding-bottom: 2px;
}
.side-nav > li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: 2px solid black;
  transition: 0.3s width;
}
@media only screen and (max-width: 990px) {
  .side-nav > li a::after {
    border-color: transparent;
  }
}
.side-nav > li a:hover::after {
  width: 100%;
}
.side-nav > li.active > a {
  color: #C73734;
  position: relative;
  display: block;
}
.side-nav > li.active > a::after {
  width: 100%;
  border-color: #C73734;
}
@media only screen and (max-width: 990px) {
  .side-nav > li.active > a::after {
    border-color: transparent;
  }
}
.side-nav > li.hc::after {
  order: 0;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: url("../img/morer.svg") no-repeat 50% 50%/contain;
  margin-left: 8px;
  transform-origin: 50% 50%;
}
.side-nav > li > ul {
  order: 1;
  width: 100%;
  box-sizing: border-box;
  border-left: 10px solid #F1F5F6;
  margin: 20px 0;
  padding-left: 20px;
  display: none;
}
.side-nav > li > ul > li {
  font-size: 16px;
  color: #666666;
  line-height: 25px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 990px) {
  .side-nav > li > ul > li {
    font-size: 14px;
  }
}
.side-nav > li > ul > li:last-of-type {
  margin-bottom: 0;
}
.side-nav > li > ul > li a {
  display: inline-block;
}
.side-nav > li > ul > li a::after {
  border-bottom-width: 1px;
}
.side-nav > li > ul > li.active a {
  color: black;
  /*             border-bottom: 1px solid black; */
}
.side-nav > li > ul > li.active a::after {
  width: 100%;
}
.side-nav > li.open ul {
  display: block;
}
.side-nav > li.open::after {
  transform: rotate(90deg);
}
@media only screen and (max-width: 990px) {
  .side-nav > li {
    display: none;
  }
  .side-nav > li.active {
    padding: 5px 0;
    font-size: 18px;
    display: flex;
  }
  .side-nav > li.active::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    background: url("../img/morer.svg") no-repeat 50% 50%/contain;
    transform: rotate(90deg);
    margin-left: 8px;
    transform-origin: 50% 50%;
  }
  .side-nav.open {
    top: 0 !important;
    background: none !important;
    position: relative !important;
    box-shadow: none !important;
    height: auto !important;
  }
  .side-nav.open > li {
    display: flex;
  }
  .side-nav.open > li.active::after {
    display: none;
  }
}

@media only screen and (max-width: 990px) {
  .split-content > div > aside {
    position: relative;
    top: 0px;
    min-height: 46px;
  }
  .split-content > div > aside::before {
    right: -20px;
  }
  .split-content > div > aside .side-nav {
    position: relative;
    z-index: 5;
    margin: 0 -20px;
    padding: 0 20px;
  }
  .split-content > div > aside .side-nav.scrolled {
    height: 42px;
    position: fixed;
    width: 100%;
    background: white;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  }
}

.split-main h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  .split-main h1 {
    font-size: 24px;
    line-height: 29px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.split-main h1 .attachment {
  display: block;
  margin-left: auto;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  padding-left: 24px;
  position: relative;
  line-height: 16px;
  transition: 0.3s color;
}
@media only screen and (max-width: 990px) {
  .split-main h1 .attachment {
    margin-top: 10px;
    margin-left: 0;
  }
}
.split-main h1 .attachment::before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  filter: saturate(0);
}
.split-main h1 .attachment.doc::before {
  background-image: url("../img/file-doc.svg");
}
.split-main h1 .attachment.pdf::before {
  background-image: url("../img/file-pdf.svg");
}
.split-main h1 .attachment::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background: black;
  left: 0;
  bottom: -2px;
  transition: 0.3s width;
}
.split-main h1 .attachment:hover {
  color: black;
}
.split-main h1 .attachment:hover::after {
  width: 100%;
}

.text-content {
  color: #666666;
  line-height: 35px;
  font-size: 16px;
  /*font-family: "Source Serif Pro", serif;*/
  font-family: "Inter", sans-serif;
}
@media only screen and (max-width: 990px) {
  .text-content {
    font-size: 14px;
    line-height: 25px;
  }
}
.text-content.doc h2 {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin: 30px 0;
}
.text-content p {
  margin-bottom: 30px;
}
.text-content .intro {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #000;
}
.text-content h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #000;
  margin: 20px 0;
}
.text-content h3 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin: 10px 0;
}
.text-content strong {
  font-weight: bold;
  color: #000;
}
.text-content a:not([class]) {
    color: #1b2e3f;
    text-decoration: underline;
}
.text-content a:not([class]):hover { 
    text-decoration: none!important;
}


@media only screen and (max-width: 990px) {
  .text-content .intro {
    line-height: 25px;
    font-size: 16px;
  }
}
.text-content ul, .text-content ol {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  color: #203973;
  margin: 40px 0;
  margin-left: 40px;
  padding-left: 40px;
  position: relative;
}
@media only screen and (max-width: 990px) {
  .text-content ul, .text-content ol {
    font-size: 14px;
    margin-left: 0;
  }
}
.text-content ul::before, .text-content ol::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  background: #F1F5F6;
  border-radius: 5px;
}
.text-content ul > li, .text-content ol > li {
  margin-bottom: 10px;
}
.text-content ul > li:last-of-type, .text-content ol > li:last-of-type {
  margin-bottom: 0;
}
.text-content ul > li::before {
  content: "•";
  pointer-events: none;
  margin-left: -10px;
  margin-right: 10px;
}
.text-content ol {
  counter-reset: ol;
}
.text-content ol > li::before {
  counter-increment: ol;
  content: counter(ol) ".";
  pointer-events: none;
  margin-left: -15px;
  margin-right: 10px;
}
.text-content figure {
  margin: 30px auto;
  max-width: 500px;
  width: 100%;
}
.text-content figure img {
  display: block;
  width: 100%;
  border-radius: 10px;
}
.text-content figure figcaption {
  color: #999999;
  font-size: 12px; margin-top: 20px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  text-align: center;
  font-weight: 500;
}
.text-content .text-center {
  text-align: center;
}
.text-content .text-light {
  color: #666666;
}

.constitution h1, .constitution h2, .constitution h3 {
  text-align: center;
}
.constitution h1, .constitution h2 {
  font-family: "Inter", sans-serif;
  color: black;
  margin: 30px 0;
  font-size: 18px;
  font-weight: bold;
}
.constitution h1 {
  text-transform: uppercase;
}
.constitution h3 {
  font-weight: bold;
  line-height: 35px;
  margin: 60px 0 30px;
  color: black;
}

.multi-lists h2 {
  color: #203973;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
  line-height: 17px;
}
.multi-lists .box-list {
  margin-bottom: 50px;
}
.multi-lists .box-list > li {
  width: calc(50% - 8px);
  margin-right: 16px;
  margin-bottom: 16px;
}

.multi-lists .box-list > li:nth-of-type(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 990px) {
  .multi-lists .box-list > li {
    width: 100%;
    margin-right: 0;
  }
}

.proper-list {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.proper-list > li {
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #F1F5F6;
  padding: 20px;
  width: 100%;
  /*width: calc(50% - 8px);*/
  margin-right: 16px;
  margin-bottom: 16px;
  transition: 0.3s;
}
.proper-list > li:nth-of-type(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 990px) {
  .proper-list > li {
    width: 100%;
    margin-right: 0;
  }
}
.proper-list > li date {
  display: block;
  color: #999;
  font-size: 12px;
  line-height: 25px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.proper-list > li h2 {
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 22px;
  font-size: 18px;
  min-height: 44px;
  transition: 0.3s;
}
.proper-list > li p {
  color: #666666;
  /*font-family: "Source Serif Pro", serif;*/
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 990px) {
  .proper-list > li p {
    font-size: 14px;
  }
}
.proper-list > li .more {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  display: inline-block;
  padding-right: 16px;
  background: url("../img/moreb.svg") 100% 50% no-repeat;
  background-size: 12px 12px;
  color: #203973;
  position: relative;
}
@media only screen and (max-width: 990px) {
  .proper-list > li .more {
    font-size: 14px;
  }
}
.proper-list > li .more::before {
  position: absolute;
  height: 1px;
  width: 0;
  background: #203973;
  bottom: 0;
  left: 0;
  content: "";
  transition: 0.3s;
}
.proper-list > li .more:hover::before {
  width: calc(100% - 16px);
}
.proper-list > li:hover {
  border-color: #cccccc;
}
.proper-list > li:hover h2 {
  color: #203973;
}

.pager {
  display: flex;
  padding: 4px 0;
  border-top: 2px solid #F1F5F6;
  border-bottom: 1px solid #F1F5F6;
  align-items: center;
}
.pager .title {
  line-height: 22px;
  font-weight: bold;
  font-size: 18px;
  margin-left: 30px;
  flex-grow: 1;
}
@media only screen and (max-width: 990px) {
  .pager .title {
    flex-shrink: 0;
    margin-left: 0;
  }
}
.pager .pgin {
  flex-shrink: 0;
  min-width: 550px;
  box-sizing: border-box;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E5E5E5;
  border-radius: 25px;
  margin-right: 30px;
}
@media only screen and (max-width: 990px) {
  .pager .pgin {
    min-width: 0;
    flex-grow: 1;
    margin-right: 0;
  }
}
.pager .pgin > a {
  display: block;
}
.pager .pgin > a.pgnav {
  width: 50px;
  height: 50px;
  border: 1px solid #E5E5E5;
  border-radius: 25px;
  box-sizing: border-box;
  position: relative;
  background: #F9F9F9;
}
.pager .pgin > a.pgnav::before {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.pager .pgin > a.pgnav.prev {
  margin-left: -1px;
}
.pager .pgin > a.pgnav.prev::before {
  background-image: url("../img/navl.svg");
}
.pager .pgin > a.pgnav.next {
  margin-right: -1px;
}
.pager .pgin > a.pgnav.next::before {
  background-image: url("../img/navr.svg");
}
.pager .pgin > a.pgnum {
  text-align: center;
  width: 40px;
  border-radius: 20px;
  font-weight: bold;
  line-height: 40px;
}
@media only screen and (max-width: 990px) {
  .pager .pgin > a.pgnum {
    display: none;
  }
}
.pager .pgin > a.pgnum.active {
  background: black;
  color: white;
}
@media only screen and (max-width: 990px) {
  .pager .pgin > a.pgnum.active {
    display: block;
  }
}

.file-list {
  margin-top: 15px;
}
.file-list > li {
  margin-bottom: 3px;
}
.file-list > li a {
  line-height: 25px;
  display: inline-block;
  padding-left: 24px;
  position: relative;
  color: #203973;
  font-size: 16px;
}
.file-list > li a::before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.file-list > li a.doc::before {
  background-image: url("../img/file-doc.svg");
}
.file-list > li a.pdf::before {
  background-image: url("../img/file-pdf.svg");
}
.file-list > li a::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background: black;
  left: 0;
  bottom: -2px;
  transition: 0.3s width;
}
.file-list > li a:hover {
  color: black;
}
.file-list > li a:hover::after {
  width: 100%;
}

.docprop {
  margin: 20px 0;
  border-radius: 10px;
  padding: 20px;
  background: #F1F5F6;
  font-size: 14px;
  line-height: 35px;
  color: #666666;
}

/*# sourceMappingURL=app.css.map*/

/* print */
@media print  {
    body { margin: 40px 80px !important; }
    header {display: none}
    .pg-tools {display: none}
    aside {display: none}
    footer {display: none}
    * { opacity: 1 !important; transform: translateY(0px)  !important;}
    size: A4;
}



.intro-img {
  height: 450px;
  overflow: hidden;
}
.intro-img .iimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  &:first-child {
    visibility: visible;
  }
}
.addthis_inline_share_toolbox {
  position: absolute;
  width: 80px;
  opacity: 0;
}


/*** Buttons **/
.btn {
	font-size: 1rem;
	line-height:1; letter-spacing: 0.1rem;
	display:inline-block;
	padding:.625rem 1.25rem;
	cursor:pointer;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-align:center;
	vertical-align:middle;
	border:1px solid transparent;
	border-radius: 1.125rem;
	text-transform: uppercase;
}

.btn-primary
{
	color:#fff;
	border-color:#203973;
	background-color:#203973;
	box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
.btn-primary:hover
{
	color:#fff!important;
	border-color:#313131;
	background-color:#313131
}
.btn-danger
{
	color:#fff;
	border-color:#f5365c;
	background-color:#f5365c;
	box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
.btn-danger:hover
{
	color:#fff;
	border-color:#f5365c;
	background-color:#f5365c
}