/* CSS Koeketiene Design - http://koeketienedesign.be */
/*-----------------------*/
/*        RESETS         */
/*-----------------------*/
/*@import "base/normalize";
@import "base/main";*/
/*-----------------------*/
/*        HELPERS        */
/*-----------------------*/
/*----------------------*/
/*    GENERAL ELEMENTS  */
/*----------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body, html {
  font-family: "sofia-pro", sans-serif;
  background: #fdfaf1; }

a {
  outline: none; }

h1, h2, h3, h4, h5, p, ul, ol {
  margin: 0;
  padding: 0; }

.h1 {
  font-weight: 300;
  font-size: 3.125em;
  letter-spacing: 0.028em;
  text-transform: uppercase;
  line-height: 1em; }
  .h1 strong, .h1 b {
    font-weight: 700; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .h1 {
      font-size: 2.5em; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .h1 {
      font-size: 1.7em; } }
  @media screen and (max-width: 479px) {
    .h1 {
      font-size: 1.5em; } }

.h2 {
  font-weight: 700;
  font-size: 2.125em;
  text-transform: uppercase;
  letter-spacing: 0.028em;
  line-height: 1em; }

.h3 {
  font-weight: 700;
  font-size: 2em;
  letter-spacing: 0.04em;
  line-height: 1em; }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .h3 {
      font-size: 1.5625em; } }
  @media screen and (max-width: 479px) {
    .h3 {
      font-size: 1.375em; } }

p, ul, ol {
  font-weight: 300;
  font-size: 1.125em;
  font-size: 1em;
  line-height: 1em; }
  p a, p a:hover, p a:visited, ul a, ul a:hover, ul a:visited, ol a, ol a:hover, ol a:visited {
    color: #FFF; }
  @media screen and (max-width: 479px) {
    p, ul, ol {
      font-size: 1em; } }

/*----------------------*/
/*         DEBUG        */
/*----------------------*/
#debug {
  visibility: hidden; }

.debug {
  padding: 10px;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 20000000;
  text-align: center; }

#desktop {
  background-color: #000000;
  display: block; }

#tablet {
  background-color: #009900;
  display: none; }

#smalltablet {
  background-color: #FF9900;
  display: none; }

#smartphone {
  background-color: #AA0000;
  display: none; }

