/*! This CSS is generated please edit the .scss file instead. Dont forget to build it when you edit it or you can just watch it, see L */
html {
  font-size: 100%; }
  @media (max-width: 1000px) and (min-width: 768px) {
    html {
      font-size: 90%; } }
  @media (max-width: 767px) {
    html {
      font-size: 80%; } }
  @media (max-width: 600px) {
    html {
      font-size: 70%; } }
  @media (max-width: 500px) {
    html {
      font-size: 60%; } }

body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", "Trebuchet MS", arial, sans-serif; }

.qr-section {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 20px; }

header .header-content {
  text-align: center; }
  header .header-content .logo img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto; }

main h1 {
  text-align: center;
  font-size: 2rem;
  margin-top: 48px; }
main section.body-presentation {
  margin-left: auto;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  margin-bottom: 30px; }
  @media (max-width: 1000px) and (min-width: 768px) {
    main section.body-presentation {
      width: 724px; } }
  @media (max-width: 767px) {
    main section.body-presentation {
      width: auto; } }
  @media (max-width: 767px) {
    main section.body-presentation .edition-title {
      padding: 0 15px;
      margin-top: 32px; } }
  main section.body-presentation .edition-description {
    color: #6F6F6F;
    font-size: 1.2rem;
    text-align: center; }
    @media (max-width: 767px) {
      main section.body-presentation .edition-description {
        padding: 0 15px; } }
  main section.body-presentation .preview {
    position: relative;
    margin-top: 40px; }
    main section.body-presentation .preview .preview-edition-image {
      line-height: 0; }
      main section.body-presentation .preview .preview-edition-image img {
        width: 100%;
        max-height: 100%;
        z-index: 1; }
    main section.body-presentation .preview .preview-available {
      position: absolute;
      top: 0;
      right: 0;
      height: 20%;
      width: 100%; }
      main section.body-presentation .preview .preview-available .preview-badge {
        position: relative;
        margin: 0 0 0 auto;
        right: 10px;
        border-radius: 999px;
        width: 20%; }
        @media (max-width: 1000px) {
          main section.body-presentation .preview .preview-available .preview-badge {
            right: 27px; } }
        @media (max-width: 600px) {
          main section.body-presentation .preview .preview-available .preview-badge {
            width: 21%;
            right: 17px; } }
        main section.body-presentation .preview .preview-available .preview-badge:before {
          content: '';
          display: block;
          padding-top: 100%; }
        main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          text-transform: uppercase;
          text-align: center; }
          main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.25em; }
          main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            font-weight: 900;
            font-size: 1.8rem;
            line-height: 1.9rem;
            color: #fff;
            width: 90%; }
            @media (max-width: 1000px) {
              main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
                font-size: 1.45rem;
                line-height: 1.45rem; } }
            @media (max-width: 500px) {
              main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
                font-size: 1.4rem;
                line-height: 1.6rem; } }
            @media (max-width: 400px) {
              main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
                font-size: 1.2rem;
                line-height: 1.4rem; } }
            @media (max-width: 350px) {
              main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
                font-size: 1.1rem;
                line-height: 1.3rem; } }
            @media (max-width: 300px) {
              main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
                font-size: 0.80rem;
                line-height: 0.80rem; } }
            @media (max-width: 270px) {
              main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
                font-size: 0.75rem;
                line-height: 0.75rem; } }
            @media (max-width: 240px) {
              main section.body-presentation .preview .preview-available .preview-badge .preview-badge-text span {
                font-size: 0.65rem;
                line-height: 0.65rem; } }
  main section.body-presentation .small-download-links {
    position: relative;
    height: 0;
    white-space: nowrap; }
    main section.body-presentation .small-download-links .download-links {
      position: absolute;
      top: -145px;
      left: 10%;
      transform: scale(0.5, 0.5);
      transform-origin: center left;
      height: 0; }
      @media (max-width: 1000px) {
        main section.body-presentation .small-download-links .download-links {
          transform: scale(0.4, 0.4);
          top: -115px; } }
      @media (max-width: 767px) {
        main section.body-presentation .small-download-links .download-links {
          display: none; } }
