div.carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  div.carousel .information {
    display: block;
    text-align: left;
    line-height: 1.3;
    padding: 2em 2.5em 1em 20px;
    background-image: url("../images/logo-background-for-slides.png");
    background-position: 100% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat; }
    div.carousel .information .title, div.carousel .information .project, div.carousel .information .description {
      display: block;
      margin-bottom: 0.5em; }
    div.carousel .information .title {
      line-height: 1.1; }
  div.carousel .carousel-inner {
    padding-bottom: 66.6666666667%;
    position: relative;
    z-index: 1; }
    div.carousel .carousel-inner ul {
      margin: 0 0;
      list-style-type: none; }
    div.carousel .carousel-inner .carousel-item {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      transition: all 0.4s ease;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover; }
      div.carousel .carousel-inner .carousel-item .item-image-mobile, div.carousel .carousel-inner .carousel-item .item-image-tablet, div.carousel .carousel-inner .carousel-item .item-image-desktop {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      div.carousel .carousel-inner .carousel-item .item-inner a:hover {
        text-decoration: none; }
      div.carousel .carousel-inner .carousel-item .item-inner .overlay {
        color: #FFFFFF;
        text-align: left; }
        div.carousel .carousel-inner .carousel-item .item-inner .overlay .information {
          position: absolute;
          top: auto;
          left: 0;
          bottom: 0;
          width: 75%;
          max-width: 400px;
          opacity: 0.98; }
      div.carousel .carousel-inner .carousel-item.wraparound {
        transition: none !important; }
      div.carousel .carousel-inner .carousel-item.past {
        transform: translateX(-100%);
        z-index: 30; }
      div.carousel .carousel-inner .carousel-item.previous {
        transform: translateX(-100%);
        z-index: 40; }
      div.carousel .carousel-inner .carousel-item.current {
        z-index: 50; }
      div.carousel .carousel-inner .carousel-item.next {
        transform: translateX(100%);
        z-index: 2; }
      div.carousel .carousel-inner .carousel-item.future {
        transform: translateX(100%);
        z-index: 2; }
  div.carousel .slide-selector {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33%;
    max-width: 400px;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    color: #FFFFFF; }
    div.carousel .slide-selector .indices {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex-grow: 0; }
      div.carousel .slide-selector .indices span {
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-grow: 1;
        padding: 5px 10px;
        cursor: pointer; }
    div.carousel .slide-selector .values {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      div.carousel .slide-selector .values .information {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
  div.carousel .controls {
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 500; }
    div.carousel .controls .nav {
      width: 1em;
      height: 1em;
      position: absolute;
      top: 50%;
      margin-top: -1.25em;
      z-index: 10;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 50% 50%;
      cursor: pointer;
      opacity: 0.6; }
      div.carousel .controls .nav span {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: -9999px; }
      div.carousel .controls .nav.prev {
        left: 1.25em;
        background-image: url("../images/back.png"); }
      div.carousel .controls .nav.next {
        right: 1.25em;
        background-image: url("../images/forward.png"); }
  div.carousel:hover .controls {
    opacity: 1; }
    div.carousel:hover .controls .nav:hover {
      opacity: 1; }

.no-transitions {
  transition: none !important; }
/*# sourceMappingURL=carousel.css.map */