#catalogue-carousel {
  float: left;
  position: relative;
  width: 43.75em;
  height: 14.688em;
  overflow: hidden;
  border-radius: 0.938em; }
  #catalogue-carousel #catalogue-carousel-links {
    width: 28.75em;
    height: 14.688em;
    list-style: none;
    margin: 0;
    padding: 0; }
    #catalogue-carousel #catalogue-carousel-links li {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background-size: 100% 100%;
      border-top-left-radius: 0.938em 6.38%;
      border-bottom-left-radius: 0.938em 6.38%; }
      #catalogue-carousel #catalogue-carousel-links li a {
        display: block;
        overflow: hidden;
        width: 28.75em;
        height: 100%;
        background-image: url(/static/catalogue/img/carousel-left.png);
        background-position: 100% 0;
        background-repeat: no-repeat;
        background-size: 4.375em 100%; }
  #catalogue-carousel #catalogue-carousel-switcher {
    margin: 0;
    padding: 3.125em 0 0 3.625em;
    width: 11.375em;
    height: 11.563em;
    position: absolute;
    right: 0;
    top: 0;
    list-style: none;
    border-radius: 0 0.938em 0.938em 0;
    background-color: #ed7831;
    background-image: url(/static/catalogue/img/carousel-right.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 14.688em;
    /* right part of mask as background */ }
    #catalogue-carousel #catalogue-carousel-switcher li {
      margin-bottom: .9em; }
      #catalogue-carousel #catalogue-carousel-switcher li a {
        text-transform: uppercase;
        color: #363a3e;
        font-size: .9em;
        font-weight: bold; }
      #catalogue-carousel #catalogue-carousel-switcher li a:before {
        vertical-align: top;
        margin-right: 1.5em; }
      #catalogue-carousel #catalogue-carousel-switcher li .knowledge:before {
        content: url(/static/img/icons/knowledge_dark.png); }
      #catalogue-carousel #catalogue-carousel-switcher li .activity:before {
        content: url(/static/img/icons/activity_dark.png); }
      #catalogue-carousel #catalogue-carousel-switcher li .lesson-plan:before {
        content: url(/static/img/icons/lesson-plan_dark.png); }
      #catalogue-carousel #catalogue-carousel-switcher li .reference:before {
        content: url(/static/img/icons/reference_dark.png); }
    #catalogue-carousel #catalogue-carousel-switcher li.activeSlide a {
      color: white; }
    #catalogue-carousel #catalogue-carousel-switcher li.activeSlide .knowledge:before {
      content: url(/static/img/icons/knowledge_white.png); }
    #catalogue-carousel #catalogue-carousel-switcher li.activeSlide .activity:before {
      content: url(/static/img/icons/activity_white.png); }
    #catalogue-carousel #catalogue-carousel-switcher li.activeSlide .lesson-plan:before {
      content: url(/static/img/icons/lesson-plan_white.png); }
    #catalogue-carousel #catalogue-carousel-switcher li.activeSlide .reference:before {
      content: url(/static/img/icons/reference_white.png); }