.debugState {
  padding: 10px;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 20000000;
  text-align: center;
  visibility: hidden;
  background-color: #aa3688; }

/*----------------------*/
/*    GENERAL CLASSES   */
/*----------------------*/
div.cleaner {
  width: 100%;
  height: 1px;
  clear: both; }

div.selectlist {
  margin-right: 30px;
  position: relative; }
  @media screen and (max-width: 479px) {
    div.selectlist {
      margin-right: 0; } }
  @media screen and (max-width: 767px) {
    div.selectlist.reset {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    div.selectlist.show {
      width: 100%; } }
  div.selectlist.interest, div.selectlist.job, div.selectlist.reset, div.selectlist.show {
    float: left; }
  div.selectlist.interest div.interestbutton {
    cursor: pointer;
    margin-right: 50px; }
    @media screen and (max-width: 479px) {
      div.selectlist.interest div.interestbutton {
        display: inline-block; } }
  div.selectlist.job {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      div.selectlist.job {
        margin-left: 0; } }
    div.selectlist.job div.jobbutton {
      cursor: pointer;
      position: relative;
      margin-right: 50px; }
  div.selectlist button.areaofinterest {
    height: 60px;
    font-family: "sofia-pro", sans-serif;
    border: 1px solid #e9e9e9;
    background-color: #FFF;
    width: auto;
    text-indent: 0.01px;
    font-size: 1em;
    margin-top: 20px;
    position: relative;
    padding-left: 20px;
    padding-right: 30px;
    outline: none;
    cursor: pointer; }
    @media screen and (max-width: 479px) {
      div.selectlist button.areaofinterest {
        font-size: 0.9375em;
        padding-left: 10px;
        padding-right: 15px; } }
  div.selectlist i.fa-chevron-down {
    font-size: 0.625em;
    background-color: #FFF;
    width: 50px;
    border: 1px solid #e9e9e9;
    border-left: none;
    padding-bottom: 22px;
    padding-top: 26px;
    padding-left: 20px;
    position: absolute;
    top: 20px; }
  div.selectlist i.fa-times {
    font-size: 0.625em;
    background-color: #FFF;
    width: 50px;
    border: 1px solid #e9e9e9;
    border-left: none;
    padding-bottom: 22px;
    padding-top: 26px;
    padding-left: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer; }
  div.selectlist i.fa-chevron-right {
    font-size: 0.625em;
    background-color: #FFF;
    width: 50px;
    border: 1px solid #e9e9e9;
    border-left: none;
    padding-bottom: 22px;
    padding-top: 26px;
    padding-left: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer; }
  div.selectlist button.choosecategory, div.selectlist button.resetfilter, div.selectlist button.showfilter {
    height: 60px;
    font-family: "sofia-pro", sans-serif;
    border: 1px solid #e9e9e9;
    background-color: #FFF;
    width: auto;
    text-indent: 0.01px;
    text-overflow: "";
    font-size: 1em;
    margin-top: 20px;
    position: relative;
    padding-left: 20px;
    padding-right: 30px;
    outline: none;
    cursor: pointer; }
    @media screen and (max-width: 479px) {
      div.selectlist button.choosecategory, div.selectlist button.resetfilter, div.selectlist button.showfilter {
        font-size: 0.9375em;
        padding-left: 10px;
        padding-right: 15px; } }
  div.selectlist div.resetbutton, div.selectlist div.showbutton {
    display: none; }
  div.selectlist div.jobcategory {
    display: none;
    font-size: 0.875em;
    background-color: #FFF;
    padding-bottom: 20px;
    position: absolute;
    border: 1px solid #e9e9e9;
    font-weight: bold;
    color: #62656f;
    padding-top: 20px;
    width: 680px;
    z-index: 999; }
    @media screen and (max-width: 1024px) {
      div.selectlist div.jobcategory {
        width: auto; } }
    div.selectlist div.jobcategory div.left {
      float: left;
      width: 50%; }
      @media screen and (max-width: 1024px) and (min-width: 480px) {
        div.selectlist div.jobcategory div.left {
          width: 100%; } }
      @media screen and (max-width: 479px) {
        div.selectlist div.jobcategory div.left {
          width: auto; } }
    div.selectlist div.jobcategory div.right {
      float: right;
      width: 50%; }
      @media screen and (max-width: 1024px) and (min-width: 480px) {
        div.selectlist div.jobcategory div.right {
          width: 100%; } }
      @media screen and (max-width: 479px) {
        div.selectlist div.jobcategory div.right {
          width: auto; } }
    div.selectlist div.jobcategory div.ut-checkbox {
      float: left;
      margin-left: 20px; }
      div.selectlist div.jobcategory div.ut-checkbox a {
        background-image: url(../images/checkboxgrey.png); }
    div.selectlist div.jobcategory div.ut-checkbox div.ut-checkbox-group {
      float: left;
      margin-bottom: 25px;
      width: 100%; }
    div.selectlist div.jobcategory div.ut-checkbox a {
      display: block;
      width: 20px;
      height: 20px;
      background-position: 0 0;
      background-size: 20px;
      border: 2px solid #62656f;
      text-decoration: none;
      float: left;
      margin-right: 10px;
      background-color: #FFF; }
    div.selectlist div.jobcategory div.ut-checkbox label {
      margin-right: 10px;
      display: inline-block;
      padding-left: 35px;
      float: left;
      width: 95%;
      margin-top: -20px; }
  div.selectlist div.aoicolumns {
    font-size: 0.875em;
    display: none;
    background-color: #FFF;
    padding-bottom: 20px;
    position: absolute;
    border: 1px solid #e9e9e9;
    width: 945px;
    z-index: 1; }
    @media screen and (max-width: 1024px) {
      div.selectlist div.aoicolumns {
        width: auto; } }
    div.selectlist div.aoicolumns div.leftcolumn {
      float: left;
      width: 470px;
      color: #f1564a;
      letter-spacing: 0.1em;
      font-weight: bold; }
      @media screen and (max-width: 1024px) and (min-width: 480px) {
        div.selectlist div.aoicolumns div.leftcolumn {
          width: 100%; } }
      @media screen and (max-width: 479px) {
        div.selectlist div.aoicolumns div.leftcolumn {
          width: auto; } }
      div.selectlist div.aoicolumns div.leftcolumn .title {
        text-transform: uppercase;
        margin-left: 20px;
        margin-bottom: 25px; }
      div.selectlist div.aoicolumns div.leftcolumn div.ut-checkbox {
        float: left;
        margin-left: 20px; }
        div.selectlist div.aoicolumns div.leftcolumn div.ut-checkbox a {
          background-image: url(../images/checkboxredkopie.png); }
      div.selectlist div.aoicolumns div.leftcolumn div.ut-checkbox div.ut-checkbox-group {
        float: left;
        margin-bottom: 25px;
        width: 100%; }
      div.selectlist div.aoicolumns div.leftcolumn div.ut-checkbox a {
        display: block;
        width: 20px;
        height: 20px;
        background-position: 0 0;
        background-size: 20px;
        border: 2px solid #f1564a;
        text-decoration: none;
        float: left;
        margin-right: 5px;
        background-color: #FFF; }
      div.selectlist div.aoicolumns div.leftcolumn div.ut-checkbox label {
        margin-right: 10px;
        display: inline-block;
        padding-left: 35px;
        float: left;
        width: 95%;
        margin-top: -20px; }
    div.selectlist div.aoicolumns div.rightcolumn {
      color: #65a7a0;
      letter-spacing: 0.1em;
      float: left;
      width: 470px;
      font-weight: bold; }
      @media screen and (max-width: 1024px) and (min-width: 480px) {
        div.selectlist div.aoicolumns div.rightcolumn {
          width: 100%; } }
      @media screen and (max-width: 479px) {
        div.selectlist div.aoicolumns div.rightcolumn {
          width: auto; } }
      div.selectlist div.aoicolumns div.rightcolumn .title {
        text-transform: uppercase;
        margin-left: 20px;
        margin-bottom: 25px;
        color: #65a7a0 !important; }
      div.selectlist div.aoicolumns div.rightcolumn div.ut-checkbox {
        float: left;
        margin-left: 20px; }
        div.selectlist div.aoicolumns div.rightcolumn div.ut-checkbox a {
          background-image: url(../images/checkboxgreenkopie.png); }
      div.selectlist div.aoicolumns div.rightcolumn div.ut-checkbox div.ut-checkbox-group {
        float: left;
        margin-bottom: 25px;
        width: 100%; }
      div.selectlist div.aoicolumns div.rightcolumn div.ut-checkbox a {
        display: block;
        width: 20px;
        height: 20px;
        background-position: 0 0;
        background-size: 20px;
        border: 2px solid #65a7a0;
        text-decoration: none;
        float: left;
        margin-right: 5px;
        background-color: #FFF; }
      div.selectlist div.aoicolumns div.rightcolumn div.ut-checkbox label {
        margin-right: 10px;
        display: inline-block;
        padding-left: 35px;
        float: left;
        width: 95%;
        margin-top: -20px; }

/*---------------------*/
/* CONTAINING ELEMENTS */
/*---------------------*/
/* --- LAYOUT --- */
div.container {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.61, -0.01, 0.35, 1.01);
  -moz-transition: all 0.5s cubic-bezier(0.61, -0.01, 0.35, 1.01);
  -ms-transition: all 0.5s cubic-bezier(0.61, -0.01, 0.35, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.61, -0.01, 0.35, 1.01);
  transition: all 0.5s cubic-bezier(0.61, -0.01, 0.35, 1.01); }
  div.container.show {
    opacity: 1; }
  div.container div.wrapper {
    width: 960px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div.container div.wrapper {
        width: 750px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div.container div.wrapper {
        width: 450px; } }
    @media screen and (max-width: 479px) {
      div.container div.wrapper {
        width: 90%; } }
  @media screen and (max-width: 479px) and (max-width: 479px) {
    div.container div.wrapper {
      max-width: 300px; } }

/* --- PAGES --- */
.ie9 article img {
  width: 100% !important;
  height: auto !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  article img {
    width: 100% !important;
    height: auto !important; } }
@supports (-ms-ime-align: auto) {
  article img {
    width: 100% !important;
    height: auto !important; } }
div#splash img {
  border: none; }
div#splash div.topbuttons {
  float: right;
  margin-top: 45px;
  margin-bottom: 30px;
  margin-right: 20px; }
  @media screen and (max-width: 479px) {
    div#splash div.topbuttons {
      margin-right: 0;
      text-align: left; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#splash div.topbuttons section {
      text-align: left; } }
  div#splash div.topbuttons section a {
    background-color: #f1564a;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 40px;
    letter-spacing: 0.1em;
    display: inline-block;
    margin-right: 15px; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#splash div.topbuttons section a {
        margin-bottom: 20px;
        margin-right: 0; } }
    @media screen and (max-width: 479px) {
      div#splash div.topbuttons section a {
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;
        margin-right: 0; } }
