@charset "UTF-8";
@import url(../../../../bower_components/fine-uploader/fine-uploader-new.css);
@font-face {
  font-family: 'hvp';
  src: url("../../../../css/fontello/font/hvp.eot?27136215");
  src: url("../../../../css/fontello/font/hvp.eot?27136215#iefix") format("embedded-opentype"), url("../../../../css/fontello/font/hvp.woff2?27136215") format("woff2"), url("../../../../css/fontello/font/hvp.woff?27136215") format("woff"), url("../../../../css/fontello/font/hvp.ttf?27136215") format("truetype"), url("../../../../css/fontello/font/hvp.svg?27136215#hvp") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'hvp';
    src: url('../font/hvp.svg?27136215#hvp') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "hvp";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .5em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-down-open:before, section#courses > div#courses > div.course.theme9[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme8[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme7[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme6[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme5[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme4[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme3[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme2[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme1[data-open="true"] > div#header > div > div#label:before, section#courses > div#courses > div.course.theme0[data-open="true"] > div#header > div > div#label:before {
  content: '\e800'; }

/* '' */
.icon-left-open:before {
  content: '\e801'; }

/* '' */
.icon-right-open:before {
  content: '\e802'; }

/* '' */
.icon-up-open:before {
  content: '\e803'; }

/* '' */
.icon-print:before {
  content: '\e804'; }

/* '' */
.icon-th-list:before {
  content: '\e805'; }

/* '' */
.icon-list:before {
  content: '\e806'; }

/* '' */
.icon-list-1:before {
  content: '\e807'; }

/* '' */
.icon-cog:before {
  content: '\e808'; }

/* '' */
.icon-star:before {
  content: '\e809'; }

/* '' */
.icon-star-empty:before {
  content: '\e80a'; }

/* '' */
.icon-search:before {
  content: '\e80b'; }

/* '' */
.icon-ok:before {
  content: '\e80c'; }

/* '' */
.icon-lock:before {
  content: '\e80d'; }

/* '' */
.icon-lock-open:before {
  content: '\e80e'; }

/* '' */
.icon-plus:before {
  content: '\e80f'; }

/* '' */
.icon-pencil:before {
  content: '\e810'; }

/* '' */
.icon-trash-empty:before {
  content: '\e811'; }

/* '' */
.icon-floppy:before {
  content: '\e812'; }

/* '' */
.icon-mail:before {
  content: '\e813'; }

/* '' */
.icon-commerical-building:before {
  content: '\e814'; }

/* '' */
.icon-videocam:before {
  content: '\e815'; }

/* '' */
.icon-info-circled:before {
  content: '\e816'; }

/* '' */
.icon-pin-outline:before {
  content: '\e817'; }

/* '' */
.icon-pin:before {
  content: '\e818'; }

/* '' */
.icon-arrows-cw:before {
  content: '\e819'; }

/* '' */
.icon-arrows-ccw:before {
  content: '\e81a'; }

/* '' */
.icon-shuffle:before {
  content: '\e81b'; }

/* '' */
.icon-camera:before {
  content: '\e81c'; }

/* '' */
.icon-school:before {
  content: '\e834'; }

/* '' */
.icon-menu:before {
  content: '\f0c9'; }

/* '' */
.icon-mail-alt:before {
  content: '\f0e0'; }

/* '' */
.icon-doc-text:before {
  content: '\f0f6'; }

/* '' */
.icon-lock-open-alt:before {
  content: '\f13e'; }

/* '' */
.icon-bank:before {
  content: '\f19c'; }

/* '' */
.icon-graduation-cap:before {
  content: '\f19d'; }

/* '' */
.icon-child:before {
  content: '\f1ae'; }

/* '' */
.icon-binoculars:before {
  content: '\f1e5'; }

/* '' */
.icon-venus:before {
  content: '\f221'; }

/* '' */
.icon-mars:before {
  content: '\f222'; }

/* '' */
.icon-mercury:before {
  content: '\f223'; }

/* '' */
.icon-transgender:before {
  content: '\f224'; }

/* '' */
.icon-user-plus:before {
  content: '\f234'; }

/* '' */
.icon-handshake-o:before {
  content: '\f2b5'; }

/* '' */
/**
 * google-material-color v1.2.6
 * https://github.com/danlevan/google-material-color
 */
* {
  box-sizing: border-box; }

