body,
html {
  position: relative;
  height: 100%; }

body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: black;
  background: #FFFFFF;
  margin: 0;
  padding: 0; }

a {
  color: inherit; }

.mt-5 {
  margin-top: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.mt-75 {
  margin-top: 75px !important; }

.pt-75 {
  padding-top: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.pl-75 {
  padding-left: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

.pr-75 {
  padding-right: 75px !important; }

.mt-100 {
  margin-top: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.pl-100 {
  padding-left: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.pr-100 {
  padding-right: 100px !important; }

#mc_embed_signup {
    margin-top: 1em;
  }

  #mc_embed_signup table{
    width: 100%;
  }

#mc_embed_signup input{
    border:0;
    border-bottom: 2px solid black;
    color: gray;
    font-family: 'Poppins', sans-serif;
    font-size: 1vw;
    width: 100%;
  }

  #mc_embed_signup #mc-embedded-subscribe {
    border: 0;
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2vw;
    letter-spacing: -0.08vw;
    text-align: left;
    width: auto;
    background: transparent;
  }

input {

outline-color: #FFF234;

}

.mc-field-group {
  margin: 0.5em 0;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
@media only screen and (max-width: 1024px) {

#mc_embed_signup {
    width: 45%;
  }

  .mt-5 {
    margin-top: 1px !important; }

  .pt-5 {
    padding-top: 1px !important; }

  .mb-5 {
    margin-bottom: 1px !important; }

  .pb-5 {
    padding-bottom: 1px !important; }

  .ml-5 {
    margin-left: 1px !important; }

  .pl-5 {
    padding-left: 1px !important; }

  .mr-5 {
    margin-right: 1px !important; }

  .pr-5 {
    padding-right: 1px !important; }

  .mt-10 {
    margin-top: 2px !important; }

  .pt-10 {
    padding-top: 2px !important; }

  .mb-10 {
    margin-bottom: 2px !important; }

  .pb-10 {
    padding-bottom: 2px !important; }

  .ml-10 {
    margin-left: 2px !important; }

  .pl-10 {
    padding-left: 2px !important; }

  .mr-10 {
    margin-right: 2px !important; }

  .pr-10 {
    padding-right: 2px !important; }

  .mt-15 {
    margin-top: 3px !important; }

  .pt-15 {
    padding-top: 3px !important; }

  .mb-15 {
    margin-bottom: 3px !important; }

  .pb-15 {
    padding-bottom: 3px !important; }

  .ml-15 {
    margin-left: 3px !important; }

  .pl-15 {
    padding-left: 3px !important; }

  .mr-15 {
    margin-right: 3px !important; }

  .pr-15 {
    padding-right: 3px !important; }

  .mt-20 {
    margin-top: 4px !important; }

  .pt-20 {
    padding-top: 4px !important; }

  .mb-20 {
    margin-bottom: 4px !important; }

  .pb-20 {
    padding-bottom: 4px !important; }

  .ml-20 {
    margin-left: 4px !important; }

  .pl-20 {
    padding-left: 4px !important; }

  .mr-20 {
    margin-right: 4px !important; }

  .pr-20 {
    padding-right: 4px !important; }

  .mt-25 {
    margin-top: 5px !important; }

  .pt-25 {
    padding-top: 5px !important; }

  .mb-25 {
    margin-bottom: 5px !important; }

  .pb-25 {
    padding-bottom: 5px !important; }

  .ml-25 {
    margin-left: 5px !important; }

  .pl-25 {
    padding-left: 5px !important; }

  .mr-25 {
    margin-right: 5px !important; }

  .pr-25 {
    padding-right: 5px !important; }

  .mt-30 {
    margin-top: 6px !important; }

  .pt-30 {
    padding-top: 6px !important; }

  .mb-30 {
    margin-bottom: 6px !important; }

  .pb-30 {
    padding-bottom: 6px !important; }

  .ml-30 {
    margin-left: 6px !important; }

  .pl-30 {
    padding-left: 6px !important; }

  .mr-30 {
    margin-right: 6px !important; }

  .pr-30 {
    padding-right: 6px !important; }

  .mt-35 {
    margin-top: 7px !important; }

  .pt-35 {
    padding-top: 7px !important; }

  .mb-35 {
    margin-bottom: 7px !important; }

  .pb-35 {
    padding-bottom: 7px !important; }

  .ml-35 {
    margin-left: 7px !important; }

  .pl-35 {
    padding-left: 7px !important; }

  .mr-35 {
    margin-right: 7px !important; }

  .pr-35 {
    padding-right: 7px !important; }

  .mt-40 {
    margin-top: 8px !important; }

  .pt-40 {
    padding-top: 8px !important; }

  .mb-40 {
    margin-bottom: 8px !important; }

  .pb-40 {
    padding-bottom: 8px !important; }

  .ml-40 {
    margin-left: 8px !important; }

  .pl-40 {
    padding-left: 8px !important; }

  .mr-40 {
    margin-right: 8px !important; }

  .pr-40 {
    padding-right: 8px !important; }

  .mt-45 {
    margin-top: 9px !important; }

  .pt-45 {
    padding-top: 9px !important; }

  .mb-45 {
    margin-bottom: 9px !important; }

  .pb-45 {
    padding-bottom: 9px !important; }

  .ml-45 {
    margin-left: 9px !important; }

  .pl-45 {
    padding-left: 9px !important; }

  .mr-45 {
    margin-right: 9px !important; }

  .pr-45 {
    padding-right: 9px !important; }

  .mt-50 {
    margin-top: 10px !important; }

  .pt-50 {
    padding-top: 10px !important; }

  .mb-50 {
    margin-bottom: 10px !important; }

  .pb-50 {
    padding-bottom: 10px !important; }

  .ml-50 {
    margin-left: 10px !important; }

  .pl-50 {
    padding-left: 10px !important; }

  .mr-50 {
    margin-right: 10px !important; }

  .pr-50 {
    padding-right: 10px !important; }

  .mt-75 {
    margin-top: 15px !important; }

  .pt-75 {
    padding-top: 15px !important; }

  .mb-75 {
    margin-bottom: 15px !important; }

  .pb-75 {
    padding-bottom: 15px !important; }

  .ml-75 {
    margin-left: 15px !important; }

  .pl-75 {
    padding-left: 15px !important; }

  .mr-75 {
    margin-right: 15px !important; }

  .pr-75 {
    padding-right: 15px !important; }

  .mt-100 {
    margin-top: 20px !important; }

  .pt-100 {
    padding-top: 20px !important; }

  .mb-100 {
    margin-bottom: 20px !important; }

  .pb-100 {
    padding-bottom: 20px !important; }

  .ml-100 {
    margin-left: 20px !important; }

  .pl-100 {
    padding-left: 20px !important; }

  .mr-100 {
    margin-right: 20px !important; }

  .pr-100 {
    padding-right: 20px !important; } }
.hidedesktop {
  display: none !important; }

@media only screen and (max-width: 1024px) {
  .hidetouch {
    display: none !important; }

  .hidedesktop {
    display: block !important; } }
.Aligner {
  display: flex;
  align-items: center;
  justify-content: center; }

.Aligner-item {
  max-width: 50%; }

.Aligner-item--top {
  align-self: flex-start; }

.Aligner-item--bottom {
  align-self: flex-end; }

.social {
  cursor: pointer; }

@media only screen and (max-width: 1024px) {
  .social {
    margin-left: 80px; } }
.listToggle,
.referencesToggle {
  cursor: pointer; }

.news,
.list,
.references {
  display: none;
  top: 0;
  left: 0;
  background: white;
  width: 72%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  overflow-y: auto; }
  .news .listmenu p,
  .list .listmenu p,
  .references .listmenu p {
    margin: 0; }
    .news .listmenu p b,
    .list .listmenu p b,
    .references .listmenu p b {
      margin: 0; }
      .news .listmenu p .close,
    .list .listmenu p .close,
    .references .listmenu p .close {
      float: right;
      cursor: pointer; }
    @media only screen and (max-width: 1024px) {
      .list .listmenu p .close,
      .references .listmenu p .close {
        margin-top: -4px;
        font-size: 22px !important;
        font-weight: normal !important; } }
        .news p,
        .list p,
  .references p {
    margin: 0; }
    .list p b,
    .list p strong,
    .references p b,
    .references p strong {
      margin-top: 20px;
      margin-bottom: 10px;
      display: block; }
  @media only screen and (max-width: 1024px) {
    .list,
    .references {
      width: calc(100% - 80px) !important; }
      .list img,
      .references img {
        width: 80vw; } }

.wechatmodal {
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed; }
  .wechatmodal.hide {
    display: none; }
  @media only screen and (max-width: 1024px) {
    .wechatmodal img {
      width: 80vw; } }

.nav-left {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  cursor: pointer;
  height: 100%;
  left: 0;
  top: 0;
  width: 100px;
  z-index: 999;
  outline: none;
  transition: opacity 0.05s;
  opacity: 1; }
  .nav-left.hide {
    opacity: 0;
    pointer-events: none; }

.nav-right {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  cursor: pointer;
  height: 100%;
  right: 0;
  top: 0;
  width: 100px;
  z-index: 999;
  outline: none; }

.circle {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #FFFFFF; }

@media only screen and (max-width: 1024px) {
  .nav-left,
  .nav-right {
    width: 50px; }

  .circle {
    width: 25px;
    height: 25px; } }
.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container .swiper-slide:last-of-type {
    width: 100% !important; }
    .swiper-container .swiper-slide:last-of-type .single {
      height: 100vh !important;
      margin-left: 0;
      transform: translateX(0%); }

#indexSlide {
  width: 72% !important; }

@media only screen and (max-width: 1024px) {
  #indexSlide {
    width: calc(100% - 50px) !important; }

  .swiper-slide {
    height: auto !important;
    width: 100% !important; }
    .swiper-slide .single:not(video) {
      height: 100vh !important; }
    .swiper-slide video {
      width: 100vw;
      height: 100% !important; }
    .swiper-slide.black {
      background: transparent; }
    .swiper-slide img[data-src] {
      height: 100vh !important;
      width: 50vw; } }