main section.body-features {
  background: #eaeaea; }
  main section.body-features .features-slider {
    margin-left: auto;
    margin-left: auto;
    margin-right: auto;
    width: 980px; }
    @media (max-width: 1000px) and (min-width: 768px) {
      main section.body-features .features-slider {
        width: 724px; } }
    @media (max-width: 767px) {
      main section.body-features .features-slider {
        width: auto; } }
    main section.body-features .features-slider .bx-prev, main section.body-features .features-slider .bx-next {
      font-size: 19px; }
    main section.body-features .features-slider .bx-next {
      text-align: right; }
    main section.body-features .features-slider .bx-pager-item:first-of-type:last-of-type {
      display: none; }
    main section.body-features .features-slider .slide {
      height: 100%;
      padding: 0 40px;
      text-align: center; }
      @media (max-width: 600px) {
        main section.body-features .features-slider .slide {
          padding: 0 5px; } }
      main section.body-features .features-slider .slide .slide-content {
        text-align: left;
        width: 62%;
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        margin: 8px; }
        main section.body-features .features-slider .slide .slide-content.slide-content-full {
          width: 100%; }
        main section.body-features .features-slider .slide .slide-content.slide-content-none {
          display: none; }
        main section.body-features .features-slider .slide .slide-content h1, main section.body-features .features-slider .slide .slide-content h2 {
          text-align: left;
          text-transform: uppercase;
          font-size: 1.5rem;
          line-height: 2rem; }
        main section.body-features .features-slider .slide .slide-content ul {
          font-weight: 300;
          font-size: 1rem;
          line-height: 2.1rem;
          list-style-type: disc; }
        @media (max-width: 600px) {
          main section.body-features .features-slider .slide .slide-content {
            margin: 0 auto;
            width: 80%; }
            main section.body-features .features-slider .slide .slide-content h1, main section.body-features .features-slider .slide .slide-content h2 {
              text-align: center;
              margin-top: 13px;
              padding: 0 15px;
              margin-top: 32px; } }
      main section.body-features .features-slider .slide .slide-image {
        width: 30%;
        display: inline-block;
        vertical-align: bottom; }
        main section.body-features .features-slider .slide .slide-image.slide-content-full {
          width: 100%; }
        main section.body-features .features-slider .slide .slide-image img {
          max-width: 100%;
          max-height: 100%;
          vertical-align: bottom; }
        @media (max-width: 600px) {
          main section.body-features .features-slider .slide .slide-image {
            display: block;
            margin: 0 auto;
            width: 50%; } }
main section.body-downloads {
  margin-left: auto;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  margin-bottom: 100px; }
  @media (max-width: 1000px) and (min-width: 768px) {
    main section.body-downloads {
      width: 724px; } }
  @media (max-width: 767px) {
    main section.body-downloads {
      width: auto; } }
  main section.body-downloads .download-title {
    text-transform: uppercase;
    font-size: 2rem; }
  @media (max-width: 600px) {
    main section.body-downloads h1, main section.body-downloads h2 {
      padding: 0 15px;
      margin-top: 32px; } }
  main section.body-downloads .download-links {
    padding-top: 20px; }
    @media (max-width: 767px) {
      main section.body-downloads .download-links > div {
        display: block;
        margin: 0 auto 30px auto;
        text-align: center; } }

.download-links {
  text-align: center; }
  .download-links > div {
    display: inline-block;
    margin: 0 30px;
    position: relative;
    max-width: 145px;
    vertical-align: text-top; }
    .download-links > div a {
      display: block;
      text-decoration: none; }
    .download-links > div span.download-icon {
      display: inline-block;
      margin: 0 auto;
      height: 85px;
      width: 85px;
      padding: 25px;
      border: 5px solid #ddd;
      border-radius: 32px;
      background-clip: content-box;
      background-origin: content-box;
      background-repeat: no-repeat;
      transition: border-color 0.3s ease; }
    .download-links > div span.download-label {
      display: block;
      padding-top: 15px;
      font-weight: 900;
      font-size: medium; }
  .download-links .download-title {
    text-transform: uppercase;
    font-size: 2rem; }
  .download-links .download-android .download-icon {
    background-image: url("/public/landing/img/mobiles.png");
    background-position: 0px center; }
  .download-links .download-ios .download-icon {
    background-image: url("/public/landing/img/mobiles.png");
    background-position: -104px center; }
  .download-links .download-blackberry .download-icon {
    background-image: url("/public/landing/img/mobiles.png");
    background-position: -206px center; }

footer {
  height: 30px;
  text-align: center; }
  footer > span {
    display: inline-block;
    line-height: 30px;
    font-size: 0.8em; }