div#splash div.title {
  color: #f1564a;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 20px; }
div#splash hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #f1564a;
  clear: both; }
div#splash div.content {
  margin-top: 50px;
  float: left;
  width: 100%; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    div#splash div.content {
      margin-top: 100px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#splash div.content {
      margin-top: 70px; } }
  @media screen and (max-width: 479px) {
    div#splash div.content {
      margin-top: 50px; } }
  div#splash div.content div.empty {
    text-align: center;
    height: 100px;
    color: #f1564a; }
  div#splash div.content section.grid.grid--center {
    width: 50%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#splash div.content section.grid.grid--center {
        width: 80%; } }
    @media screen and (max-width: 479px) {
      div#splash div.content section.grid.grid--center {
        width: 100%; } }
  div#splash div.content section.grid.grid--left {
    float: left;
    width: 49%;
    padding-top: 220px;
    margin-bottom: 130px; }
    div#splash div.content section.grid.grid--left article {
      float: right; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#splash div.content section.grid.grid--left {
        padding-top: 110px; } }
    @media screen and (max-width: 479px) {
      div#splash div.content section.grid.grid--left {
        width: 100%;
        padding-top: 0; } }
  div#splash div.content section.grid.grid--right {
    float: right;
    width: 49%; }
    @media screen and (max-width: 479px) {
      div#splash div.content section.grid.grid--right {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      div#splash div.content section.grid.grid--right {
        display: flex;
        flex-wrap: wrap; } }
    div#splash div.content section.grid.grid--right article {
      float: left; }
      @media screen and (max-width: 767px) {
        div#splash div.content section.grid.grid--right article {
          order: 2; } }
  div#splash div.content section.grid article {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      div#splash div.content section.grid article {
        margin-bottom: 10px; } }
    div#splash div.content section.grid article div {
      padding: 15px 25px 25px 25px;
      width: inherit;
      display: table; }
      div#splash div.content section.grid article div span.arrow {
        color: #FFF;
        font-size: 0.6em;
        display: table-cell;
        vertical-align: top;
        padding-top: 10px; }
      div#splash div.content section.grid article div h2 {
        margin-bottom: 10px;
        color: #FFF;
        font-size: 1.5em;
        margin-left: 5px; }
      div#splash div.content section.grid article div p {
        color: #FFF;
        margin-left: 5px;
        word-wrap: break-word; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        div#splash div.content section.grid article div {
          padding: 5px 15px 15px 15px; } }
    div#splash div.content section.grid article img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      object-position: 30% 40%; }
    div#splash div.content section.grid article .backgroundie {
      height: 200px;
      width: 100%;
      background-size: cover;
      background-position: center 40%; }
    div#splash div.content section.grid article.green {
      background-color: #65a7a0; }
    div#splash div.content section.grid article.red {
      background-color: #f1564a; }
    div#splash div.content section.grid article.article--small {
      width: 57.29167%; }
      div#splash div.content section.grid article.article--small p {
        width: 170px; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        div#splash div.content section.grid article.article--small {
          width: 57.29167%; } }
      @media screen and (max-width: 767px) {
        div#splash div.content section.grid article.article--small {
          width: 100%; } }
    div#splash div.content section.grid article.article--small--left {
      width: 48.95833%;
      float: left; }
      div#splash div.content section.grid article.article--small--left img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: 30% 40%; }
      div#splash div.content section.grid article.article--small--left .backgroundie {
        height: 200px;
        width: 100%;
        background-size: cover;
        background-position: center center; }
      div#splash div.content section.grid article.article--small--left p {
        width: 170px; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        div#splash div.content section.grid article.article--small--left {
          width: 48.95833%; } }
      @media screen and (max-width: 767px) {
        div#splash div.content section.grid article.article--small--left {
          width: 100%; } }
    div#splash div.content section.grid article.article--small--right {
      width: 48.95833%;
      float: right; }
      div#splash div.content section.grid article.article--small--right p {
        width: 170px; }
      div#splash div.content section.grid article.article--small--right img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: 30% 40%; }
      div#splash div.content section.grid article.article--small--right .backgroundie {
        height: 200px;
        width: 100%;
        background-size: cover;
        background-position: center center; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        div#splash div.content section.grid article.article--small--right {
          width: 48.95833%; } }
      @media screen and (max-width: 767px) {
        div#splash div.content section.grid article.article--small--right {
          width: 100%; } }
    div#splash div.content section.grid article.article--medium {
      width: 78.125%; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        div#splash div.content section.grid article.article--medium {
          width: 83.33333%; } }
      @media screen and (max-width: 767px) {
        div#splash div.content section.grid article.article--medium {
          width: 100%; } }
    div#splash div.content section.grid article.article--large {
      width: 100%; }
    div#splash div.content section.grid article.article--free {
      width: 100%;
      padding: 30px 25px; }
      div#splash div.content section.grid article.article--free h2 {
        margin-bottom: 15px; }
      div#splash div.content section.grid article.article--free p {
        margin-top: 30px;
        line-height: 1.6em;
        margin-bottom: 30px; }
        div#splash div.content section.grid article.article--free p a {
          font-weight: bold; }
      div#splash div.content section.grid article.article--free .homebutton {
        background-color: #62848f;
        color: #FFF;
        text-transform: uppercase;
        font-weight: bold;
        border: none;
        padding: 10px 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 12px;
        text-decoration: none;
        display: inline-block;
        text-align: center; }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        div#splash div.content section.grid article.article--free {
          padding: 5px;
          order: 1; } }
      @media screen and (max-width: 479px) {
        div#splash div.content section.grid article.article--free {
          padding: 10px 5px;
          order: 1; } }
  div#splash div.content hr {
    display: block;
    height: 1px;
    border: none;
    border-top: 1px solid #f1564a; }
  div#splash div.content section.profileupload {
    text-align: center;
    margin-top: 85px;
    margin-bottom: 85px; }
    div#splash div.content section.profileupload a {
      background-color: #f1564a;
      text-decoration: none;
      color: #FFF;
      text-transform: uppercase;
      font-weight: bold;
      padding: 15px 85px;
      letter-spacing: 0.1em;
      display: inline-block; }
      @media screen and (max-width: 479px) {
        div#splash div.content section.profileupload a {
          padding: 20px; } }
  div#splash div.content section.partners {
    float: left;
    width: 100%;
    margin-top: 80px;
    text-align: center;
    margin-bottom: 200px; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#splash div.content section.partners {
        margin-bottom: 100px;
        margin-top: 100px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#splash div.content section.partners {
        margin-bottom: 70px;
        margin-top: 70px; } }
    @media screen and (max-width: 479px) {
      div#splash div.content section.partners {
        margin-bottom: 50px;
        margin-top: 50px; } }
    div#splash div.content section.partners h2 {
      color: #f1564a;
      margin-bottom: 45px; }
    div#splash div.content section.partners a {
      display: inline-block;
      width: 14.89362%;
      margin: 0 3px;
      border: none; }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        div#splash div.content section.partners a {
          width: 120px; } }
      @media screen and (max-width: 479px) {
        div#splash div.content section.partners a {
          width: 46%;
          margin: 0 2% 10px 2%;
          float: left; } }
      div#splash div.content section.partners a img {
        width: 100%;
        height: auto;
        border: none;
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        /* Firefox 3.5+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */ }
      div#splash div.content section.partners a:hover img {
        filter: none;
        -webkit-filter: grayscale(0%); }

