body {
  margin: 0px;
  overflow-y: scroll; }

.monster {
  width: 100%; }

.main-holder {
  position: relative;
  margin: 2%;
  overflow: visible; }

img {
  max-width: 100%;
  width: 100%; }

.cv-title {
  width: 72%; }

.title {
  cursor: pointer; }
  .title.education {
    position: absolute;
    right: 20%;
    top: 9%;
    width: 25%; }
    .title.education .subtitle-holder {
      position: absolute;
      left: 96%;
      width: 100%;
      top: -8%;
      cursor: default;
      display: none; }
      .title.education .subtitle-holder .subtitle > img {
        cursor: pointer; }
      .title.education .subtitle-holder .text-holder {
        display: none;
        position: absolute; }
      .title.education .subtitle-holder .subtitle-04-08 {
        width: 72%;
        position: relative;
        left: 7%;
        margin-top: 2%;
        display: inline-block; }
        .title.education .subtitle-holder .subtitle-04-08 .text-holder {
          left: 152%;
          top: 288%;
          width: 720%; }
      .title.education .subtitle-holder .subtitle-13-14 {
        width: 97%;
        position: relative;
        left: 2%;
        display: inline-block; }
        .title.education .subtitle-holder .subtitle-13-14 .text-holder {
          left: 119%;
          top: -67%;
          width: 531%; }
      .title.education .subtitle-holder .awards-title {
        width: 68%;
        display: inline-block; }
        .title.education .subtitle-holder .awards-title .text-holder {
          left: 117%;
          top: 205%;
          width: 547%; }
    .title.education.french .awards-title {
      width: 51%;
      left: 3%;
      position: relative;
      margin-top: 2%; }
      .title.education.french .awards-title .text-holder {
        left: 223%;
        top: 464%;
        width: 1134%; }
    .title.education.active .subtitle-holder {
      display: block; }
      .title.education.active .subtitle-holder .subtitle.active .text-holder {
        display: block; }
  .title.work-experience {
    position: absolute;
    top: 41%;
    right: 2%;
    width: 32%; }
    .title.work-experience .subtitle-holder {
      display: none;
      position: absolute;
      left: 104%;
      width: 173%;
      top: -137%;
      cursor: default; }
      .title.work-experience .subtitle-holder .subtitle > img {
        cursor: pointer; }
      .title.work-experience .subtitle-holder .text-holder {
        display: none;
        position: absolute; }
      .title.work-experience .subtitle-holder .jul14-present {
        width: 65%;
        position: relative;
        margin-bottom: 2%;
        left: 1%; }
        .title.work-experience .subtitle-holder .jul14-present .text-holder {
          left: 158%;
          top: 0%;
          width: 384%; }
      .title.work-experience .subtitle-holder .jan-jul14 {
        width: 67%;
        position: relative;
        margin-bottom: 2%; }
        .title.work-experience .subtitle-holder .jan-jul14 .text-holder {
          left: 158%;
          top: 0%;
          width: 369%; }
      .title.work-experience .subtitle-holder .feb12-jan14 {
        width: 97.5%;
        position: relative;
        left: 1.5%; }
        .title.work-experience .subtitle-holder .feb12-jan14 .text-holder {
          left: 109%;
          top: 0%;
          width: 251%; }
      .title.work-experience .subtitle-holder .may-dec-11 {
        width: 66%;
        position: relative;
        left: 2%;
        top: 0%; }
        .title.work-experience .subtitle-holder .may-dec-11 .text-holder {
          left: 157%;
          top: 0%;
          width: 374%; }
      .title.work-experience .subtitle-holder .we-07-11 {
        width: 36%;
        position: relative;
        left: 2%; }
        .title.work-experience .subtitle-holder .we-07-11 .text-holder {
          left: 284%;
          top: 0%;
          width: 690%; }
      .title.work-experience .subtitle-holder .mar-jun07 {
        width: 60%;
        position: relative;
        margin-bottom: 1%; }
        .title.work-experience .subtitle-holder .mar-jun07 .text-holder {
          left: 175%;
          top: 0%;
          width: 412%; }
      .title.work-experience .subtitle-holder .nov06-07 {
        width: 72%;
        position: relative;
        margin-bottom: 2%;
        left: 1%; }
        .title.work-experience .subtitle-holder .nov06-07 .text-holder {
          left: 146%;
          top: 0%;
          width: 343%; }
      .title.work-experience .subtitle-holder .dec04 {
        width: 50%;
        position: relative;
        left: 2%; }
        .title.work-experience .subtitle-holder .dec04 .text-holder {
          left: 209%;
          top: 0%;
          width: 494%; }
    .title.work-experience.french {
      top: 36%;
      width: 29%; }
      .title.work-experience.french .subtitle-holder {
        display: none;
        position: absolute;
        left: 104%;
        width: 197%;
        top: -137%;
        cursor: default; }
        .title.work-experience.french .subtitle-holder .subtitle > img {
          cursor: pointer; }
        .title.work-experience.french .subtitle-holder .text-holder {
          display: none;
          position: absolute; }
        .title.work-experience.french .subtitle-holder .jul14-present {
          width: 85%;
          position: relative;
          margin-bottom: 2%;
          left: 2%; }
          .title.work-experience.french .subtitle-holder .jul14-present .text-holder {
            left: 121%;
            top: -48%;
            width: 263%; }
        .title.work-experience.french .subtitle-holder .jan-jul14 {
          width: 78%;
          position: relative;
          margin-bottom: 2%; }
          .title.work-experience.french .subtitle-holder .jan-jul14 .text-holder {
            left: 137%;
            top: 0%;
            width: 285%; }
        .title.work-experience.french .subtitle-holder .feb12-jan14 {
          width: 96%;
          position: relative; }
          .title.work-experience.french .subtitle-holder .feb12-jan14 .text-holder {
            left: 109%;
            top: 0%;
            width: 232%; }
        .title.work-experience.french .subtitle-holder .may-dec-11 {
          width: 65%;
          position: relative;
          left: 1%;
          margin-top: 1%; }
          .title.work-experience.french .subtitle-holder .may-dec-11 .text-holder {
            left: 161%;
            top: -91%;
            width: 344%; }
        .title.work-experience.french .subtitle-holder .we-07-11 {
          width: 36%;
          position: relative; }
          .title.work-experience.french .subtitle-holder .we-07-11 .text-holder {
            left: 291%;
            top: -11%;
            width: 618%; }
        .title.work-experience.french .subtitle-holder .mar-jun07 {
          width: 57%;
          position: relative; }
          .title.work-experience.french .subtitle-holder .mar-jun07 .text-holder {
            left: 184%;
            top: -17%;
            width: 393%; }
        .title.work-experience.french .subtitle-holder .nov06-07 {
          width: 73%;
          position: relative; }
          .title.work-experience.french .subtitle-holder .nov06-07 .text-holder {
            left: 144%;
            top: 0%;
            width: 305%; }
        .title.work-experience.french .subtitle-holder .dec04 {
          width: 52%;
          position: relative; }
          .title.work-experience.french .subtitle-holder .dec04 .text-holder {
            left: 196%;
            top: 0%;
            width: 431%; }
    .title.work-experience.active .subtitle-holder {
      display: block; }
      .title.work-experience.active .subtitle-holder .subtitle.active .text-holder {
        display: block; }
  .title.portfolio {
    position: absolute;
    right: 23%;
    top: 63%;
    width: 21.6%; }
    .title.portfolio .subtitle-holder {
      display: none;
      width: 100%;
      position: absolute;
      left: 18%;
      top: 150%;
      cursor: default; }
      .title.portfolio .subtitle-holder .subtitle {
        position: relative;
        margin-bottom: -4px;
        cursor: pointer; }
        .title.portfolio .subtitle-holder .subtitle.uni {
          top: 0%;
          left: 2%;
          width: 114%; }
        .title.portfolio .subtitle-holder .subtitle.working {
          top: 0%;
          left: -2%;
          width: 180%; }
        .title.portfolio .subtitle-holder .subtitle.other {
          top: 0%;
          left: 2%;
          width: 65%; }
    .title.portfolio.active .subtitle-holder {
      display: block; }
    .title.portfolio.french .subtitle.uni {
      width: 104%; }
    .title.portfolio.french .subtitle.working {
      width: 185%;
      margin-top: 2%;
      left: 2%; }
    .title.portfolio.french .subtitle.other {
      width: 54%;
      margin-top: 4%;
      left: 6%; }
  .title.other {
    position: absolute;
    top: 71%;
    right: 57%;
    width: 13.8%; }
    .title.other .subtitle-holder {
      display: none;
      position: absolute;
      top: 83%;
      width: 436%;
      left: 0%;
      margin-bottom: 15%; }
    .title.other.active .subtitle-holder {
      display: block; }
    .title.other.french {
      width: 22%;
      right: 54%; }
      .title.other.french .subtitle-holder {
        width: 262%; }