.swiper-slide {
  height: auto !important;
  width: auto !important;
  overflow: hidden; }
  @media only screen and (min-width: 1023px) {
    .swiper-slide .single {
      height: 100vh !important;
      margin-left: 52%;
      transform: translateX(-52%); } }
  .swiper-slide.black {
    background: transparent; }
  .swiper-slide img[data-src] {
    height: 100vh !important;
    width: 50vw; }

.swiper-lazy {
  opacity: 0; }

.swiper-lazy-loaded {
  opacity: 1; }

.is-size-5 {
  font-size: 1.6vw;
  letter-spacing: -0.1vw;
  word-spacing: 0.3vw;
  line-height: 1.2; }

.is-size-6 {
  font-size: 1.2vw;
  letter-spacing: -0.08vw;
  word-spacing: 0.3vw;
  line-height: 1.2; }

@media only screen and (max-width: 1024px) {
  .is-size-5 {
    font-size: 13px; }

  .is-size-3-touch {
    font-size: 20px; }

  .is-size-6 {
    font-size: 13px; } }
.logo {
  width: 150px; }

  @media only screen and (max-width: 850px) {

  #mc_embed_signup {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .logo {
    width: 70px;
    float: left; } }
.contact {
  position: fixed;
  z-index: 9991;
  top: 0;
  left: 0;
  color: #FFFFFF;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.05s;
  opacity: 1; }
  .contact.hide {
    opacity: 0;
    pointer-events: none; }