div.invulfiche .topimage {
  margin-bottom: 100px; }
div.invulfiche .content {
  clear: both;
  background-color: #f1564a;
  margin-bottom: 40px; }
  div.invulfiche .content form {
    padding: 75px; }
    @media screen and (max-width: 479px) {
      div.invulfiche .content form {
        padding: 35px 10px; } }
    div.invulfiche .content form .formelement {
      margin-bottom: 20px;
      clear: both;
      position: relative; }
      div.invulfiche .content form .formelement #fileuploadfoto-uploaded2 .allimages, div.invulfiche .content form .formelement #fileuploadfoto-uploaded .allimages {
        width: 50%;
        float: right;
        margin-bottom: 30px; }
        @media screen and (max-width: 767px) {
          div.invulfiche .content form .formelement #fileuploadfoto-uploaded2 .allimages, div.invulfiche .content form .formelement #fileuploadfoto-uploaded .allimages {
            width: 100%; } }
        div.invulfiche .content form .formelement #fileuploadfoto-uploaded2 .allimages .workpic, div.invulfiche .content form .formelement #fileuploadfoto-uploaded2 .allimages .profilepic, div.invulfiche .content form .formelement #fileuploadfoto-uploaded .allimages .workpic, div.invulfiche .content form .formelement #fileuploadfoto-uploaded .allimages .profilepic {
          height: 60px;
          width: auto;
          margin-top: 20px; }
        div.invulfiche .content form .formelement #fileuploadfoto-uploaded2 .allimages div, div.invulfiche .content form .formelement #fileuploadfoto-uploaded .allimages div {
          display: inline;
          margin-right: 30px; }
      div.invulfiche .content form .formelement #fileuploadfoto-uploaded2 .removework, div.invulfiche .content form .formelement #fileuploadfoto-uploaded2 .removeprofile, div.invulfiche .content form .formelement #fileuploadfoto-uploaded .removework, div.invulfiche .content form .formelement #fileuploadfoto-uploaded .removeprofile {
        color: #FFF;
        position: absolute;
        padding-left: 5px;
        margin-top: 15px; }
      @media screen and (max-width: 479px) {
        div.invulfiche .content form .formelement.foto {
          margin: 0 auto;
          text-align: center; } }
      div.invulfiche .content form .formelement.foto .fa-remove {
        color: #FFF; }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          div.invulfiche .content form .formelement.foto .fa-remove {
            width: 27%; } }
        @media screen and (max-width: 767px) and (min-width: 480px) {
          div.invulfiche .content form .formelement.foto .fa-remove {
            width: 50%; } }
        @media screen and (max-width: 479px) {
          div.invulfiche .content form .formelement.foto .fa-remove {
            width: 60%; } }
      div.invulfiche .content form .formelement.foto #fileuploadfoto-uploaded {
        float: left;
        width: 100%;
        /*width: 50%;
        float: right;
        text-align: left;
        margin-top: 15px
        span{
                color:$white;
        }
        #removeprofile{
                color: #000;
                margin-left: 10px;
        }*/ }
      div.invulfiche .content form .formelement.marge {
        margin-top: 60px; }
      div.invulfiche .content form .formelement .sidenote {
        font-size: 0.6875em;
        width: 50%;
        float: right;
        font-weight: bold;
        color: #FFF;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          div.invulfiche .content form .formelement .sidenote {
            width: 100%; } }
      div.invulfiche .content form .formelement #upload {
        text-align: right; }
      div.invulfiche .content form .formelement img {
        width: 125px;
        max-width: 600px;
        max-height: 600px; }
      div.invulfiche .content form .formelement label {
        color: #FFF;
        font-weight: bold;
        width: 50%;
        float: left;
        padding-right: 90px; }
        @media screen and (max-width: 767px) {
          div.invulfiche .content form .formelement label {
            width: 100%;
            padding-right: 0;
            margin-bottom: 20px; } }
      div.invulfiche .content form .formelement input {
        height: 30px;
        font-family: "sofia-pro", sans-serif;
        font-weight: bold;
        padding-left: 10px; }
      div.invulfiche .content form .formelement i.fa-exclamation-circle {
        position: absolute;
        right: -25px;
        top: 6px;
        display: none;
        color: #000; }
        @media screen and (max-width: 767px) and (min-width: 480px) {
          div.invulfiche .content form .formelement i.fa-exclamation-circle {
            top: auto;
            bottom: 7px; } }
        @media screen and (max-width: 479px) {
          div.invulfiche .content form .formelement i.fa-exclamation-circle {
            top: auto;
            bottom: 7px;
            right: 5px; } }
      div.invulfiche .content form .formelement input, div.invulfiche .content form .formelement textarea {
        width: 50%; }
        @media screen and (max-width: 767px) {
          div.invulfiche .content form .formelement input, div.invulfiche .content form .formelement textarea {
            width: 100%; } }
        @media screen and (max-width: 479px) {
          div.invulfiche .content form .formelement input, div.invulfiche .content form .formelement textarea {
            width: 90%; } }
      div.invulfiche .content form .formelement textarea {
        font-family: "sofia-pro", sans-serif;
        font-weight: bold;
        padding-left: 10px;
        padding-top: 5px;
        resize: none; }
      div.invulfiche .content form .formelement .remaining {
        float: right;
        color: #FFF;
        font-style: italic;
        font-size: 0.75em;
        margin-bottom: 10px; }
      div.invulfiche .content form .formelement.select .faculty, div.invulfiche .content form .formelement.select .education {
        display: none; }
      @media screen and (max-width: 479px) {
        div.invulfiche .content form .formelement.select #domein {
          padding-left: 5px;
          padding-right: 10px; } }
      div.invulfiche .content form .formelement.select #selected {
        width: 50%;
        float: right;
        color: #FFF;
        margin-top: 5px;
        font-size: 13px;
        padding-bottom: 25px; }
        @media screen and (max-width: 767px) {
          div.invulfiche .content form .formelement.select #selected {
            width: 100%; } }
        div.invulfiche .content form .formelement.select #selected span {
          float: left;
          width: 100%; }
        div.invulfiche .content form .formelement.select #selected a {
          font-weight: bold;
          color: #000;
          text-decoration: none;
          margin-left: 10px; }
      div.invulfiche .content form .formelement.select select {
        background: #FFF;
        border-radius: 2px;
        height: 30px;
        font-family: "sofia-pro", sans-serif;
        font-weight: bold;
        border: none;
        -webkit-border-radius: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #FFF url("/images/arrow.png") no-repeat;
        background-color: #FFF;
        background-position: right 10px center;
        background-size: 8px;
        width: auto;
        text-indent: 0.01px;
        text-overflow: "";
        padding-left: 15px;
        padding-right: 30px;
        width: 50%; }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          div.invulfiche .content form .formelement.select select {
            padding-left: 10px;
            padding-right: 20px;
            max-width: 50%; } }
        @media screen and (max-width: 767px) and (min-width: 480px) {
          div.invulfiche .content form .formelement.select select {
            padding-left: 5px;
            padding-right: 20px;
            max-width: 90%; } }
        @media screen and (max-width: 479px) {
          div.invulfiche .content form .formelement.select select {
            padding-left: 5px;
            padding-right: 20px;
            max-width: 90%; } }
      div.invulfiche .content form .formelement .file-uploader {
        width: 50%;
        float: right;
        margin: 5px 0px; }
        @media screen and (max-width: 767px) {
          div.invulfiche .content form .formelement .file-uploader {
            width: 100%;
            float: left; } }
      div.invulfiche .content form .formelement .fileuploadfoto, div.invulfiche .content form .formelement .fileuploadfotowork {
        position: absolute;
        top: -2000px; }
        div.invulfiche .content form .formelement .fileuploadfoto.ie9, div.invulfiche .content form .formelement .fileuploadfotowork.ie9 {
          top: 0;
          filter: alpha(opacity=0);
          /*opacity:0;*/ }
      div.invulfiche .content form .formelement .fileuploadfoto.ie9 {
        height: 42px;
        width: 140px;
        font-size: 900px; }
      div.invulfiche .content form .formelement .fileuploadfotowork.ie9 {
        height: 42px;
        width: 140px;
        font-size: 900px; }
      div.invulfiche .content form .formelement .upload-picture, div.invulfiche .content form .formelement .upload-workpictures {
        background-color: #62848f;
        padding: 10px 25px;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFF;
        border: none;
        cursor: pointer; }
        div.invulfiche .content form .formelement .upload-picture img, div.invulfiche .content form .formelement .upload-workpictures img {
          width: 12%;
          height: auto;
          margin-left: 10px; }
        div.invulfiche .content form .formelement .upload-picture .fa-spinner, div.invulfiche .content form .formelement .upload-workpictures .fa-spinner {
          color: #FFF;
          display: none; }
      div.invulfiche .content form .formelement .comment {
        float: left;
        color: #000;
        font-size: 0.8125em;
        margin-top: 10px;
        font-weight: bold; }
        div.invulfiche .content form .formelement .comment i {
          position: static;
          display: inline; }
    div.invulfiche .content form .formsend {
      text-align: center;
      margin-top: 50px; }
      div.invulfiche .content form .formsend input[type="submit"] {
        background-color: #62848f;
        color: #FFF;
        text-transform: uppercase;
        font-weight: bold;
        border: none;
        padding: 10px 30px;
        -webkit-appearance: none;
        -moz-appearance: none; }