*.randomColor-0 {
  background-color: #81D4FA; }

*.randomColor-1 {
  background-color: #BCAAA4; }

*.randomColor-2 {
  background-color: #F48FB1; }

*.randomColor-3 {
  background-color: #80DEEA; }

*.randomColor-4 {
  background-color: #B0BEC5; }

*.randomColor-5 {
  background-color: #B0BEC5; }

*.randomColor-6 {
  background-color: #B39DDB; }

*.randomColor-7 {
  background-color: #80CBC4; }

*.randomColor-8 {
  background-color: #BCAAA4; }

*.randomColor-9 {
  background-color: #B39DDB; }

*.randomColor-10 {
  background-color: #B39DDB; }

*.randomColor-11 {
  background-color: #BCAAA4; }

*.randomColor-13 {
  background-color: #CE93D8; }

*.randomColor-14 {
  background-color: #FFE082; }

*.randomColor-15 {
  background-color: #B0BEC5; }

*.randomColor-16 {
  background-color: #E6EE9C; }

*.randomColor-17 {
  background-color: #E6EE9C; }

*.randomColor-18 {
  background-color: #B39DDB; }

*.randomColor-19 {
  background-color: #FFAB91; }

*.randomColor-20 {
  background-color: #A5D6A7; }

*.randomColor-21 {
  background-color: #BCAAA4; }

*.randomColor-22 {
  background-color: #B39DDB; }

*.randomColor-23 {
  background-color: #F48FB1; }

*.randomColor-24 {
  background-color: #BCAAA4; }

*.randomColor-25 {
  background-color: #C5E1A5; }

*.randomColor-26 {
  background-color: #FFCC80; }

*.randomColor-27 {
  background-color: #EEEEEE; }

*.randomColor-28 {
  background-color: #80CBC4; }

*.randomColor-29 {
  background-color: #FFE082; }

*.randomColor-30 {
  background-color: #C5E1A5; }

*.randomColor-31 {
  background-color: #81D4FA; }

*.randomColor-32 {
  background-color: #FFAB91; }

*.randomColor-33 {
  background-color: #90CAF9; }

*.randomColor-34 {
  background-color: #B0BEC5; }

*.randomColor-35 {
  background-color: #F48FB1; }

*.randomColor-36 {
  background-color: #FFF59D; }

*.randomColor-37 {
  background-color: #9FA8DA; }

*.randomColor-39 {
  background-color: #80DEEA; }

*.randomColor-40 {
  background-color: #C5E1A5; }

*.randomColor-41 {
  background-color: #C5E1A5; }

*.randomColor-42 {
  background-color: #FFCC80; }

*.randomColor-43 {
  background-color: #80DEEA; }

*.randomColor-44 {
  background-color: #A5D6A7; }

*.randomColor-47 {
  background-color: #BCAAA4; }

*.randomColor-48 {
  background-color: #B39DDB; }

*.randomColor-49 {
  background-color: #80CBC4; }

*.randomColor-51 {
  background-color: #80DEEA; }

*.randomColor-52 {
  background-color: #CE93D8; }

*.randomColor-53 {
  background-color: #BCAAA4; }

*.randomColor-54 {
  background-color: #EEEEEE; }

*.randomColor-55 {
  background-color: #FFE082; }

*.randomColor-56 {
  background-color: #90CAF9; }

*.randomColor-57 {
  background-color: #B39DDB; }

*.randomColor-58 {
  background-color: #FFCC80; }

*.randomColor-59 {
  background-color: #B0BEC5; }

*.randomColor-60 {
  background-color: #A5D6A7; }

*.randomColor-61 {
  background-color: #F48FB1; }

*.randomColor-62 {
  background-color: #A5D6A7; }

*.randomColor-63 {
  background-color: #FFCC80; }

*.randomColor-64 {
  background-color: #80DEEA; }

*.randomColor-65 {
  background-color: #EF9A9A; }

*.randomColor-67 {
  background-color: #FFF59D; }

*.randomColor-68 {
  background-color: #EEEEEE; }

*.randomColor-69 {
  background-color: #B0BEC5; }

*.randomColor-70 {
  background-color: #EF9A9A; }

*.randomColor-71 {
  background-color: #80CBC4; }

*.randomColor-72 {
  background-color: #80CBC4; }

*.randomColor-73 {
  background-color: #E6EE9C; }

*.randomColor-74 {
  background-color: #B39DDB; }

*.randomColor-75 {
  background-color: #81D4FA; }

*.randomColor-76 {
  background-color: #FFAB91; }

*.randomColor-77 {
  background-color: #B39DDB; }

*.randomColor-78 {
  background-color: #EF9A9A; }

*.randomColor-79 {
  background-color: #BCAAA4; }

*.randomColor-80 {
  background-color: #EEEEEE; }

*.randomColor-81 {
  background-color: #CE93D8; }

*.randomColor-82 {
  background-color: #FFF59D; }

*.randomColor-84 {
  background-color: #EF9A9A; }

*.randomColor-85 {
  background-color: #E6EE9C; }

*.randomColor-86 {
  background-color: #C5E1A5; }

*.randomColor-87 {
  background-color: #BCAAA4; }

*.randomColor-88 {
  background-color: #F48FB1; }

*.randomColor-89 {
  background-color: #81D4FA; }

*.randomColor-90 {
  background-color: #F48FB1; }

*.randomColor-91 {
  background-color: #B0BEC5; }

*.randomColor-92 {
  background-color: #B39DDB; }

*.randomColor-93 {
  background-color: #FFE082; }

*.randomColor-94 {
  background-color: #9FA8DA; }

*.randomColor-95 {
  background-color: #BCAAA4; }

*.randomColor-96 {
  background-color: #FFAB91; }

*.randomColor-97 {
  background-color: #80DEEA; }

*.randomColor-98 {
  background-color: #FFAB91; }

*.randomColor-99 {
  background-color: #90CAF9; }

*.randomColor-100 {
  background-color: #BCAAA4; }

div.info-notice {
  position: relative;
  border: 2px solid #e5d102;
  border-radius: 4px;
  padding: 1rem;
  padding-left: 3rem;
  color: #e5d102;
  background-color: #fffde7;
  margin-bottom: 1rem; }
  div.info-notice > h2 {
    margin: 0;
    padding: 0;
    font-size: 1rem; }
  div.info-notice > p {
    margin: 0.5rem 0; }
  div.info-notice:before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 1rem;
    font-size: 1.5rem;
    color: #e5d102; }
  div.info-notice.important {
    border-color: #e7334c;
    background-color: #fad3d8;
    color: #e7334c; }
    div.info-notice.important:before {
      color: #e7334c; }
  div.info-notice.accent {
    border-color: #14af97;
    background-color: #E8F5E9;
    color: #14af97; }
    div.info-notice.accent:before {
      color: #14af97; }

section#courses {
  background-image: url(../../../../css/img/bg4.svg);
  background-repeat: no-repeat;
  background-size: auto 5rem;
  background-position: top right; }
  section#courses > div#header {
    padding: 1rem; }
    section#courses > div#header h1, section#courses > div#header h2 {
      padding: 0;
      margin: 0.5rem 0;
      font-weight: normal; }
    section#courses > div#header h1 {
      font-size: 1.5rem; }
    section#courses > div#header h2 {
      font-size: 1rem; }
    section#courses > div#header > div#links {
      display: flex;
      padding-top: 1rem; }
      section#courses > div#header > div#links a {
        flex: 1 1 0;
        position: relative;
        display: block;
        text-decoration: none;
        border-radius: 4px;
        font-weight: bold;
        padding: 0.5rem 1rem;
        margin-right: 0.5rem;
        padding-left: 2rem; }
        section#courses > div#header > div#links a:before {
          position: absolute;
          left: 0.5rem; }
        section#courses > div#header > div#links a:last-of-type {
          margin-right: 0; }
        section#courses > div#header > div#links a > span {
          display: block;
          color: #424242;
          font-weight: normal;
          font-size: 0.85rem;
          padding-top: 0.3rem; }
        section#courses > div#header > div#links a.students {
          color: #7299b0;
          border: 1px solid #7299b0;
          background-color: #e8eef2; }
        section#courses > div#header > div#links a.teachers {
          color: #14af97;
          border: 1px solid #14af97;
          background-color: #E8F5E9; }
  section#courses > div#subHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 6.5rem;
    background-color: #fff;
    z-index: 2;
    border-bottom: 5px solid #7299b0; }
    section#courses > div#subHeader > div#search {
      padding: 0.5rem 0; }
      section#courses > div#subHeader > div#search > input {
        padding: 0.5rem 1rem;
        width: 100%;
        border: 1px solid #7299b0;
        color: #7299b0;
        font-size: 1rem;
        border-radius: 4px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        section#courses > div#subHeader > div#search > input::-webkit-input-placeholder {
          color: #7299b0; }
        section#courses > div#subHeader > div#search > input::-moz-placeholder {
          color: #7299b0; }
        section#courses > div#subHeader > div#search > input::placeholder {
          color: #7299b0; }
    section#courses > div#subHeader > div#filterArea {
      padding: 0 0 0.5rem 0;
      display: flex; }
      section#courses > div#subHeader > div#filterArea > select {
        display: none;
        flex: 1 1 33%;
        max-width: 33%;
        margin-right: 0.5rem;
        color: #7299b0;
        padding: 0.5rem 1rem;
        outline: none;
        border-radius: 4px;
        border: 1px solid #7299b0;
        background: transparent;
        font-size: 1rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        section#courses > div#subHeader > div#filterArea > select:nth-of-type(3n) {
          margin-right: 0; }
        section#courses > div#subHeader > div#filterArea > select:nth-of-type(-n+3) {
          display: inline-block; }
        section#courses > div#subHeader > div#filterArea > select.active {
          border-color: #e5d102;
          color: #e5d102;
          font-weight: bold; }
  section#courses > div#courses > div.course.theme0 {
    position: relative;
    border: 0 solid #6685c9;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #6685c9;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme0[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme0[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme0[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme0[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme0[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme0[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme0 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme0 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme0 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme0 > div#priority > div#number {
        border-radius: 50%;
        background-color: #6685c9;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme0 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme0 > div#header {
      background-color: #f5f8fc;
      color: #6685c9;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme0 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme0 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #6685c9;
        color: #dde5f6;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme0 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme0 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme0 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme0 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme0 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme0 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme0 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme0 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme0 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme0 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme0 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme0 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #dde5f6; }
      section#courses > div#courses > div.course.theme0 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme0 > div#body div.label {
        color: #6685c9;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme0 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme0 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme0 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #6685c9;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #6685c9; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme0 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme1 {
    position: relative;
    border: 0 solid #616161;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #616161;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme1[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme1[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme1[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme1[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme1[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme1[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme1 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme1 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme1 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme1 > div#priority > div#number {
        border-radius: 50%;
        background-color: #616161;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme1 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme1 > div#header {
      background-color: #fdfdfd;
      color: #616161;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme1 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme1 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #616161;
        color: #EEEEEE;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme1 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme1 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme1 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme1 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme1 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme1 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme1 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme1 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme1 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme1 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme1 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme1 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #EEEEEE; }
      section#courses > div#courses > div.course.theme1 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme1 > div#body div.label {
        color: #616161;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme1 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme1 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme1 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #616161;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #616161; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme1 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme2 {
    position: relative;
    border: 0 solid #e7334c;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #e7334c;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme2[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme2[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme2[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme2[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme2[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme2[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme2 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme2 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme2 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme2 > div#priority > div#number {
        border-radius: 50%;
        background-color: #e7334c;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme2 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme2 > div#header {
      background-color: #fdeef0;
      color: #e7334c;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme2 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme2 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #e7334c;
        color: #fad3d8;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme2 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme2 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme2 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme2 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme2 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme2 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme2 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme2 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme2 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme2 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme2 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme2 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #fad3d8; }
      section#courses > div#courses > div.course.theme2 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme2 > div#body div.label {
        color: #e7334c;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme2 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme2 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme2 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #e7334c;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #e7334c; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme2 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme3 {
    position: relative;
    border: 0 solid #ccba02;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #ccba02;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme3[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme3[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme3[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme3[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme3[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme3[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme3 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme3 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme3 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme3 > div#priority > div#number {
        border-radius: 50%;
        background-color: #ccba02;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme3 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme3 > div#header {
      background-color: #fafbf1;
      color: #ccba02;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme3 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme3 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #ccba02;
        color: #f0f5d9;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme3 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme3 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme3 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme3 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme3 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme3 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme3 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme3 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme3 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme3 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme3 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme3 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #f0f5d9; }
      section#courses > div#courses > div.course.theme3 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme3 > div#body div.label {
        color: #ccba02;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme3 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme3 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme3 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #ccba02;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #ccba02; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme3 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme4 {
    position: relative;
    border: 0 solid #14af97;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #14af97;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme4[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme4[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme4[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme4[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme4[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme4[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme4 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme4 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme4 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme4 > div#priority > div#number {
        border-radius: 50%;
        background-color: #14af97;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme4 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme4 > div#header {
      background-color: #e9f9ed;
      color: #14af97;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme4 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme4 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #14af97;
        color: #d1f3d9;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme4 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme4 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme4 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme4 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme4 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme4 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme4 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme4 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme4 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme4 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme4 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme4 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #d1f3d9; }
      section#courses > div#courses > div.course.theme4 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme4 > div#body div.label {
        color: #14af97;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme4 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme4 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme4 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #14af97;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #14af97; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme4 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme5 {
    position: relative;
    border: 0 solid #e7334c;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #e7334c;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme5[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme5[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme5[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme5[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme5[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme5[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme5 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme5 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme5 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme5 > div#priority > div#number {
        border-radius: 50%;
        background-color: #e7334c;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme5 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme5 > div#header {
      background-color: #fdeef0;
      color: #e7334c;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme5 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme5 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #e7334c;
        color: #fad3d8;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme5 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme5 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme5 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme5 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme5 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme5 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme5 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme5 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme5 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme5 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme5 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme5 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #fad3d8; }
      section#courses > div#courses > div.course.theme5 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme5 > div#body div.label {
        color: #e7334c;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme5 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme5 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme5 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #e7334c;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #e7334c; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme5 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme6 {
    position: relative;
    border: 0 solid #1ca6b1;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #1ca6b1;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme6[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme6[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme6[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme6[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme6[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme6[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme6 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme6 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme6 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme6 > div#priority > div#number {
        border-radius: 50%;
        background-color: #1ca6b1;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme6 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme6 > div#header {
      background-color: #e9f8f9;
      color: #1ca6b1;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme6 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme6 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #1ca6b1;
        color: #d1f0f3;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme6 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme6 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme6 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme6 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme6 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme6 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme6 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme6 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme6 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme6 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme6 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme6 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #d1f0f3; }
      section#courses > div#courses > div.course.theme6 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme6 > div#body div.label {
        color: #1ca6b1;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme6 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme6 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme6 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #1ca6b1;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #1ca6b1; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme6 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme7 {
    position: relative;
    border: 0 solid #6685c9;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #6685c9;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme7[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme7[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme7[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme7[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme7[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme7[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme7 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme7 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme7 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme7 > div#priority > div#number {
        border-radius: 50%;
        background-color: #6685c9;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme7 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme7 > div#header {
      background-color: #f5f8fc;
      color: #6685c9;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme7 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme7 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #6685c9;
        color: #dde5f6;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme7 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme7 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme7 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme7 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme7 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme7 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme7 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme7 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme7 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme7 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme7 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme7 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #dde5f6; }
      section#courses > div#courses > div.course.theme7 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme7 > div#body div.label {
        color: #6685c9;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme7 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme7 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme7 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #6685c9;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #6685c9; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme8 {
    position: relative;
    border: 0 solid #7299b0;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #7299b0;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme8[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme8[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme8[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme8[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme8[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme8[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme8 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme8 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme8 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme8 > div#priority > div#number {
        border-radius: 50%;
        background-color: #7299b0;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme8 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme8 > div#header {
      background-color: #ecf1f5;
      color: #7299b0;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme8 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme8 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #7299b0;
        color: #d8e3ea;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme8 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme8 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme8 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme8 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme8 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme8 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme8 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme8 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme8 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme8 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme8 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme8 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #d8e3ea; }
      section#courses > div#courses > div.course.theme8 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme8 > div#body div.label {
        color: #7299b0;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme8 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme8 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme8 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #7299b0;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #7299b0; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course.theme9 {
    position: relative;
    border: 0 solid #7299b0;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #7299b0;
    counter-increment: courses; }
    section#courses > div#courses > div.course.theme9[data-usePriority="true"] {
      margin-left: 3rem; }
      section#courses > div#courses > div.course.theme9[data-usePriority="true"]:first-of-type > div#priority > div#up {
        display: none; }
      section#courses > div#courses > div.course.theme9[data-usePriority="true"]:last-of-type > div#priority > div#down {
        display: none; }
      section#courses > div#courses > div.course.theme9[data-usePriority="true"] > div#priority {
        display: block; }
    section#courses > div#courses > div.course.theme9[data-open="true"] > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#courses > div#courses > div.course.theme9[data-open="true"] > div#body {
      display: block; }
    section#courses > div#courses > div.course.theme9 > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#courses > div#courses > div.course.theme9 > div#priority > div:not(#number) {
        width: 2rem;
        text-align: center; }
        section#courses > div#courses > div.course.theme9 > div#priority > div:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#courses > div#courses > div.course.theme9 > div#priority > div#number {
        border-radius: 50%;
        background-color: #7299b0;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#courses > div#courses > div.course.theme9 > div#priority > div#number:before {
          content: counter(courses); }
    section#courses > div#courses > div.course.theme9 > div#header {
      background-color: white;
      color: #7299b0;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#courses > div#courses > div.course.theme9 > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#courses > div#courses > div.course.theme9 > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #7299b0;
        color: white;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#courses > div#courses > div.course.theme9 > div#header > div {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#courses > div#courses > div.course.theme9 > div#header > div:first-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme9 > div#header > div:last-of-type > div {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#courses > div#courses > div.course.theme9 > div#header > div > div {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme9 > div#header > div > div {
              padding-left: 3rem; } }
          section#courses > div#courses > div.course.theme9 > div#header > div > div:first-of-type {
            padding-left: 3rem; }
          section#courses > div#courses > div.course.theme9 > div#header > div > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme9 > div#header > div > div#label {
                flex: 1 1 100%; } }
            section#courses > div#courses > div.course.theme9 > div#header > div > div#label:before {
              position: absolute;
              left: 1rem; }
            section#courses > div#courses > div.course.theme9 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#courses > div#courses > div.course.theme9 > div#header > div > div#startDate {
            flex: 1 1 80px; }
    section#courses > div#courses > div.course.theme9 > div#body {
      display: none;
      padding: 1.5rem;
      background-color: white; }
      section#courses > div#courses > div.course.theme9 > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#courses > div#courses > div.course.theme9 > div#body div.label {
        color: #7299b0;
        font-weight: bold; }
      section#courses > div#courses > div.course.theme9 > div#body > div#label {
        font-size: 1.5rem; }
      section#courses > div#courses > div.course.theme9 > div#body > div#partner {
        margin: 0.5rem 0; }
      section#courses > div#courses > div.course.theme9 > div#body > div.cols {
        padding-top: 1rem; }
        section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col::after {
            content: '';
            display: table;
            clear: both; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col:first-child {
                margin-left: auto; }
              section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col:last-child {
                margin-right: auto; } }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #7299b0;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #7299b0; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block {
            margin-bottom: .5rem; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#courses > div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#courses > div#courses > div.course {
    position: relative;
    border-right-color: #7299b0 !important;
    border-bottom-color: #7299b0 !important; }
    section#courses > div#courses > div.course[data-secreg="true"][data-hidesecregindictor="false"] > div#header > img {
      display: none; }
    section#courses > div#courses > div.course[data-secreg="true"][data-hidesecregindictor="false"] > div#header > div > div#secreg {
      display: block; }
    section#courses > div#courses > div.course > div#header {
      background-color: #fff !important;
      color: #7299b0 !important; }
      section#courses > div#courses > div.course > div#header > div > div#secreg {
        display: none;
        position: absolute;
        top: 1.3rem;
        left: 1rem;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background-color: #9C27B0;
        font-size: 0.75rem;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
        section#courses > div#courses > div.course > div#header > div > div#secreg > div {
          text-align: center;
          color: #fff;
          position: absolute;
          -webkit-transform-style: preserve-3d;
                  transform-style: preserve-3d;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }

section#info {
  padding: 1rem; }

body {
  font-family: "Museo Sans","museo-sans",sans-serif;
  color: #424242; }

div.wrapped {
  width: 960px;
  margin: 0px auto; }
  @media only screen and (max-width: 992px) {
    div.wrapped {
      width: 100%;
      padding: 0 1rem; } }
div.printArea {
  display: none;
  font-family: Arial, sans-serif; }
  div.printArea#default:before {
    font-size: 1.5rem;
    content: attr(data-notice); }

@media print {
  body section {
    display: none !important; }
  div.printArea {
    display: block; } }

@page {
  size: A4 portrait;
  margin: 1cm; }

/* ---------------------------------------- 
    BrowserBlast by @markgdyr
    markgoodyear.com
---------------------------------------- */
#browserblast {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #fff; }

/*  
To prevent the banner overlapping content
.unsupported-browser is appened to the HTML tag
so you can push it down. The margin should be
total hight of the banner (height + border).
*/
/*# sourceMappingURL=index.css.map */