.columns {
  position: relative;
  width: 100%;
  display: inline-block; }
  .columns .column {
    width: 30%;
    padding-right: 3%;
    float: left; }
  .columns .is-8 {
    width: 66.666%; }

@media only screen and (max-width: 1024px) {
  .columns .column {
    width: 100%; }
  .columns .columntouch {
    width: 45%;
    margin-right: 5%; }
  .columns .is-8 {
    width: 100%; } }
.align-bottom {
  position: absolute;
  bottom: 0;
  left: 0; }

.noahCard2 {
  overflow: hidden;
  position: absolute;
  height: 100%;
  /* Equal to rotateZ(45deg) */
  /* Move it (define the animation) */ }
  .noahCard2 .scroll-left,
  .noahCard2 .scroll-right {
    word-spacing: 20px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    position: relative; }
    .noahCard2 .scroll-left a,
    .noahCard2 .scroll-right a {
      text-decoration: none;
      color: inherit; }
  .noahCard2 .bottom,
  .noahCard2 .top {
    position: absolute; }
  .noahCard2 .bottom {
    bottom: 0; }
  .noahCard2 .scroll-left p {
    position: absolute;
    width: auto;
    height: 100%;
    line-height: 30px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    /* Starting position */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    /* Apply animation to this element */
    -moz-animation: scroll-left 15s linear infinite;
    -webkit-animation: scroll-left 15s linear infinite;
    animation: scroll-left 15s linear infinite;
    animation-delay: 2s; }
  .noahCard2 .scroll-right p {
    position: absolute;
    width: auto;
    height: 100%;
    line-height: 30px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    /* Starting position */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    /* Apply animation to this element */
    -moz-animation: scroll-right 15s linear infinite;
    -webkit-animation: scroll-right 15s linear infinite;
    animation: scroll-right 15s linear infinite;
    animation-delay: 2s; }
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%); }
  100% {
    -moz-transform: translateX(-100%); } }
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(-100%); } }
@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%); }
  100% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    transform: translateX(-100%); } }
@-moz-keyframes scroll-right {
  0% {
    -moz-transform: translateX(-100%); }
  100% {
    -moz-transform: translateX(100%); } }
@-webkit-keyframes scroll-right {
  0% {
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(100%); } }
@keyframes scroll-right {
  0% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    transform: translateX(-100%); }
  100% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%); } }

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