input.input-checkbox {
  width: 30px !important; }

@media screen and (max-width: 767px) {
  label.input-checkbox-label {
    margin-bottom: 0 !important; } }

div#about img {
  border: none; }
div#about div.topbuttons {
  float: right;
  margin-top: 45px;
  margin-bottom: 30px;
  margin-right: 20px; }
  @media screen and (max-width: 479px) {
    div#about div.topbuttons {
      margin-right: 0;
      text-align: left; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#about div.topbuttons section {
      text-align: left; } }
  div#about div.topbuttons section a {
    background-color: #f1564a;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 40px;
    letter-spacing: 0.1em;
    display: inline-block;
    margin-right: 15px; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#about div.topbuttons section a {
        margin-bottom: 20px;
        margin-right: 0; } }
    @media screen and (max-width: 479px) {
      div#about div.topbuttons section a {
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;
        margin-right: 0; } }
div#about div.title {
  color: #f1564a;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 20px; }
div#about hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #f1564a;
  clear: both; }
div#about div.content div.info {
  margin-bottom: 80px; }
  div#about div.content div.info p.title {
    font-size: 4.5em;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #f1564a;
    text-transform: uppercase;
    margin-top: 80px;
    margin-bottom: 20px; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#about div.content div.info p.title {
        font-size: 3.4375em; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#about div.content div.info p.title {
        font-size: 3.125em; } }
    @media screen and (max-width: 479px) {
      div#about div.content div.info p.title {
        font-size: 2.5em; } }
  div#about div.content div.info div.summary {
    width: 65%;
    float: left;
    background-color: #FFF;
    color: #f1564a;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 80px;
    padding-bottom: 60px;
    font-size: 0.875em;
    letter-spacing: 0.04em;
    display: table; }
    div#about div.content div.info div.summary p {
      display: table-cell;
      vertical-align: middle;
      line-height: 1.3em; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#about div.content div.info div.summary {
        padding: 30px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#about div.content div.info div.summary {
        width: 100%;
        float: none;
        height: auto !important;
        margin-bottom: 20px; } }
    @media screen and (max-width: 479px) {
      div#about div.content div.info div.summary {
        padding: 20px;
        width: 100%;
        float: none;
        height: auto !important;
        margin-bottom: 20px; } }
  div#about div.content div.info div.facts {
    width: 33%;
    float: right;
    background-color: #f1564a;
    color: #FFF;
    padding-bottom: 50px;
    padding-right: 35px;
    padding-top: 45px;
    padding-left: 40px;
    font-size: 0.875em;
    letter-spacing: 0.04em; }
    div#about div.content div.info div.facts h3 {
      margin-bottom: 20px; }
    div#about div.content div.info div.facts p {
      line-height: 1.3em; }
    div#about div.content div.info div.facts div.small {
      font-style: italic;
      font-size: .8em;
      margin-top: 20px; }
      div#about div.content div.info div.facts div.small a {
        color: #FFF; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#about div.content div.info div.facts {
        padding: 30px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#about div.content div.info div.facts {
        width: 100%;
        float: none; } }
    @media screen and (max-width: 479px) {
      div#about div.content div.info div.facts {
        padding: 20px;
        width: 100%;
        float: none; } }
