/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/* color magritte 2015 */
/* offer colours */
/* =) */
/* Color product */
/* Nuance de gris */
/* HBO */
header {
  background: #ef5400; }
  @media (min-width: 1024px) {
    header {
      height: 110px; } }
  @media (min-width: 1440px) {
    header {
      height: 110px; } }

.conditions {
  background: #FFFFFF;
  margin-top: 80px; }
  .conditions .header {
    background: #f7f7f7;
    position: relative;
    min-height: 80px;
    padding: 0; }
    .conditions .header .innerContainer {
      height: 100%;
      min-height: 80px;
      background: transparent;
      text-align: left;
      padding: 0 0 0 20px; }
      .conditions .header .innerContainer h2 {
        color: #000;
        font-size: 25px;
        font-family: "Avenir next W01";
        font-weight: 500;
        padding: 0;
        line-height: 70px; }
  .conditions .innerContainer {
    padding: 0; }
    .conditions .innerContainer > div.list {
      list-style-type: none;
      margin: 0;
      padding: 30px 0 30px 0rem; }
      .conditions .innerContainer > div.list > div.list-element {
        position: relative;
        font-family: "Avenir next W01";
        font-size: 17px;
        font-weight: 500;
        color: #8c8c8c;
        padding: 30px 30px 30px 20px;
        border-bottom: 1px solid #d8d8d8;
        line-height: 27px; }
        .conditions .innerContainer > div.list > div.list-element > a {
          color: #8c8c8c;
          text-decoration: none; }
          .conditions .innerContainer > div.list > div.list-element > a:hover {
            color: #ef7c00;
            -webkit-transition: color .3s;
            transition: color .3s; }
        .conditions .innerContainer > div.list > div.list-element.last {
          border-bottom: none; }
        .conditions .innerContainer > div.list > div.list-element.collapsible {
          cursor: pointer;
          font-size: 17px;
          transition: max-height 0.2s ease-out;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .conditions .innerContainer > div.list > div.list-element.collapsible svg {
            transform: rotate(180deg);
            width: 18px;
            transition: transform 0.2s ease-out; }
          .conditions .innerContainer > div.list > div.list-element.collapsible.active svg {
            transform: rotate(0); }
      .conditions .innerContainer > div.list > div.collapse-content {
        max-height: 0;
        overflow: hidden;
        margin: 0;
        transition: max-height 0.2s ease-out; }
        .conditions .innerContainer > div.list > div.collapse-content > div.list-element {
          position: relative;
          font-family: "Avenir next W01";
          font-size: 17px;
          font-weight: 500;
          color: #8c8c8c;
          padding: 30px 30px 20px 30px; }
          .conditions .innerContainer > div.list > div.collapse-content > div.list-element > a {
            color: #8c8c8c;
            text-decoration: none; }
            .conditions .innerContainer > div.list > div.collapse-content > div.list-element > a:hover {
              color: #ef7c00;
              -webkit-transition: color .3s;
              transition: color .3s; }
  @media (min-width: 1024px) {
    .conditions {
      margin-top: 110px; }
      .conditions .header {
        height: 125px; }
        .conditions .header .innerContainer {
          text-align: left;
          padding: 0; }
          .conditions .header .innerContainer h2 {
            line-height: 125px;
            font-size: 35px;
            padding-top: 0; }
      .conditions .innerContainer div.list {
        padding-top: 30px;
        padding-bottom: 30px; }
        .conditions .innerContainer div.list div.list-element {
          padding: 24px 30px 24px 0; } }
  @media (min-width: 1440px) {
    .conditions {
      margin-top: 110px; }
      .conditions .header {
        height: 135px; }
        .conditions .header .innerContainer h2 {
          font-size: 40px;
          line-height: 135px;
          padding: 0; }
      .conditions .innerContainer div.list {
        padding-top: 30px;
        padding-bottom: 30px; }
        .conditions .innerContainer div.list div.list-item {
          font-size: 19px;
          padding: 20px 30px 20px 0;
          letter-spacing: 0.02rem;
          font-weight: 300; } }