html.aui {
  	/**
   * Owl Carousel v2.3.4
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
  @keyframes fadeOut {
    0% {
      opacity: 1; }

    100% {
      opacity: 0; } }

  	/**
   * Owl Carousel v2.3.4
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
  /* COMMON */
  /* end of mainsite-row */
  /* SEARCH */
  /* .mainsite-search */
  /* RED-UNIT */
  /* .mainsite-head */
  /* end of section.mainsite-basic RED-UNIT*/
  /* EVENTS */
  /* .mainsite-head */
  /* end of section.mainsite-basic EVENTS*/
  /* BASIC */
  /* .mainsite-head */
  /* end of section.mainsite-basic BASIC*/
  /* NEWS */
  /* .mainsite-head */
  /* end of section.mainsite-news NEWS*/
  /* -- Responsive styles --*/
  /* -- RWD 320-379 --*/
  /* end of 320-379 */
  /* -- RWD 380-479 --*/
  /* end of 380-479 */
  /* -- RWD 480-599 --*/
  /* end of 480-599 */
  /* -- RWD 600-719 --*/
  /* end of 600-719 */
  /* -- RWD 720-959 --*/
  /* end of 720-959 */
  /* -- RWD 960-1209 --*/
  /* end of 960-1209 */
  /* -- RWD 1210-1339 --*/
  /* end of 1211-1339 */
  /* -- RWD 1340px-1429 --*/
  /* end of 1340px-1429 */
  /* -- RWD > 1430px --*/
  /* end of 1430 */ }
  html.aui .owl-carousel, html.aui .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative; }
  html.aui .owl-carousel {
    display: none;
    width: 100%;
    z-index: 1; }
  html.aui .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden; }
  html.aui .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  html.aui .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0); }
  html.aui .owl-carousel .owl-item, html.aui .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  html.aui .owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none; }
  html.aui .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  html.aui .owl-carousel .owl-dots.disabled, html.aui .owl-carousel .owl-nav.disabled {
    display: none; }
  html.aui .no-js .owl-carousel, html.aui .owl-carousel.owl-loaded {
    display: block; }
  html.aui .owl-carousel .owl-dot, html.aui .owl-carousel .owl-nav .owl-next, html.aui .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html.aui .owl-carousel .owl-nav button.owl-next, html.aui .owl-carousel .owl-nav button.owl-prev, html.aui .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  html.aui .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  html.aui .owl-carousel.owl-hidden {
    opacity: 0; }
  html.aui .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  html.aui .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html.aui .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  html.aui .owl-carousel.owl-rtl {
    direction: rtl; }
  html.aui .owl-carousel.owl-rtl .owl-item {
    float: right; }
  html.aui .owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both; }
  html.aui .owl-carousel .owl-animated-in {
    z-index: 0; }
  html.aui .owl-carousel .owl-animated-out {
    z-index: 1; }
  html.aui .owl-carousel .fadeOut {
    animation-name: fadeOut; }
  html.aui .owl-height {
    transition: height .5s ease-in-out; }
  html.aui .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease; }
  html.aui .owl-carousel .owl-item .owl-lazy:not([src]), html.aui .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0; }
  html.aui .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }
  html.aui .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }
  html.aui .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/uj-main-site-portlet/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease; }
  html.aui .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }
  html.aui .owl-carousel .owl-video-playing .owl-video-play-icon, html.aui .owl-carousel .owl-video-playing .owl-video-tn {
    display: none; }
  html.aui .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease; }
  html.aui .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }
  html.aui .owl-theme .owl-dots, html.aui .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
  html.aui .owl-theme .owl-nav {
    margin-top: 10px; }
  html.aui .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
  html.aui .owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none; }
  html.aui .owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default; }
  html.aui .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px; }
  html.aui .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1; }
  html.aui .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px; }
  html.aui .owl-theme .owl-dots .owl-dot.active span, html.aui .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791; }
  html.aui .portal-popup {
    background: #fdfdfd; }
  html.aui .mainsite-row {
    position: relative;
    margin: 0 auto;
    padding: 0;
    /* .mainsite-head */
    /* end of owl-carousel */ }
    html.aui .mainsite-row .mainsite-head {
      width: 100%;
      text-align: center;
      margin: 20px 0 20px 0;
      vertical-align: bottom;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center; }
      html.aui .mainsite-row .mainsite-head h2 {
        font-size: 1.5rem;
        line-height: 1rem;
        font-family: "Libre Baskerville",serif;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0 2rem; }
      html.aui .mainsite-row .mainsite-head .link-to-popular {
        font-size: .75rem;
        font-weight: normal;
        font-family: "Ubuntu",sans-serif;
        padding: .25rem 1rem;
        margin: 0; }
      html.aui .mainsite-row .mainsite-head .link-to-all {
        font-size: .75rem;
        font-weight: normal;
        font-family: "Ubuntu",sans-serif;
        padding: .25rem 1rem;
        margin: 0; }
    html.aui .mainsite-row .owl-carousel {
      /* hovers */
      /* hovers */ }
      html.aui .mainsite-row .owl-carousel .column-left {
        margin: 0; }
      html.aui .mainsite-row .owl-carousel .column-right {
        margin: 0; }
      html.aui .mainsite-row .owl-carousel .owl-item {
        margin: 0;
        padding: 1rem; }
      html.aui .mainsite-row .owl-carousel .owl-nav {
        overflow: hidden;
        margin: 0px;
        height: 0; }
      html.aui .mainsite-row .owl-carousel .nav-btn {
        height: 66px;
        position: absolute;
        width: 35px;
        cursor: pointer; }
      html.aui .mainsite-row .owl-carousel .owl-prev.disabled, html.aui .mainsite-row .owl-carousel .owl-next.disabled {
        pointer-events: none;
        opacity: 0.1; }
      html.aui .mainsite-row .owl-carousel a.mainsite-item-hit *, html.aui .mainsite-row .owl-carousel a.mainsite-item-hit *,
      html.aui .mainsite-row .owl-carousel a.mainsite-item *, html.aui .mainsite-row .owl-carousel a.mainsite-item * {
        color: #222 !important;
        transition: all .5s ease; }
      html.aui .mainsite-row .owl-carousel a.mainsite-item-hit:hover *, html.aui .mainsite-row .owl-carousel a.mainsite-item-hit:active *,
      html.aui .mainsite-row .owl-carousel a.mainsite-item:hover *, html.aui .mainsite-row .owl-carousel a.mainsite-item:active * {
        color: #888 !important; }
      html.aui .mainsite-row .owl-carousel a.mainsite-item-hit:hover,
      html.aui .mainsite-row .owl-carousel a.mainsite-item:hover {
        color: #888 !important; }
      html.aui .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image,
      html.aui .mainsite-row .owl-carousel a.mainsite-item img.item-image {
        display: block;
        -webkit-transition: all .5s ease;
        transition: all .5s ease; }
      html.aui .mainsite-row .owl-carousel a.mainsite-item-hit:hover img.item-image,
      html.aui .mainsite-row .owl-carousel a.mainsite-item:hover img.item-image {
        brightness: .8;
        filter: brightness(80%);
        -webkit-filter: brightness(80%); }
  html.aui section.mainsite-search {
    width: 100%;
    text-align: center;
    margin: 0;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    /* .form.search-employee */ }
    html.aui section.mainsite-search form.search-employee {
      width: 50%;
      margin: 0 auto;
      display: flex; }
      html.aui section.mainsite-search form.search-employee input {
        background-size: contain;
        font-size: 1.375rem;
        font-weight: bold;
        color: #555;
        font-family: "Ubuntu",sans-serif;
        text-transform: lowercase;
        margin: 0;
        padding: 0 0 0 20px;
        height: 50px;
        border-radius: 3px 0px 0px 3px; }
      html.aui section.mainsite-search form.search-employee button {
        background-color: #aa292b;
        background-image: url("/uj-main-site-portlet/img/search.png");
        background-repeat: no-repeat;
        background-position-x: 10px;
        background-position-y: 0px;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 50px;
        font-size: 1.125rem;
        font-weight: bold;
        color: #fff;
        font-family: "Ubuntu",sans-serif;
        border: none;
        text-transform: lowercase;
        text-align: left;
        padding: 0 0 0 50px;
        white-space: nowrap;
        border-radius: 0px 3px 3px 0px; }
      html.aui section.mainsite-search form.search-employee button:hover {
        background-color: #fbb731;
        background-image: url("/uj-main-site-portlet/img/search.png");
        background-position-x: 10px;
        background-repeat: no-repeat;
        color: #fff; }
  html.aui section.mainsite-red-unit {
    background: #78181d;
    margin: 0 auto;
    padding: 10px 0; }
  html.aui section.mainsite-red-unit .mainsite-row .mainsite-head h2 {
    color: #c98a0c; }
  html.aui section.mainsite-red-unit .mainsite-row .mainsite-head h2:hover {
    color: #e5b106; }
  html.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-popular {
    background: rgba(204, 51, 51, 0.3);
    color: #fff; }
  html.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-popular:hover, html.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-popular:active {
    background: rgba(204, 51, 51, 0.6);
    color: #fff; }
  html.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-all {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  html.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-all:hover, html.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-all:active {
    background: rgba(255, 255, 255, 0.3);
    color: #fff; }
  html.aui section.mainsite-red-unit .mainsite-row .owl-carousel {
    padding-bottom: 40px;
    /* mainsite-item */
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .owl-stage {
      display: flex !important; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .owl-item {
      flex-direction: column !important;
      display: flex !important; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .nav-btn {
      top: 160px; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll 0 0;
      left: -60px; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll -35px 0px;
      right: -60px; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .prev-slide:hover {
      background-position: 0px -66px; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .next-slide:hover {
      background-position: -35px -66px; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .item {
      display: flex;
      flex: 1 0 auto;
      flex-direction: column; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item {
      font-family: "Libre Baskerville",serif;
      clear: both;
      flex-grow: 1;
      background: #fff; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description {
        color: #555; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www {
      padding: 0 20px 20px 20px;
      margin: -5px 0 0 0;
      background: #fff; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www a {
        color: #cc3333;
        font-family: "Ubuntu",sans-serif;
        font-size: 0.75rem;
        font-weight: bold;
        text-transform: lowercase; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www a:hover {
        color: #888; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www a::before {
      text-decoration-color: black;
      content: '';
      width: 0;
      height: 2px;
      background: #888;
      margin: 0 auto;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      transition: all .3s linear; }
    html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www a:hover::before {
      width: 100%;
      opacity: 1; }
  html.aui section.mainsite-events {
    background: #062e4e;
    margin: 0 auto;
    padding: 10px 0; }
  html.aui section.mainsite-events .mainsite-row .mainsite-head h2 {
    color: #818385; }
  html.aui section.mainsite-events .mainsite-row .mainsite-head h2:hover {
    color: #c2c4c6; }
  html.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-popular {
    color: #fff;
    background: rgba(204, 51, 51, 0.6); }
  html.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-popular:hover, html.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-popular:active {
    color: #fff;
    background: rgba(204, 51, 51, 0.8); }
  html.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-all {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  html.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-all:hover, html.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-all:active {
    background: rgba(255, 255, 255, 0.4);
    color: #fff; }
  html.aui section.mainsite-events .mainsite-row .owl-carousel {
    padding-bottom: 40px;
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .owl-stage {
      display: flex !important; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .owl-item {
      flex-direction: column !important;
      display: flex !important; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .nav-btn {
      top: 180px; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-events.png") no-repeat scroll 0 0;
      left: -60px; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-events.png") no-repeat scroll -35px 0px;
      right: -60px; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .prev-slide:hover {
      background-position: 0px -66px; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .next-slide:hover {
      background-position: -35px -66px; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .item {
      display: flex;
      flex: 1 0 auto;
      flex-direction: column; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel div.eventDate {
      position: absolute;
      right: 20px;
      min-width: 56px;
      z-index: 1000;
      top: 0rem;
      margin: 0rem;
      padding: .25rem .5rem .25rem .5rem;
      color: #062e4e;
      background-color: #ffcc33;
      font-family: "Ubuntu",sans-serif;
      text-align: center;
      border: 1px dotted #ffe79d;
      border-radius: 2px;
      box-shadow: 0 8px 6px -6px black; }
      html.aui section.mainsite-events .mainsite-row .owl-carousel div.eventDate time {
        display: inline-block;
        text-align: center; }
      html.aui section.mainsite-events .mainsite-row .owl-carousel div.eventDate .eventDay {
        font-size: 0.875rem;
        font-weight: bold; }
      html.aui section.mainsite-events .mainsite-row .owl-carousel div.eventDate .eventMonth {
        font-size: 0.6875rem;
        font-weight: normal;
        text-transform: uppercase;
        display: block; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item {
      font-family: "Libre Baskerville",serif;
      clear: both;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      background: #fff;
      margin-top: 1rem; }
      html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
        color: #000; }
      html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
        color: #000; }
      html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
        color: #555; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .events-tags {
      padding: 0 20px 20px 20px;
      margin: -5px 0 0 0;
      background: #fff; }
    html.aui section.mainsite-events .mainsite-row .owl-carousel .events-tag {
      font-family: "Ubuntu",sans-serif;
      font-size: 0.75rem;
      font-weight: bold;
      color: #cc3333;
      text-transform: uppercase; }
  html.aui section.mainsite-basic .mainsite-row .mainsite-head h2 {
    color: #aaa; }
  html.aui section.mainsite-basic .mainsite-row .mainsite-head h2:hover {
    color: #888; }
  html.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-popular {
    color: #fff;
    background: rgba(204, 51, 51, 0.6); }
  html.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-popular:hover,
  html.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-popular:active {
    color: #fff;
    background: rgba(204, 51, 51, 0.8); }
  html.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-all {
    color: #fff;
    background: rgba(0, 0, 0, 0.25); }
  html.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-all:hover,
  html.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-all:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.4); }
  html.aui section.mainsite-basic .mainsite-row .owl-carousel {
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
      top: 160px; }
    html.aui section.mainsite-basic .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-basic-news.png") no-repeat scroll 0 0;
      left: -60px; }
    html.aui section.mainsite-basic .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-basic-news.png") no-repeat scroll -35px 0px;
      right: -60px; }
    html.aui section.mainsite-basic .mainsite-row .owl-carousel .prev-slide:hover {
      background-position: 0px -66px; }
    html.aui section.mainsite-basic .mainsite-row .owl-carousel .next-slide:hover {
      background-position: -35px -66px; }
    html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item {
      font-family: "Libre Baskerville",serif;
      clear: both;
      display: flex;
      flex-direction: column; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
        color: #555; }
  html.aui section.mainsite-news .mainsite-row .mainsite-head h2 {
    color: #aaa; }
  html.aui section.mainsite-news .mainsite-row .mainsite-head h2:hover {
    color: #888; }
  html.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-popular {
    color: #fff;
    background: rgba(204, 51, 51, 0.6); }
  html.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-popular:hover,
  html.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-popular:active {
    color: #fff;
    background: rgba(204, 51, 51, 0.8); }
  html.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-all {
    color: #fff;
    background: rgba(0, 0, 0, 0.25); }
  html.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-all:hover,
  html.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-all:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.4); }
  html.aui section.mainsite-news .mainsite-row .owl-carousel {
    /* mainsite-item-HIT */
    /* end of .mainsite-item-hit*/
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html.aui section.mainsite-news .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-basic-news.png") no-repeat scroll 0 0;
      left: -60px; }
    html.aui section.mainsite-news .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-basic-news.png") no-repeat scroll -35px 0px;
      right: -60px; }
    html.aui section.mainsite-news .mainsite-row .owl-carousel .prev-slide:hover {
      background-position: 0px -66px; }
    html.aui section.mainsite-news .mainsite-row .owl-carousel .next-slide:hover {
      background-position: -35px -66px; }
    html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit {
      font-family: "Libre Baskerville",serif;
      clear: both;
      display: flex;
      flex-direction: column; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title,
      html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
        font-size: 0.813rem;
        line-height: 1.188rem;
        font-weight: bold;
        color: #000;
        padding: 0;
        margin: 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
        font-size: 0.688rem;
        line-height: 1rem;
        font-weight: normal;
        color: #555;
        padding: 0;
        margin: 0; }
    html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
      font-family: "Libre Baskerville",serif;
      clear: both;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
        color: #555; }
  @media all and (max-width: 379px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 100vw;
        width: 100%;
        /* .mainsite-head */
        /* .mainsite-head.withoutPopular */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: space-between;
          margin: 20px 0 20px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.125rem;
            margin: 0 .5rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .625rem;
            padding: .25rem .75rem;
            margin: 0rem; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .625rem;
            padding: .25rem .75rem;
            margin: 0rem; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: none; }
        html.aui .mainsite-row .mainsite-head.withoutPopular h2 {
          margin: 0 20px; }
        html.aui .mainsite-row .mainsite-head.withoutPopular .link-to-all {
          margin: 0 20px 0 0; }
        html.aui .mainsite-row .owl-carousel .column-left {
          margin: 0; }
        html.aui .mainsite-row .owl-carousel .column-right {
          margin: 0; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 240px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-320-599.png") repeat fixed 0 0;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 100%;
          margin: 0 auto;
          display: flex;
          flex-direction: column; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: .75rem;
            margin: 4rem 0 0 0;
            border-radius: 3px 3px 0 0;
            text-align: center;
            padding: 0; }
          html.aui section.mainsite-search form.search-employee button,
          html.aui section.mainsite-search form.search-employee button:hover {
            width: 100%;
            font-size: .75rem;
            text-align: center;
            padding: 0 0 3px 3px !important;
            background-position-x: 15%; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .item,
        html.aui section.mainsite-events .mainsite-row .owl-carousel .item {
          margin: 0 20px; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel div.eventDate,
        html.aui section.mainsite-events .mainsite-row .owl-carousel div.eventDate {
          right: 40px;
          min-width: 54px; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 13px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 14px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: 0.75rem;
          line-height: 1.125rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel .events-tag {
          font-size: 0.75rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
          top: 30px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .9375rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 14px 20px 14px 20px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .9375rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 13px 20px 20px 20px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto;
          border-bottom: 3px solid #f8c53a; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: 0.75rem;
          line-height: 1.125rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
          top: 300px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 0.9375rem;
          line-height: 1.25rem;
          padding: 14px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 0.813rem;
          line-height: 1.188rem;
          padding: 13px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: 0.75rem;
          line-height: 1.125rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          margin: 0 20px 20px 20px; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: .75rem;
            line-height: 1.125rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 14px 0 0;
            width: 100px;
            height: auto; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            display: none; } }
  @media all and (min-width: 380px) and (max-width: 479px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 100vw;
        width: 100%;
        padding: 0 20px 0 20px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: space-between;
          margin: 20px 0 20px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.25rem;
            margin: 0 .5rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .625rem;
            padding: .25rem 1rem;
            margin: 0rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .625rem;
            padding: .25rem 1rem;
            margin: 0rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: none; }
        html.aui .mainsite-row .owl-carousel .column-left {
          margin: 0; }
        html.aui .mainsite-row .owl-carousel .column-right {
          margin: 0; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 240px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-320-599.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 100%;
          margin: 0 auto;
          display: flex;
          flex-direction: column; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: .75rem;
            margin: 0;
            text-align: center;
            padding: 0; }
          html.aui section.mainsite-search form.search-employee button,
          html.aui section.mainsite-search form.search-employee button:hover {
            width: 100%;
            font-size: .75rem;
            text-align: center;
            padding: 0 0 0 0 !important;
            background-position-x: 20%; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .813rem;
          line-height: 1.188rem;
          padding: 13px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .813rem;
          line-height: 1.188rem;
          padding: 14px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: 0.75rem;
          line-height: 1.125rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: 0.75rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
          top: 30px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .9375rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 14px 0px 14px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .9375rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto;
          border-bottom: 3px solid #f8c53a; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: 0.75rem;
          line-height: 1.125rem;
          padding: 0 0px 20px 0px;
          margin: 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
          top: 300px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 0.9375rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 14px 0px 14px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: .875rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: 0.75rem;
          line-height: 1.125rem;
          padding: 0 0px 20px 0px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          margin: 0 0 20px 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: .813rem;
            line-height: 1.188rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 15px 0 0;
            vertical-align: top;
            width: 100px;
            height: auto; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            display: none; } }
  @media all and (min-width: 480px) and (max-width: 599px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 100vw;
        width: 100%;
        padding: 0 20px 0 20px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: space-between;
          margin: 20px 0 20px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.25rem;
            margin: 0 .5rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .625rem;
            padding: .25rem 1rem;
            margin: 0rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .625rem;
            padding: .25rem 1rem;
            margin: 0rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: none; }
        html.aui .mainsite-row .owl-carousel .column-left {
          margin: 0;
          -webkit-flex-flow: wrap row;
          flex-flow: wrap row;
          display: flex; }
        html.aui .mainsite-row .owl-carousel .column-right {
          margin: 0;
          -webkit-flex-flow: wrap row;
          flex-flow: wrap row;
          display: flex; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 190px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-320-599.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 100%;
          margin: 0 auto;
          display: flex; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: .75rem; }
          html.aui section.mainsite-search form.search-employee button {
            min-width: 190px;
            width: 190px;
            padding: 0 0 0 50px !important;
            font-size: .75rem; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .688rem;
          line-height: .938rem;
          padding: 13px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .688rem;
          line-height: .938rem;
          padding: 14px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: 0.75rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item-hit*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
          top: 30px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .688rem;
          line-height: .938rem;
          padding: 0;
          margin: 14px 0px 0px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .688rem;
          line-height: .938rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto;
          border-top: 3px solid #f8c53a; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: .5rem 0px 0px 0px;
          margin: 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
          top: 300px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 1.063rem;
          line-height: 1.5rem;
          padding: 0;
          margin: 14px 0px 14px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 1.063rem;
          line-height: 1.625rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: .813rem;
          line-height: 1.25;
          padding: 0 0px 20px 0px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          margin: 0 1% 20px 0;
          width: 49%; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: .688rem;
            line-height: .938rem;
            padding: 0;
            margin: 0 5px; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 5px 0 0;
            width: 100px;
            height: auto; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            display: none; } }
  @media all and (min-width: 600px) and (max-width: 719px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 100vw;
        width: 100%;
        padding: 0 20px 0 20px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: space-between;
          margin: 20px 0 20px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.25rem;
            margin: 0 .75rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .625rem;
            padding: .25rem 1rem;
            margin: 0rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .625rem;
            padding: .25rem 1rem;
            margin: 0rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: contents; }
        html.aui .mainsite-row .owl-carousel .column-left {
          margin: 0;
          -webkit-flex-flow: wrap row;
          flex-flow: wrap row;
          display: flex; }
        html.aui .mainsite-row .owl-carousel .column-right {
          margin: 0;
          -webkit-flex-flow: wrap row;
          flex-flow: wrap row;
          display: flex; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 190px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-600-959.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 80%;
          margin: 0 auto;
          display: flex; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: .75rem; }
          html.aui section.mainsite-search form.search-employee button {
            min-width: 190px;
            width: 190px;
            padding: 0 0 0 50px !important;
            font-size: .75rem; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .75rem;
          line-height: 1rem;
          padding: 13px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .75rem;
          line-height: 1rem;
          padding: 14px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: 0.75rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item-hit*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
          top: 30px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .75rem;
          line-height: 1rem;
          padding: 0;
          margin: 14px 0px 0px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .75rem;
          line-height: 1rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: .5rem 0px 0px 0px;
          margin: 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
          top: 300px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 1.063rem;
          line-height: 1.5rem;
          padding: 0;
          margin: 14px 0px 14px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 1.063rem;
          line-height: 1.625rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: .813rem;
          line-height: 1.25;
          padding: 0 0px 20px 0px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          margin: 0 1% 20px 0;
          width: 49%; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: .75rem;
            line-height: 1rem;
            padding: 0;
            margin: 0 10px; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 5px 0 0;
            width: 115px;
            height: auto; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            display: none; } }
  @media all and (min-width: 720px) and (max-width: 959px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 100vw;
        width: 100%;
        padding: 0 60px 0 60px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: center;
          margin: 45px 0 45px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.375rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .625rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .625rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: contents; }
        html.aui .mainsite-row .owl-carousel .column-left {
          width: 48%;
          margin: 0 2% 0 0; }
        html.aui .mainsite-row .owl-carousel .column-right {
          width: 48%;
          margin: 0 0 0 2%; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
        html.aui .mainsite-row .owl-carousel .prev-slide {
          left: -50px !important;
          background-size: 44px 84px !important;
          background-position-x: 13px !important;
          background-position-y: 0 !important; }
        html.aui .mainsite-row .owl-carousel .prev-slide:hover {
          background-position-x: 13px !important;
          background-position-y: -42px !important; }
        html.aui .mainsite-row .owl-carousel .next-slide {
          right: -50px !important;
          background-size: 44px 84px !important;
          background-position-x: -22px !important;
          background-position-y: 0 !important; }
        html.aui .mainsite-row .owl-carousel .next-slide:hover {
          background-position-x: -22px !important;
          background-position-y: -42px !important; }
        html.aui .mainsite-row .owl-carousel .nav-btn {
          height: 41px; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 230px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-600-959.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 80%;
          margin: 0 auto;
          display: flex; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: .875rem; }
          html.aui section.mainsite-search form.search-employee button {
            min-width: 210px;
            font-size: .875rem;
            padding: 0 0 0 50px !important; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .nav-btn,
        html.aui section.mainsite-events .mainsite-row .owl-carousel .nav-btn {
          top: 225px; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 14px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 13px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: 0.75rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
        top: 0px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 40px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 60px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 90px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 0;
          margin: 14px 0px 0px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: .5rem 0px 0px 0px;
          margin: 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
        top: 120px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 300px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 220px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 300px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 1.125rem;
          line-height: 1.5rem;
          padding: 0;
          margin: 14px 0px 14px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 1.125rem;
          line-height: 1.5rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 0 0px 20px 0px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          margin: 0 1% 20px 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: .75rem;
            line-height: 1.125rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 15px 0 0;
            width: 150px;
            height: auto; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            display: none; } }
  @media all and (min-width: 960px) and (max-width: 1209px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 100vw;
        width: 100%;
        padding: 0 60px 0 60px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: center;
          margin: 60px 0 60px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.875rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .688rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .688rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: contents; }
        html.aui .mainsite-row .owl-carousel .column-left {
          width: 49%;
          margin: 0 1% 0 0; }
        html.aui .mainsite-row .owl-carousel .column-right {
          width: 49%;
          margin: 0 0 0 1%; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
        html.aui .mainsite-row .owl-carousel .prev-slide {
          left: -50px !important;
          background-size: 44px 84px !important;
          background-position-x: 13px !important;
          background-position-y: 0 !important; }
        html.aui .mainsite-row .owl-carousel .prev-slide:hover {
          background-position-x: 13px !important;
          background-position-y: -42px !important; }
        html.aui .mainsite-row .owl-carousel .next-slide {
          right: -50px !important;
          background-size: 44px 84px !important;
          background-position-x: -22px !important;
          background-position-y: 0 !important; }
        html.aui .mainsite-row .owl-carousel .next-slide:hover {
          background-position-x: -22px !important;
          background-position-y: -42px !important; }
        html.aui .mainsite-row .owl-carousel .nav-btn {
          height: 41px; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 300px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-gt960.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 70%;
          margin: 0 auto;
          display: flex; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: 1rem; }
          html.aui section.mainsite-search form.search-employee button {
            min-width: 250px;
            font-size: 1rem;
            padding: 0 0 0 60px !important; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel .nav-btn,
        html.aui section.mainsite-events .mainsite-row .owl-carousel .nav-btn {
          top: 220px; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: 0.875rem;
          line-height: 1.25rem;
          padding: 14px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 13px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: .6875rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
        top: 0px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 40px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 60px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 90px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 0;
          margin: 14px 0px 0px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: .75rem;
          line-height: 1rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto;
          border-top: 3px solid #f8c53a; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: .9375rem;
          padding: .5rem 0 0 0;
          margin: 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
        top: 120px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 300px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 220px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 300px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 1.25rem;
          line-height: 1.5rem;
          padding: 0;
          margin: 14px 0px 14px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 1.375rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 13px 0px 20px 0px; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: .8125rem;
          line-height: 1.125rem;
          padding: 0 0px 20px 0px;
          margin: 0; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          margin: 0 0 20px 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
            font-size: .75rem;
            line-height: 1rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: 1rem;
            line-height: 1.5rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 10px 0 0;
            width: 150px;
            height: auto; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            font-size: .6875rem;
            line-height: .9375rem;
            padding: .5rem 0 0 0;
            margin: 0; } }
  @media all and (min-width: 1210px) and (max-width: 1339px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 100vw;
        width: 100%;
        padding: 0 60px 0 60px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: center;
          margin: 60px 0 60px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.875rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .688rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .688rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: contents; }
        html.aui .mainsite-row .owl-carousel .column-left {
          width: 49%;
          margin: 0 1% 0 0; }
        html.aui .mainsite-row .owl-carousel .column-right {
          width: 49%;
          margin: 0 0 0 1%; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
        html.aui .mainsite-row .owl-carousel .prev-slide {
          left: -50px !important;
          background-size: 44px 84px !important;
          background-position-x: 13px !important;
          background-position-y: 0 !important; }
        html.aui .mainsite-row .owl-carousel .prev-slide:hover {
          background-position-x: 13px !important;
          background-position-y: -42px !important; }
        html.aui .mainsite-row .owl-carousel .next-slide {
          right: -50px !important;
          background-size: 44px 84px !important;
          background-position-x: -22px !important;
          background-position-y: 0 !important; }
        html.aui .mainsite-row .owl-carousel .next-slide:hover {
          background-position-x: -22px !important;
          background-position-y: -42px !important; }
        html.aui .mainsite-row .owl-carousel .nav-btn {
          height: 41px; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 380px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-gt960.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 50%;
          margin: 0 auto;
          display: flex; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: 1rem; }
          html.aui section.mainsite-search form.search-employee button {
            min-width: 250px;
            font-size: 1rem;
            padding: 0 0 0 60px !important; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: 0.875rem;
          line-height: 1.25rem;
          padding: 14px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 13px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: .6875rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
        top: 35px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 50px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 100px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 120px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: 0.875rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 1rem 0 0 0; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 2rem 0 0 0; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto;
          border-top: 3px solid #f8c53a; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .6875rem;
          line-height: 1rem;
          padding: .5rem 0 0 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
        top: 100px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 225px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 200px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 225px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 1.375rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 1rem .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 1.375rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 2rem .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: .875rem;
          line-height: 1.25rem;
          padding: 0 .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          margin-bottom: 1.5rem;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
            font-size: 0.875rem;
            line-height: 1.25rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: 1.25rem;
            line-height: 1.875rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 1rem 0 0;
            width: auto;
            height: 150px; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            font-size: .6875rem;
            line-height: 1rem;
            padding: .5rem 0 0 0; } }
  @media all and (min-width: 1340px) and (max-width: 1429px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 1340px;
        width: 100%;
        padding: 0 60px 0 60px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: center;
          margin: 60px 0 60px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.875rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .75rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .75rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: contents; }
        html.aui .mainsite-row .owl-carousel .column-left {
          width: 49%;
          margin: 0 1% 0 0; }
        html.aui .mainsite-row .owl-carousel .column-right {
          width: 49%;
          margin: 0 0 0 1%; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
        html.aui .mainsite-row .owl-carousel .prev-slide {
          left: -50px; }
        html.aui .mainsite-row .owl-carousel .next-slide {
          right: -50px; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 380px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-gt960.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 50%;
          margin: 0 auto;
          display: flex; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: 1rem; }
          html.aui section.mainsite-search form.search-employee button {
            min-width: 250px;
            font-size: 1rem;
            padding: 0 0 0 60px !important; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: 0.875rem;
          line-height: 1.25rem;
          padding: 14px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 13px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: .75rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
        top: 35px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 50px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 100px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 120px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: 0.875rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 1rem 0 0 0; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 2rem 0 0 0; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto;
          border-top: 3px solid #f8c53a; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: .5rem 0 0 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
        top: 100px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 225px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 200px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 225px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 1.375rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 1rem .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 1.5rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 2rem .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: .875rem;
          line-height: 1.25rem;
          padding: 0 .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          margin-bottom: 1.5rem;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
            font-size: 0.875rem;
            line-height: 1.25rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: 1.25rem;
            line-height: 1.875rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 1rem 0 0;
            width: auto;
            height: 150px; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            font-size: .75rem;
            line-height: 1.125rem;
            padding: .5rem 0 0 0; } }
  @media all and (min-width: 1430px) {
    html.aui {
      /* COMMON */
      /* end of .mainsite-row COMMON */
      /* SEARCH */
      /* .mainsite-search */
      /* EVENTS & RED-UNIT */
      /* end of section.mainsite-basic EVENTS & RED-UNIT */
      /* BASIC */
      /* end of section.mainsite-basic BASIC */
      /* NEWS */
      /* end of section.mainsite-news NEWS*/ }
      html.aui .mainsite-row {
        max-width: 1400px;
        width: 100%;
        padding: 0 60px 0 60px;
        /* .mainsite-head */
        /* end of owl-carousel */ }
        html.aui .mainsite-row .mainsite-head {
          justify-content: center;
          margin: 60px 0 60px 0; }
          html.aui .mainsite-row .mainsite-head h2 {
            font-size: 1.875rem; }
          html.aui .mainsite-row .mainsite-head .link-to-popular {
            font-size: .75rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .link-to-all {
            font-size: .75rem;
            border-radius: 3px; }
          html.aui .mainsite-row .mainsite-head .descArticles {
            display: contents; }
        html.aui .mainsite-row .owl-carousel .column-left {
          width: 49%;
          margin: 0 1% 0 0; }
        html.aui .mainsite-row .owl-carousel .column-right {
          width: 49%;
          margin: 0 0 0 1%; }
        html.aui .mainsite-row .owl-carousel .owl-item {
          margin: 0;
          padding: 0; }
        html.aui .mainsite-row .owl-carousel .prev-slide {
          left: -60px; }
        html.aui .mainsite-row .owl-carousel .next-slide {
          right: -60px; }
      html.aui section.mainsite-search {
        width: 100%;
        height: 380px;
        background: #78181d url("/uj-main-site-portlet/img/pattern-elements-for-search-bg-gt960.png") repeat fixed 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* .form.search-employee */ }
        html.aui section.mainsite-search form.search-employee {
          width: 50%;
          margin: 0 auto;
          display: flex; }
          html.aui section.mainsite-search form.search-employee input {
            font-size: 1rem; }
          html.aui section.mainsite-search form.search-employee button {
            min-width: 250px;
            font-size: 1rem;
            padding: 0 0 0 60px !important; }
      html.aui section.mainsite-red-unit .mainsite-row .owl-carousel,
      html.aui section.mainsite-events .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.item-title,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: 0.875rem;
          line-height: 1.25rem;
          padding: 14px 20px 14px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 13px 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item img.item-image,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: 0 20px 20px 20px;
          margin: 0; }
        html.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item .events-tag,
        html.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item .events-tag {
          font-size: .75rem; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel .nav-btn {
        top: 35px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 50px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 100px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 120px; }
      html.aui section.mainsite-basic .mainsite-row .owl-carousel {
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
          font-size: 0.875rem;
          line-height: 1.25rem;
          padding: 0;
          margin: 1rem 0 0 0; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 2rem 0 0 0; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item img.item-image {
          width: 100%;
          height: auto;
          border-top: 3px solid #f8c53a; }
        html.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
          font-size: .75rem;
          line-height: 1.125rem;
          padding: .5rem 0 0 0; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel .nav-btn {
        top: 100px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg .nav-btn {
        top: 225px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingDescription .nav-btn {
        top: 200px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel.settingImg.settingDescription .nav-btn {
        top: 225px; }
      html.aui section.mainsite-news .mainsite-row .owl-carousel {
        /* mainsite-item-HIT */
        /* end of a.mainsite-item-hit*/
        /* mainsite-item */
        /* end of a.mainsite-item*/ }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title {
          font-size: 1.375rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 1rem .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
          font-size: 1.5rem;
          line-height: 1.875rem;
          padding: 0;
          margin: 2rem .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit img.item-image {
          width: 100%;
          height: auto; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
          font-size: .875rem;
          line-height: 1.25rem;
          padding: 0 .5rem; }
        html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item {
          margin-bottom: 1.5rem;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
            font-size: 0.875rem;
            line-height: 1.25rem;
            padding: 0;
            margin: 0; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
            font-size: 1.25rem;
            line-height: 1.875rem; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item img.item-image {
            padding: 0;
            margin: 0 1rem 0 0;
            width: auto;
            height: 150px; }
          html.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
            font-size: .75rem;
            line-height: 1.125rem;
            padding: .5rem 0 0 0; } }

/* end of html.aui */
/* -- HGH CONTRAST --*/
html#high-contrast.aui {
  /* COMMON */
  /* end of mainsite-row */
  /* SEARCH */
  /* .mainsite-search */
  /* RED-UNIT */
  /* .mainsite-head */
  /* end of section.mainsite-basic RED-UNIT*/
  /* EVENTS */
  /* .mainsite-head */
  /* end of section.mainsite-basic EVENTS*/
  /* BASIC */
  /* .mainsite-head */
  /* end of section.mainsite-basic BASIC*/
  /* NEWS */
  /* .mainsite-head */
  /* end of section.mainsite-news NEWS*/ }
  html#high-contrast.aui .portal-popup {
    background: #010101; }
  html#high-contrast.aui .mainsite-row {
    /* .mainsite-head */
    /* end of owl-carousel */ }
    html#high-contrast.aui .mainsite-row .mainsite-head h2 {
      color: #ffe800; }
    html#high-contrast.aui .mainsite-row .owl-carousel {
      /* hovers */
      /* hovers */ }
      html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item-hit *, html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item-hit *,
      html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item *, html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item * {
        color: #fff !important; }
      html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item-hit:hover *, html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item-hit:active *,
      html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item:hover *, html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item:active * {
        color: #ffe800 !important; }
      html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item-hit:hover,
      html#high-contrast.aui .mainsite-row .owl-carousel a.mainsite-item:hover {
        color: #eee !important; }
  html#high-contrast.aui section.mainsite-search {
    background-color: #222;
    /* .form.search-employee */ }
    html#high-contrast.aui section.mainsite-search form.search-employee input {
      color: #ddd; }
    html#high-contrast.aui section.mainsite-search form.search-employee button {
      background-image: url(/uj-main-site-portlet/img/search.png);
      background-repeat: no-repeat;
      background-position-x: 10px;
      background-position-y: 0px;
      background-size: contain;
      background-color: #ffe800;
      color: #111; }
    html#high-contrast.aui section.mainsite-search form.search-employee button:hover {
      background-image: url(/uj-main-site-portlet/img/search.png);
      background-repeat: no-repeat;
      background-position-x: 10px;
      background-position-y: 0px;
      background-size: contain;
      background-color: #111;
      color: #ffe800; }
  html#high-contrast.aui section.mainsite-red-unit {
    background: #333; }
  html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head h2 {
    color: #ffe800; }
  html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head h2:hover {
    color: #eee; }
  html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-popular {
    background: rgba(204, 51, 51, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-popular:hover, html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-popular:active {
    background: rgba(204, 51, 51, 0.6);
    color: #fff; }
  html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-all {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-all:hover, html#high-contrast.aui section.mainsite-red-unit .mainsite-row .mainsite-head .link-to-all:active {
    background: rgba(255, 255, 255, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel {
    /* mainsite-item */
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll 0 0; }
    html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll -35px 0px; }
    html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .prev-slide:hover {
      background-position: 0px -66px; }
    html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .next-slide:hover {
      background-position: -35px -66px; }
    html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item {
      background: #000; }
      html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel a.mainsite-item p.item-description {
        color: #eee; }
    html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www {
      padding: 0 20px 20px 20px;
      margin: -5px 0 0 0;
      background: #000; }
      html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www a {
        color: #ffe800; }
      html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www a:hover {
        color: #eee; }
    html#high-contrast.aui section.mainsite-red-unit .mainsite-row .owl-carousel .www a::before {
      background: #eee; }
  html#high-contrast.aui section.mainsite-events {
    background: #222; }
  html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head h2 {
    color: #ffe800; }
  html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head h2:hover {
    color: #eee; }
  html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-popular {
    background: rgba(204, 51, 51, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-popular:hover, html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-popular:active {
    background: rgba(204, 51, 51, 0.6);
    color: #fff; }
  html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-all {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-all:hover, html#high-contrast.aui section.mainsite-events .mainsite-row .mainsite-head .link-to-all:active {
    background: rgba(255, 255, 255, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel {
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll 0 0; }
    html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll -35px 0px; }
    html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel div.eventDate {
      color: #062e4e;
      background-color: #ffcc33; }
    html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item {
      background: #000; }
      html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.item-title {
        color: #fff; }
      html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item h3.withoutDescription {
        color: #fff; }
      html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel a.mainsite-item p.item-description {
        color: #eee; }
    html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel .events-tags {
      background: #000; }
    html#high-contrast.aui section.mainsite-events .mainsite-row .owl-carousel .events-tag {
      color: #ccc; }
  html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head h2 {
    color: #ffe800; }
  html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head h2:hover {
    color: #eee; }
  html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-popular {
    background: rgba(204, 51, 51, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-popular:hover, html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-popular:active {
    background: rgba(204, 51, 51, 0.6);
    color: #fff; }
  html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-all {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-all:hover, html#high-contrast.aui section.mainsite-basic .mainsite-row .mainsite-head .link-to-all:active {
    background: rgba(255, 255, 255, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-basic .mainsite-row .owl-carousel {
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html#high-contrast.aui section.mainsite-basic .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll 0 0; }
    html#high-contrast.aui section.mainsite-basic .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll -35px 0px; }
    html#high-contrast.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item {
      font-family: "Libre Baskerville",serif;
      clear: both;
      display: flex;
      flex-direction: column; }
      html#high-contrast.aui section.mainsite-basic .mainsite-row .owl-carousel a.mainsite-item p.item-description {
        color: #eee; }
  html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head h2 {
    color: #ffe800; }
  html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head h2:hover {
    color: #eee; }
  html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-popular {
    background: rgba(204, 51, 51, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-popular:hover, html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-popular:active {
    background: rgba(204, 51, 51, 0.6);
    color: #fff; }
  html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-all {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-all:hover, html#high-contrast.aui section.mainsite-news .mainsite-row .mainsite-head .link-to-all:active {
    background: rgba(255, 255, 255, 0.3);
    color: #fff; }
  html#high-contrast.aui section.mainsite-news .mainsite-row .owl-carousel {
    /* mainsite-item-HIT */
    /* end of .mainsite-item-hit*/
    /* mainsite-item */
    /* end of a.mainsite-item*/ }
    html#high-contrast.aui section.mainsite-news .mainsite-row .owl-carousel .prev-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll 0 0; }
    html#high-contrast.aui section.mainsite-news .mainsite-row .owl-carousel .next-slide {
      background: url("/uj-main-site-portlet/img/nav-arrows-yellow.png") no-repeat scroll -35px 0px; }
    html#high-contrast.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.item-title,
    html#high-contrast.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit h3.withoutDescription {
      color: #fff; }
    html#high-contrast.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item-hit p.item-description {
      color: #eee; }
    html#high-contrast.aui section.mainsite-news .mainsite-row .owl-carousel a.mainsite-item p.item-description {
      color: #eee; }

/* end of html#high-contrast */
/*	
	.loaderNews,
	.loaderEvents,
	.loaderBasic,
	.loaderRedUnit{
		margin: 2rem 0;
		height: 2px;
		width: 100%;
		position: relative;
		overflow: hidden;
		background-color: #eee;
	}
	.loaderNews:before,
	.loaderEvents:before,
	.loaderBasic:before,
	.loaderRedUnit:before{
		display: block;
		position: relative;
		content: "";
		left: -320px;
		width: 320px;
		height: 2px;
		background-color: #ccc;
		animation: loading 1s linear infinite;
	}
*/
@keyframes loading {
  from {
    left: 0%;
    width: 20%; }

  50% {
    width: 30%; }

  70% {
    left: 50%;
    width: 50%; }

  to {
    left: 100%;
    width: 0%; } }

.hide {
  display: none; }