div#about section.partners {
  float: left;
  width: 100%;
  margin-top: 80px;
  text-align: center;
  margin-bottom: 200px; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    div#about section.partners {
      margin-bottom: 100px;
      margin-top: 100px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#about section.partners {
      margin-bottom: 70px;
      margin-top: 70px; } }
  @media screen and (max-width: 479px) {
    div#about section.partners {
      margin-bottom: 50px;
      margin-top: 50px; } }
  div#about section.partners h2 {
    color: #f1564a;
    margin-bottom: 45px; }
  div#about section.partners a {
    display: inline-block;
    width: 14.89362%;
    margin: 0 3px;
    border: none; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#about section.partners a {
        width: 120px; } }
    @media screen and (max-width: 479px) {
      div#about section.partners a {
        width: 46%;
        margin: 0 2% 10px 2%;
        float: left; } }
    div#about section.partners a img {
      width: 100%;
      height: auto;
      border: none;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 3.5+ */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+ & Safari 6+ */ }
    div#about section.partners a:hover img {
      filter: none;
      -webkit-filter: grayscale(0%); }

.ie9 .title {
  margin-bottom: 20px; }

div#education img {
  border: none; }
div#education div.topbuttons {
  float: right;
  margin-top: 45px;
  margin-bottom: 30px;
  margin-right: 20px; }
  @media screen and (max-width: 479px) {
    div#education div.topbuttons {
      margin-right: 0;
      text-align: left; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#education div.topbuttons section {
      text-align: left; } }
  div#education div.topbuttons section a {
    background-color: #f1564a;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 40px;
    letter-spacing: 0.1em;
    display: inline-block;
    margin-right: 15px; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#education div.topbuttons section a {
        margin-bottom: 20px;
        margin-right: 0; } }
    @media screen and (max-width: 479px) {
      div#education div.topbuttons section a {
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;
        margin-right: 0; } }
div#education div.title {
  color: #f1564a;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 20px; }
div#education hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #f1564a;
  clear: both; }
div#education div.content div.places {
  margin-bottom: 80px; }
  div#education div.content div.places hr {
    margin-top: 40px; }
  div#education div.content div.places p.title {
    font-size: 4.5em;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #f1564a;
    text-transform: uppercase;
    margin-top: 80px;
    margin-bottom: 20px; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#education div.content div.places p.title {
        font-size: 3.4375em; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#education div.content div.places p.title {
        font-size: 3.125em; } }
    @media screen and (max-width: 479px) {
      div#education div.content div.places p.title {
        font-size: 2.5em; } }
  div#education div.content div.places span.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0; }
  div#education div.content div.places div.cube:nth-child(2n) {
    float: right; }
  div#education div.content div.places div.cube {
    display: none;
    background-color: #f1564a;
    color: #FFF;
    padding: 30px;
    padding-top: 10px;
    width: 100%;
    margin-bottom: 40px;
    vertical-align: top; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#education div.content div.places div.cube {
        padding: 20px;
        padding-top: 10px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#education div.content div.places div.cube {
        width: 100%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 479px) {
      div#education div.content div.places div.cube {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px;
        padding-top: 10px; } }
    div#education div.content div.places div.cube a {
      text-decoration: none; }
    div#education div.content div.places div.cube a:hover {
      text-decoration: underline; }
    div#education div.content div.places div.cube address {
      font-size: 0.875em;
      font-style: normal;
      font-weight: bold;
      margin-top: 20px; }
    div#education div.content div.places div.cube hr {
      border-top: 1px solid #FFF;
      margin-top: 0;
      margin-bottom: 30px; }
    div#education div.content div.places div.cube div.edu-logo {
      height: 80px;
      display: table-cell;
      vertical-align: middle; }
      div#education div.content div.places div.cube div.edu-logo img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        /* Firefox 3.5+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */ }
    div#education div.content div.places div.cube h3 {
      font-size: 0.9375em;
      margin-bottom: 15px;
      margin-top: 10px; }
    div#education div.content div.places div.cube a {
      color: #FFF;
      font-size: 0.875em;
      word-break: break-all;
      line-height: 18px; }
      div#education div.content div.places div.cube a i {
        margin-right: 20px; }
    div#education div.content div.places div.cube img {
      /* margin-bottom: 15px; */
      vertical-align: middle;
      max-width: 130px;
      max-height: 70px; }
    div#education div.content div.places div.cube .educations {
      font-size: 0.875em;
      margin-top: 15px; }
      div#education div.content div.places div.cube .educations ul {
        list-style-position: outside;
        margin-left: 1.2em; }
        div#education div.content div.places div.cube .educations ul li a {
          text-decoration: none;
          word-break: normal; }
        div#education div.content div.places div.cube .educations ul li a:hover {
          text-decoration: underline; }
    div#education div.content div.places div.cube .social {
      margin-bottom: 20px; }
    div#education div.content div.places div.cube .social:last-of-type {
      margin-bottom: 0; }
    div#education div.content div.places div.cube div.cube.active {
      background-color: #FFF;
      color: #f1564a; }
      div#education div.content div.places div.cube div.cube.active a {
        color: #f1564a; }
      div#education div.content div.places div.cube div.cube.active hr {
        border-top: 1px solid #f1564a; }
  div#education div.content div.places div#map {
    height: 500px;
    margin-bottom: 30px; }
    div#education div.content div.places div#map .gm-style-iw {
      padding: 10px; }
    div#education div.content div.places div#map .iw_title h3 a {
      color: #f1564a; }
    div#education div.content div.places div#map .iw_content {
      text-decoration: underline;
      font-family: "sofia-pro", sans-serif; }
    div#education div.content div.places div#map .iw_image {
      margin-bottom: 20px; }
      div#education div.content div.places div#map .iw_image img {
        width: 100px;
        height: auto;
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        /* Firefox 3.5+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */ }
    div#education div.content div.places div#map .gm-style-iw div * {
      overflow: hidden !important;
      line-height: 1.35em; }
