#content,
#container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden; }

.landing-page p {
  letter-spacing: .25pt; }
.landing-page img {
  width: 100%;
  height: auto;
  display: block; }
.landing-page .view {
  width: 100%;
  margin: 0 auto; }
  .landing-page .view:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }
.landing-page .view-1 {
  margin: 0 auto;
  position: relative; }
  .landing-page .view-1 .top-pic {
    display: none; }
  .landing-page .view-1 h2 {
    width: 100%;
    position: absolute;
    top: 81%;
    text-align: center;
    font-size: 4vw;
    letter-spacing: 6.25pt;
    font-weight: 400;
    color: #fff; }
  .landing-page .view-1 .text-1 {
    position: absolute;
    top: 61%;
    left: 20%;
    width: 58%; }
  .landing-page .view-1 .text-2 {
    display: none; }
.landing-page .view-2 {
  margin: 3% auto 4%;
  width: 85%; }
  .landing-page .view-2-box-mob {
    margin: 0 auto 5%;
    text-align: center;
    padding: 0 5%; }
    .landing-page .view-2-box-mob p {
      font-size: 8vw;
      font-weight: 800; }
  .landing-page .view-2-box-1 {
    width: 16%;
    float: left;
    margin: 10% 4% 0 5%; }
  .landing-page .view-2-box-2 {
    width: 72%;
    display: inline-block;
    margin: 2% auto; }
    .landing-page .view-2-box-2 p {
      font-size: 6vw;
      font-weight: 900;
      color: #b53879; }
  .landing-page .view-2-box-3 {
    width: 56%;
    margin: 0 auto; }
    .landing-page .view-2-box-3 p {
      font-size: 4vw;
      font-weight: 400; }
.landing-page .view-3 {
  margin: 2% auto 9%; }
  .landing-page .view-3-box-1 {
    width: 80%;
    margin: 0 auto;
    text-align: center; }
    .landing-page .view-3-box-1 p {
      font-size: 6vw;
      font-weight: 900; }
.landing-page .view-4,
.landing-page .view-5,
.landing-page .view-6,
.landing-page .view-7,
.landing-page .view-8 {
  border-left: 10px solid #a96e7a;
  margin: 6% 0 0; }
  .landing-page .view-4 .left-box,
  .landing-page .view-5 .left-box,
  .landing-page .view-6 .left-box,
  .landing-page .view-7 .left-box,
  .landing-page .view-8 .left-box {
    display: none; }
  .landing-page .view-4 .title-row,
  .landing-page .view-5 .title-row,
  .landing-page .view-6 .title-row,
  .landing-page .view-7 .title-row,
  .landing-page .view-8 .title-row {
    padding: 0 4%;
    margin: 1.2% 0 0;
    display: inline-block;
    width: 90%;
    text-align: center; }
    .landing-page .view-4 .title-row p,
    .landing-page .view-5 .title-row p,
    .landing-page .view-6 .title-row p,
    .landing-page .view-7 .title-row p,
    .landing-page .view-8 .title-row p {
      font-size: 6vw;
      font-weight: 800; }
    .landing-page .view-4 .title-row span,
    .landing-page .view-5 .title-row span,
    .landing-page .view-6 .title-row span,
    .landing-page .view-7 .title-row span,
    .landing-page .view-8 .title-row span {
      color: #a96e7a;
      font-size: 12vw;
      font-weight: 800;
      margin: 0 1% 0 0;
      width: 100%;
      display: block; }
      .landing-page .view-4 .title-row span:after,
      .landing-page .view-5 .title-row span:after,
      .landing-page .view-6 .title-row span:after,
      .landing-page .view-7 .title-row span:after,
      .landing-page .view-8 .title-row span:after {
        content: ""; }
  .landing-page .view-4 .desc-row,
  .landing-page .view-5 .desc-row,
  .landing-page .view-6 .desc-row,
  .landing-page .view-7 .desc-row,
  .landing-page .view-8 .desc-row {
    margin: 5.5% 0 0; }
    .landing-page .view-4 .desc-row-box-1,
    .landing-page .view-5 .desc-row-box-1,
    .landing-page .view-6 .desc-row-box-1,
    .landing-page .view-7 .desc-row-box-1,
    .landing-page .view-8 .desc-row-box-1 {
      width: 22%;
      margin: 0 auto; }
    .landing-page .view-4 .desc-row-box-2,
    .landing-page .view-5 .desc-row-box-2,
    .landing-page .view-6 .desc-row-box-2,
    .landing-page .view-7 .desc-row-box-2,
    .landing-page .view-8 .desc-row-box-2 {
      width: 90%;
      margin: 1% auto;
      text-align: center; }
      .landing-page .view-4 .desc-row-box-2 p,
      .landing-page .view-5 .desc-row-box-2 p,
      .landing-page .view-6 .desc-row-box-2 p,
      .landing-page .view-7 .desc-row-box-2 p,
      .landing-page .view-8 .desc-row-box-2 p {
        color: #666;
        font-size: 5vw;
        font-weight: 400;
        line-height: 1.6; }
.landing-page .view-5 {
  border-left: 10px solid #90976f; }
  .landing-page .view-5 .title-row span {
    color: #90976f; }
  .landing-page .view-5 .desc-row-box-1 img {
    width: 90%; }
  .landing-page .view-5 .desc-row-box-2 span {
    text-transform: uppercase; }
.landing-page .view-6 {
  border-left: 10px solid #84b3a1; }
  .landing-page .view-6 .title-row span {
    color: #84b3a1; }
  .landing-page .view-6 .desc-row-box-2 span {
    font-weight: 600; }
.landing-page .view-7 {
  border-left: 10px solid #73adc5; }
  .landing-page .view-7 .title-row span {
    color: #73adc5; }
.landing-page .view-8 {
  border-left: 10px solid #947ca3; }
  .landing-page .view-8 .title-row span {
    color: #947ca3; }
.landing-page .view-9 {
  margin: 12% auto 0; }
  .landing-page .view-9 .row {
    margin: 0 auto;
    width: 92%;
    text-align: center; }
    .landing-page .view-9 .row-box-1 {
      width: 12%;
      float: left;
      margin-right: 4%; }
    .landing-page .view-9 .row-box-2 {
      margin: 4% auto 0;
      display: inline-block; }
      .landing-page .view-9 .row-box-2 p {
        font-size: 6.4vw;
        font-weight: 800; }
.landing-page .view-10 {
  margin: 9% 0 5%; }
  .landing-page .view-10-box-1 {
    display: none; }
  .landing-page .view-10-box-mob {
    position: relative;
    margin: 5% auto;
    width: 80%; }
    .landing-page .view-10-box-mob p {
      position: absolute;
      text-align: center; }
      .landing-page .view-10-box-mob p:first-of-type {
        width: 100%;
        top: 45%;
        font-size: 4.5vw;
        letter-spacing: 3pt;
        font-weight: 600; }
      .landing-page .view-10-box-mob p:last-of-type {
        width: 60%;
        margin: 58% 20% 0;
        font-size: 2.5vw;
        line-height: 1.9; }
    .landing-page .view-10-box-mob a {
      position: absolute;
      width: 100%;
      bottom: 15%;
      text-align: center;
      font-size: 3vw; }

@media screen and (min-width: 768px) {
  .landing-page {
    min-height: 100%;
    max-width: 1280px;
    margin: 115px auto;
    width: 100%; }
    .landing-page .view-1 .top-pic-mobile {
      display: none; }
    .landing-page .view-1 .top-pic {
      display: block; }
    .landing-page .view-1 h2 {
      top: 36%;
      font-size: 1.8vw;
      letter-spacing: 6pt; }
    .landing-page .view-1 .text-1 {
      top: 20.5%;
      left: 36.5%;
      width: 28%; }
    .landing-page .view-1 .text-2 {
      display: block;
      color: #fff;
      font-size: 2.4vw;
      font-weight: 800;
      text-align: center;
      position: absolute;
      bottom: 5%;
      left: 28%;
      width: 47%; }
    .landing-page .view-2 {
      margin: 3% auto 0;
      width: 72%; }
      .landing-page .view-2-box-mob {
        display: none; }
      .landing-page .view-2-box-1 {
        width: 13%;
        margin: 3% 4% 0 0; }
      .landing-page .view-2-box-2 {
        width: 68%; }
        .landing-page .view-2-box-2 p {
          font-size: 2.8vw; }
      .landing-page .view-2-box-3 {
        width: 50%;
        margin: 0 0 0 17%; }
        .landing-page .view-2-box-3 p {
          font-size: 1.3vw;
          font-weight: 400; }
    .landing-page .view-3 {
      margin: 2% auto 5%; }
      .landing-page .view-3-box-1 {
        width: 50%;
        text-align: left;
        margin: 0 26%; }
        .landing-page .view-3-box-1 p {
          font-size: 2.2vw; }
    .landing-page .view-4,
    .landing-page .view-5,
    .landing-page .view-6,
    .landing-page .view-7,
    .landing-page .view-8 {
      border-left: none;
      margin: 1.5% 0 0 18%;
      width: 75%; }
      .landing-page .view-4 .to-fade-in,
      .landing-page .view-5 .to-fade-in,
      .landing-page .view-6 .to-fade-in,
      .landing-page .view-7 .to-fade-in,
      .landing-page .view-8 .to-fade-in {
        opacity: 0;
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transition: 1s .5s; }
      .landing-page .view-4 .fade-in,
      .landing-page .view-5 .fade-in,
      .landing-page .view-6 .fade-in,
      .landing-page .view-7 .fade-in,
      .landing-page .view-8 .fade-in {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1); }
      .landing-page .view-4 .whole-box,
      .landing-page .view-5 .whole-box,
      .landing-page .view-6 .whole-box,
      .landing-page .view-7 .whole-box,
      .landing-page .view-8 .whole-box {
        position: relative; }
        .landing-page .view-4 .whole-box .left-box,
        .landing-page .view-5 .whole-box .left-box,
        .landing-page .view-6 .whole-box .left-box,
        .landing-page .view-7 .whole-box .left-box,
        .landing-page .view-8 .whole-box .left-box {
          display: block;
          width: 10px;
          height: 0;
          position: absolute;
          background-color: #a96e7a;
          transition: 1s; }
        .landing-page .view-4 .whole-box .left-box-show,
        .landing-page .view-5 .whole-box .left-box-show,
        .landing-page .view-6 .whole-box .left-box-show,
        .landing-page .view-7 .whole-box .left-box-show,
        .landing-page .view-8 .whole-box .left-box-show {
          height: 105%; }
      .landing-page .view-4 .title-row,
      .landing-page .view-5 .title-row,
      .landing-page .view-6 .title-row,
      .landing-page .view-7 .title-row,
      .landing-page .view-8 .title-row {
        padding: 0;
        margin: 1.2% 0 0 5.5%;
        width: 95%;
        text-align: left; }
        .landing-page .view-4 .title-row p,
        .landing-page .view-5 .title-row p,
        .landing-page .view-6 .title-row p,
        .landing-page .view-7 .title-row p,
        .landing-page .view-8 .title-row p {
          font-size: 1.8vw; }
        .landing-page .view-4 .title-row span,
        .landing-page .view-5 .title-row span,
        .landing-page .view-6 .title-row span,
        .landing-page .view-7 .title-row span,
        .landing-page .view-8 .title-row span {
          font-size: 2.5vw;
          width: auto;
          display: inline; }
      .landing-page .view-4 .desc-row-box-1,
      .landing-page .view-5 .desc-row-box-1,
      .landing-page .view-6 .desc-row-box-1,
      .landing-page .view-7 .desc-row-box-1,
      .landing-page .view-8 .desc-row-box-1 {
        width: 8%;
        float: left;
        margin: 0 5.5% 0 12%; }
      .landing-page .view-4 .desc-row-box-2,
      .landing-page .view-5 .desc-row-box-2,
      .landing-page .view-6 .desc-row-box-2,
      .landing-page .view-7 .desc-row-box-2,
      .landing-page .view-8 .desc-row-box-2 {
        margin: -1% auto;
        width: 74%;
        display: inline-block;
        text-align: left; }
        .landing-page .view-4 .desc-row-box-2 p,
        .landing-page .view-5 .desc-row-box-2 p,
        .landing-page .view-6 .desc-row-box-2 p,
        .landing-page .view-7 .desc-row-box-2 p,
        .landing-page .view-8 .desc-row-box-2 p {
          font-size: 1.4vw; }
    .landing-page .view-5 .whole-box .left-box {
      background-color: #90976f; }
    .landing-page .view-5 .desc-row-box-1 img {
      width: 76%; }
    .landing-page .view-5 .desc-row-box-2 {
      margin: .2% auto; }
    .landing-page .view-6 .whole-box .left-box {
      background-color: #84b3a1; }
    .landing-page .view-6 .desc-row-box-2 {
      margin: -.8% auto; }
    .landing-page .view-7 .whole-box .left-box {
      background-color: #73adc5; }
    .landing-page .view-7 .title-row {
      margin: 1.2% 0 0 9.8%; }
      .landing-page .view-7 .title-row p {
        text-indent: -5%; }
    .landing-page .view-8 .whole-box .left-box {
      background-color: #947ca3; }
    .landing-page .view-8 .desc-row-box-2 {
      margin: 2% auto; }
    .landing-page .view-9 {
      margin: 9% 0 0;
      min-width: 25%; }
      .landing-page .view-9 .row {
        float: right;
        width: auto;
        min-width: 36%; }
        .landing-page .view-9 .row-box-1 {
          width: 9%; }
        .landing-page .view-9 .row-box-2 {
          margin: 2% auto;
          float: left; }
          .landing-page .view-9 .row-box-2 p {
            font-size: 1.4vw; }
    .landing-page .view-10-box-1 {
      width: 33%;
      float: left;
      margin: 6% 4% 0 2%;
      display: block;
      position: relative; }
      .landing-page .view-10-box-1 .to-show {
        opacity: 0;
        transform: scale(0.6) rotate(-30deg);
        -webkit-transform: scale(0.6) rotate(-30deg);
        -ms-transform: scale(0.6) rotate(-30deg);
        transition: 2s; }
      .landing-page .view-10-box-1 .show-up {
        opacity: 1;
        transform: scale(1) rotate(0);
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0); }
      .landing-page .view-10-box-1 p,
      .landing-page .view-10-box-1 a {
        position: absolute;
        transform: rotate(13deg);
        -webkit-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        text-align: center; }
      .landing-page .view-10-box-1 p:first-of-type {
        width: 100%;
        top: 43%;
        font-size: 1.5vw;
        letter-spacing: 3pt;
        font-weight: 600; }
      .landing-page .view-10-box-1 p:last-of-type {
        width: 80%;
        margin: 58% 5% 0;
        font-size: 1vw;
        line-height: .9; }
      .landing-page .view-10-box-1 a {
        width: 84%;
        bottom: 8%;
        text-align: center;
        font-size: 1.1vw; }
    .landing-page .view-10-box-2 {
      width: 60%;
      display: inline-block; }
    .landing-page .view-10-box-mob {
      display: none; } }
@media screen and (min-width: 1400px) {
  .landing-page .view-2-box-2 p {
    font-size: 2.1vw; }
  .landing-page .view-3-box-1 p {
    font-size: 1.7vw; }
  .landing-page .view-4 .title-row p,
  .landing-page .view-5 .title-row p,
  .landing-page .view-6 .title-row p,
  .landing-page .view-7 .title-row p,
  .landing-page .view-8 .title-row p {
    font-size: 1.3vw; }
  .landing-page .view-4 .title-row span,
  .landing-page .view-5 .title-row span,
  .landing-page .view-6 .title-row span,
  .landing-page .view-7 .title-row span,
  .landing-page .view-8 .title-row span {
    font-size: 2.5vw; }
  .landing-page .view-4 .desc-row-box-2 p,
  .landing-page .view-5 .desc-row-box-2 p,
  .landing-page .view-6 .desc-row-box-2 p,
  .landing-page .view-7 .desc-row-box-2 p,
  .landing-page .view-8 .desc-row-box-2 p {
    font-size: .9vw; }
  .landing-page .view-9 .row-box-2 p {
    font-size: 1.4vw; } }

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