.download-holder {
  width: 44%;
  position: relative;
  top: -5%;
  left: 3%;
  cursor: pointer; }
  .download-holder .download-buttons {
    position: absolute;
    width: 38%;
    left: 4%;
    top: 123%;
    display: none;
    cursor: default; }
    .download-holder .download-buttons a {
      height: 100%;
      width: 50%;
      position: absolute;
      top: 0%;
      left: 0%; }
      .download-holder .download-buttons a:last-child {
        left: 50%; }
  .download-holder.french {
    width: 52%;
    left: 5%;
    top: -4%; }
    .download-holder.french .download-buttons {
      width: 32%;
      left: 0%;
      top: 108%; }
  .download-holder.active .download-buttons {
    display: block; }

.uni-gallery-holder, .working-gallery-holder, .other-gallery-holder {
  display: none; }

.eng-frn-holder {
  position: absolute;
  top: 5%;
  width: 39%;
  left: 5%;
  height: 10%; }
  .eng-frn-holder .lang-english {
    width: 50%;
    height: 100%;
    cursor: pointer;
    left: 0%;
    top: 0%;
    position: absolute; }
  .eng-frn-holder .lang-french {
    width: 50%;
    height: 100%;
    cursor: pointer;
    left: 50%;
    top: 0%;
    position: absolute; }

.timestamp {
  width: 15%;
  position: relative;
  left: 10%;
  top: 5%; }

.main-holder.french .english {
  display: none; }
.main-holder.french .french {
  display: block; }

.main-holder.english .french {
  display: none; }
.main-holder.english .english {
  display: block; }

.fancybox-title a {
  color: white; }