body {
  padding: 0;
  margin: 0; }

.landing-page {
  padding-bottom: 40px;
  border-top: 1px solid #fff; }
  .landing-page * {
    font-family: "MBEmpire", "Helvetica Neue", sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    box-sizing: border-box; }
  .landing-page .wrapper {
    max-width: 1200px;
    margin: auto; }
  .landing-page p {
    margin: 10px 0 0 0; }
    .landing-page p:first-child {
      margin-top: 0; }
  .landing-page a {
    color: #000; }
  .landing-page ul {
    margin-left: 20px; }
  .landing-page sup {
    font-size: 0.7em; }
  .landing-page figure {
    margin: 0; }
    .landing-page figure img {
      width: 100%;
      height: auto; }
  .landing-page h1, .landing-page h2 {
    font-family: "MBEmpire", "Helvetica Neue", sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
    .landing-page h1:first-child, .landing-page h2:first-child {
      margin-top: 0; }
    .landing-page h1:last-child, .landing-page h2:last-child {
      margin-bottom: 0; }
  .landing-page h1 {
    font-size: 30px;
    text-align: center; }
    @media (max-width: 768px) {
      .landing-page h1 {
        font-size: 26px; } }
  .landing-page h2 {
    font-size: 26px;
    margin: 40px 0 10px 0; }
    @media (max-width: 768px) {
      .landing-page h2 {
        font-size: 22px; } }
  .landing-page .btn-primary {
    background-color: #000;
    border: 1px solid #000;
    padding: 18px 30px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    transition: all .3s ease-in-out 0s; }
    .landing-page .btn-primary:hover {
      background-color: #9eaee5;
      color: #000; }
    .landing-page .btn-primary.btn-sm {
      padding: 12px 20px;
      font-size: 10px; }
  .landing-page [class*="grid-"] {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px; }
    .landing-page [class*="grid-"].align-center {
      align-items: center; }
    .landing-page [class*="grid-"] > * {
      padding-right: 10px;
      padding-left: 10px;
      flex: 0 1 auto; }
  .landing-page .grid-2 > * {
    width: calc(100% / 2); }
  @media (max-width: 1024px) {
    .landing-page .grid-2.md-1 > * {
      width: 100%; } }
  .landing-page .txt-center {
    text-align: center; }
  .landing-page .txt-right {
    text-align: right; }
  .landing-page .bgc-blue {
    background-color: #9eaee5;
    padding: 10px; }
    .landing-page .bgc-blue p {
      font-size: 12px;
      color: #000;
      text-align: center; }
    .landing-page .bgc-blue a {
      margin-top: 0;
      margin-left: 20px; }
      @media (max-width: 1024px) {
        .landing-page .bgc-blue a {
          display: table;
          margin: 10px auto 0 auto; } }
  .landing-page .carousel {
    position: relative; }
    .landing-page .carousel > * {
      overflow: hidden; }
      .landing-page .carousel > * .owl-stage {
        display: flex; }
        .landing-page .carousel > * .owl-stage > * {
          display: flex; }
    .landing-page .carousel .owl-nav .owl-prev, .landing-page .carousel .owl-nav .owl-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      display: inline-block; }
      .landing-page .carousel .owl-nav .owl-prev.disabled, .landing-page .carousel .owl-nav .owl-next.disabled {
        opacity: .2;
        cursor: not-allowed; }
    .landing-page .carousel .owl-nav .owl-prev {
      left: -20px; }
      .landing-page .carousel .owl-nav .owl-prev span {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAARxAAAEcQHveQy4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAADNQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8YBMDAAAABB0Uk5TABgZGhskLzK/19jZ2tvj7sfO/LsAAABxSURBVFjD7dc3DoBAEATB4xzmMPP/15IQISEBLUQym1fHOyHcvjLkQK6sWjLz0pyYB4XDSy0xL7XIvDRF5l8UTl4aO+a1Veh7e3t7e/vvPQ+44IILLrjwR6HCwsN3nw8OPnn46OKzjw9PPn35+L6a/zvXgj+HN+k3DgAAAABJRU5ErkJggg==); }
    .landing-page .carousel .owl-nav .owl-next {
      right: -20px; }
      .landing-page .carousel .owl-nav .owl-next span {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAARxAAAEcQHveQy4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAADNQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8YBMDAAAABB0Uk5TABgZGhskLzK/19jZ2tvj7sfO/LsAAABwSURBVFjD7dcpFoAwEATRkAl7IH3/06IQPBQpg+jx/fVUSu8ry5jIlUMnEaJKRIgqESF2iQj53ncKeZOI8Nh3CMMqIWFqgsJswYIFCxb+LlDAe++99977vj1+tvG7j4ODJw+PLp59PDx5+vL4/pj/F8bnP4dTMksYAAAAAElFTkSuQmCC); }
    .landing-page .carousel .owl-nav span {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: block;
      background-size: 25px;
      background-repeat: no-repeat; }
    .landing-page .carousel figure {
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center; }
      .landing-page .carousel figure figcaption {
        flex: 1 0 auto; }
      .landing-page .carousel figure img {
        height: 200px;
        width: auto;
        margin: auto;
        margin-bottom: 20px;
        display: table; }
      .landing-page .carousel figure .name {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px; }
      .landing-page .carousel figure p {
        font-size: 12px;
        text-transform: uppercase; }
      .landing-page .carousel figure .price .old-price {
        text-decoration: line-through;
        margin-right: 10px;
        font-size: 14px; }
  .landing-page--header > *:first-child {
    background-color: #000;
    padding: 30px; }
    .landing-page--header > *:first-child * {
      color: #fff;
      text-align: center; }
  .landing-page--header .brand {
    font-family: "MBEmpire", "Helvetica Neue", sans-serif;
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase; }
    @media (max-width: 1024px) {
      .landing-page--header .brand {
        font-size: 30px;
        margin-bottom: 20px; } }
  .landing-page--presentation {
    margin: 100px 0; }
    .landing-page--presentation .picture img {
      display: table;
      max-width: 400px;
      margin: auto;
      transform: rotate(3deg); }
      @media (max-width: 1024px) {
        .landing-page--presentation .picture img {
          max-width: 300px; } }
    .landing-page--presentation-content {
      padding: 30px 50px; }
      .landing-page--presentation-content > * {
        text-align: center; }
  .landing-page--carousel h2 + p {
    margin-bottom: 40px; }
  .landing-page--carousel .legend {
    margin-top: 40px;
    font-size: 12px; }