div#education section.partners {
  float: left;
  width: 100%;
  margin-top: 80px;
  text-align: center;
  margin-bottom: 200px; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    div#education section.partners {
      margin-bottom: 100px;
      margin-top: 100px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#education section.partners {
      margin-bottom: 70px;
      margin-top: 70px; } }
  @media screen and (max-width: 479px) {
    div#education section.partners {
      margin-bottom: 50px;
      margin-top: 50px; } }
  div#education section.partners h2 {
    color: #f1564a;
    margin-bottom: 45px; }
  div#education section.partners a {
    display: inline-block;
    width: 14.89362%;
    margin: 0 3px;
    border: none; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#education section.partners a {
        width: 120px; } }
    @media screen and (max-width: 479px) {
      div#education section.partners a {
        width: 46%;
        margin: 0 2% 10px 2%;
        float: left; } }
    div#education section.partners a img {
      width: 100%;
      height: auto;
      border: none;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 3.5+ */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+ & Safari 6+ */ }
    div#education section.partners a:hover img {
      filter: none;
      -webkit-filter: grayscale(0%); }

div#detail img {
  border: none; }
div#detail div.topbuttons {
  float: right;
  margin-top: 45px;
  margin-bottom: 30px;
  margin-right: 20px; }
  @media screen and (max-width: 479px) {
    div#detail div.topbuttons {
      margin-right: 0;
      text-align: left; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#detail div.topbuttons section {
      text-align: left; } }
  div#detail div.topbuttons section a {
    background-color: #f1564a;
    text-decoration: none;
    color: #FFF;
    text-transform: upercase;
    font-weight: bold;
    padding: 15px 40px;
    letter-spacing: 0.1em;
    display: inline-block;
    margin-right: 15px; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#detail div.topbuttons section a {
        margin-bottom: 20px;
        margin-right: 0; } }
    @media screen and (max-width: 479px) {
      div#detail div.topbuttons section a {
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;
        margin-right: 0; } }
div#detail div.title {
  color: #f1564a;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 20px; }
div#detail hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #f1564a;
  clear: both; }
div#detail div.content h1.green {
  color: #65a7a0 !important; }
div#detail div.content h1.title {
  color: #f1564a;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 4.5em; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    div#detail div.content h1.title {
      font-size: 3.4375em; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    div#detail div.content h1.title {
      font-size: 3.125em; } }
  @media screen and (max-width: 479px) {
    div#detail div.content h1.title {
      font-size: 2.5em; } }
div#detail div.content div.profile--image {
  float: left;
  width: 35%; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    div#detail div.content div.profile--image {
      width: 41%; } }
  @media screen and (max-width: 767px) {
    div#detail div.content div.profile--image {
      width: 100%;
      text-align: center;
      float: none; } }
  div#detail div.content div.profile--image img {
    width: 300px;
    height: auto; }
div#detail div.content div.green a {
  color: #65a7a0 !important; }
div#detail div.content div.profile--information .green {
  color: #65a7a0 !important; }
div#detail div.content div.profile--information {
  float: left;
  width: 65%;
  background-color: #FFF;
  padding: 20px 30px;
  color: #f1564a;
  position: relative;
  line-height: 1em; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    div#detail div.content div.profile--information {
      width: 58%;
      float: right; } }
  @media screen and (max-width: 767px) {
    div#detail div.content div.profile--information {
      width: 100%;
      float: none; } }
  div#detail div.content div.profile--information p {
    line-height: 1.2em; }
  div#detail div.content div.profile--information a {
    color: #f1564a;
    position: absolute;
    bottom: 20px; }
  div#detail div.content div.profile--information div.profile--function p {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.09em;
    margin-bottom: 15px; }
  div#detail div.content div.profile--information div.profile--diploma p {
    font-weight: bold;
    letter-spacing: 0.1em; }
div#detail div.content div.submission--questions p {
  line-height: 1.5em; }
div#detail div.content div.submission--questions h2 {
  font-size: 1.125em;
  letter-spacing: 0.05em;
  margin-bottom: 20px; }
div#detail div.content div.submission--questions div {
  padding: 30px 40px;
  margin-top: 20px; }
div#detail div.content div.submission--questions div.green, div#detail div.content div.submission--questions div.red {
  height: 100%; }
div#detail div.content div.submission--questions div.green {
  background-color: #65a7a0;
  color: #FFF; }
div#detail div.content div.submission--questions div.red {
  background-color: #f1564a;
  color: #FFF; }
div#detail div.content div.submission--questions div.fullwidth {
  width: 100%; }
div#detail div.content div.submission--questions div.halfwidth {
  width: 49%; }
  @media screen and (max-width: 767px) {
    div#detail div.content div.submission--questions div.halfwidth {
      width: 100%; } }
div#detail div.content div.submission--questions div.jobdescription {
  float: left; }
div#detail div.content div.submission--questions div.jobhistory {
  float: right; }
div#detail div.content div.employer--images {
  margin-bottom: 100px;
  width: 100%;
  float: left;
  text-align: center; }
  div#detail div.content div.employer--images div.imagewrapper {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#detail div.content div.employer--images div.imagewrapper {
        width: 50%;
        text-align: center;
        margin-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      div#detail div.content div.employer--images div.imagewrapper {
        width: 100%;
        text-align: center;
        margin-bottom: 20px; } }
    div#detail div.content div.employer--images div.imagewrapper img {
      width: 300px;
      height: auto;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 3.5+ */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+ & Safari 6+ */
      vertical-align: middle; }
div#detail div.content div.education--info h2.green {
  color: #65a7a0 !important; }
div#detail div.content div.education--info h2 {
  color: #f1564a;
  text-transform: uppercase;
  font-size: 2.125em;
  text-align: center; }
div#detail div.content div.education--info div.center--red p {
  color: #f1564a;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px; }
div#detail div.content div.education--info div.center--red p.small {
  font-size: 0.75em;
  margin-bottom: 60px; }
div#detail div.content div.education--info div.center--green p {
  color: #65a7a0;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px; }
div#detail div.content div.education--info div.center--green p.small {
  font-size: 0.75em;
  margin-bottom: 60px; }
div#detail div.content div.education--info div.cube--container {
  margin-top: 20px;
  margin-bottom: 50px;
  width: 100%;
  float: left;
  text-align: left; }
  div#detail div.content div.education--info div.cube--container div.education--cube {
    width: 33%;
    text-align: left;
    min-height: 220px;
    background-color: #e7ecec;
    padding: 20px 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    position: relative; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#detail div.content div.education--info div.cube--container div.education--cube {
        width: 32%;
        min-height: 230px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#detail div.content div.education--info div.cube--container div.education--cube {
        width: 49%;
        min-height: 250px; } }
    @media screen and (max-width: 479px) {
      div#detail div.content div.education--info div.cube--container div.education--cube {
        width: 100%; } }
    div#detail div.content div.education--info div.cube--container div.education--cube a {
      color: #f1564a;
      text-decoration: none;
      font-size: 1em;
      vertical-align: bottom;
      position: absolute;
      bottom: 30px; }
    div#detail div.content div.education--info div.cube--container div.education--cube a.green {
      color: #65a7a0;
      text-decoration: none;
      font-size: 1em; }
    div#detail div.content div.education--info div.cube--container div.education--cube a.link-overlay {
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    div#detail div.content div.education--info div.cube--container div.education--cube img {
      margin-bottom: 30px;
      max-height: 70px;
      max-width: 150px;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 3.5+ */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+ & Safari 6+ */ }
div#detail ol, div#detail p, div#detail ul {
  line-height: 1.5;
  margin-bottom: 1em; }

div#detail.privacy {
  line-height: 1.5;
  margin-bottom: 1em; }
  div#detail.privacy div.content div.submission--questions div {
    padding: 0 40px;
    margin-top: 0;
    margin-bottom: 30px; }
  div#detail.privacy div.content div.submission--questions .fullwidth.red {
    padding: 30px 40px; }
  div#detail.privacy .fullwidth a {
    color: #f1564a; }
  div#detail.privacy section.partners {
    float: left;
    width: 100%;
    margin-top: 80px;
    text-align: center;
    margin-bottom: 200px; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      div#detail.privacy section.partners {
        margin-bottom: 100px;
        margin-top: 100px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      div#detail.privacy section.partners {
        margin-bottom: 70px;
        margin-top: 70px; } }
    @media screen and (max-width: 479px) {
      div#detail.privacy section.partners {
        margin-bottom: 50px;
        margin-top: 50px; } }
    div#detail.privacy section.partners h2 {
      color: #f1564a;
      margin-bottom: 45px; }
    div#detail.privacy section.partners a {
      display: inline-block;
      width: 14.89362%;
      margin: 0 3px;
      border: none; }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        div#detail.privacy section.partners a {
          width: 120px; } }
      @media screen and (max-width: 479px) {
        div#detail.privacy section.partners a {
          width: 46%;
          margin: 0 2% 10px 2%;
          float: left; } }
      div#detail.privacy section.partners a img {
        width: 100%;
        height: auto;
        border: none;
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        /* Firefox 3.5+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */ }
      div#detail.privacy section.partners a:hover img {
        filter: none;
        -webkit-filter: grayscale(0%); }

/* --- COMPONENTS --- */
header {
  float: left;
  width: 100%;
  margin-top: 70px; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    header {
      margin-top: 20px; } }
  @media screen and (max-width: 479px) {
    header {
      position: relative;
      margin-top: 20px; } }
  header img {
    width: 14.89362%;
    float: left; }
  header h1 {
    float: left;
    margin-top: 53px;
    margin-left: 95px;
    color: #f1564a; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      header h1 {
        margin-top: 42px;
        margin-left: 75px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      header h1 {
        margin-left: 0;
        margin-top: 19px;
        float: right; } }
    @media screen and (max-width: 479px) {
      header h1 {
        /*margin:0;
        position:absolute;
        right:0;
        bottom:-3px;*/
        margin-top: 0;
        margin-left: 0;
        float: right;
        width: 76.59574%; } }

.c-bar--cookie {
  display: block;
  width: 100%;
  position: fixed;
  left: 0;
  padding: 20px;
  top: 0;
  height: 100px;
  z-index: 10000;
  background: #65a7a0;
  height: auto;
  padding: 10px; }

.c-bar--cookie-hidden {
  display: none; }

.c-bar__action,
.c-bar__action:visited,
.c-bar__action:focus {
  border: 0;
  cursor: pointer;
  font-size: 16px;
  margin-right: 10px;
  line-height: 1.8em;
  position: relative;
  display: inline-block;
  color: white;
  text-decoration: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  background-color: black;
  color: #FFF;
  text-transform: uppercase;
  padding: 10px 30px;
  transition: all .3s ease-in-out; }

.c-bar__action:hover, .c-bar__action:focus {
  background-color: #f1564a; }

.c-bar__wrapper {
  max-width: 960px;
  margin: auto;
  height: 100%;
  display: flex;
  justify-content: space-between;
  color: white;
  align-items: center;
  flex-wrap: wrap; }

.c-bar__message,
.c-bar__action {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px; }

.c-bar__link {
  text-decoration: underline;
  color: black; }
  .c-bar__link:hover, .c-bar__link:focus, .c-bar__link:visited {
    color: black;
    text-decoration: none !important; }

/*---------------------*/
/*    MEDIA QUERIES    */
/*---------------------*/
/* --- LARGE TABLET: 1024-768 --- */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  /* debug */
  #desktop {
    display: none; }

  #tablet {
    display: block; }

  #smalltablet {
    display: none; }

  #smartphone {
    display: none; }

  .hidefortablet {
    display: none; } }
/* --- SMALL TABLET: 767-480 --- */
@media screen and (max-width: 767px) and (min-width: 480px) {
  /* debug */
  #desktop {
    display: none; }

  #tablet {
    display: none; }

  #smalltablet {
    display: block; }

  #smartphone {
    display: none; }

  .hideforsmartphone {
    display: none; } }
/* --- SMARTPHONES: >479 --- */
@media screen and (max-width: 479px) {
  /* debug */
  #desktop {
    display: none; }

  #tablet {
    display: none; }

  #smalltablet {
    display: none; }

  #smartphone {
    display: block; } }

/*# sourceMappingURL=screen.css.map */