@font-face {
  font-family: 'MoMA Sans';
  src: url("../fonts/MoMASans-Bold.eot");
  src: url("../fonts/MoMASans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MoMASans-Bold.woff2") format("woff2"), url("../fonts/MoMASans-Bold.woff") format("woff"), url("../fonts/MoMASans-Bold.ttf") format("truetype"), url("../fonts/MoMASans-Bold.svg#MoMASans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'MoMA Sans';
  src: url("../fonts/MoMASans-Regular.eot");
  src: url("../fonts/MoMASans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MoMASans-Regular.woff2") format("woff2"), url("../fonts/MoMASans-Regular.woff") format("woff"), url("../fonts/MoMASans-Regular.ttf") format("truetype"), url("../fonts/MoMASans-Regular.svg#MoMASans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
html {
  height: 100%; }

body {
  background-color: #000;
  min-width: 300px;
  color: #000;
  margin: 0px;
  padding: 0px;
  font-family: "MoMA Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  height: 100%; }

* {
  box-sizing: border-box; }

img {
  max-width: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold; }

.fw-700 {
  font-weight: 700 !important;
}

.m-t-0 {
  margin-top: 0;
}

.page {
  display: flex;
  justify-content: center;
  background: #000;
}

.page .mobile-view {
  position: relative;
  width: 100%;
  max-width: 1080px;
}

.white-text {
  color: #FFF;
}

.intro-slider div .item .intro-head .inner img {
  height: 78px;
  width: fit-content;
  display: inline;
}

.intro-head {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 10; }
  .intro-head .inner {
    text-align: left;
    padding: 40px 0px 0px 40px; }
    @media screen and (max-width: 1079px) {
      .intro-head .inner {
        padding: 20px 20px 0px 20px;
      }
      .intro-head .inner img {
        height: 40px;
      }
      .intro-slider div .item .intro-head .inner img {
        height: 40px;
        width: fit-content;
        display: inline;
      }
    }
    @media screen and (max-width: 767px) {
      .intro-head .inner img {
        height: 20px; } }

.intro-slider div .item .intro-head {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10; }
  .intro-slider div .item .intro-head .inner {
    text-align: right;
    padding: 40px 40px 0px 40px; }
    @media screen and (max-width: 1079px) {
      .intro-slider div .item .intro-head .inner {
        padding: 20px 20px 0px 20px; } }
    @media screen and (max-width: 767px) {
      .intro-slider div .item .intro-head .inner img {
        width: fit-content;
        height: 20px; }
      }

.intro-slider .owl-dots {
  position: absolute;
  height: 22px;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .intro-slider .owl-dots {
      bottom: 15px; } }
  .intro-slider .owl-dots .owl-dot {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0px 10px; }
    @media screen and (max-width: 767px) {
      .intro-slider .owl-dots .owl-dot {
        width: 5px;
        height: 5px;
        margin: 0px 5px; } }
    .intro-slider .owl-dots .owl-dot.active {
      width: 20px;
      height: 20px; }
      @media screen and (max-width: 767px) {
        .intro-slider .owl-dots .owl-dot.active {
          width: 10px;
          height: 10px; } }
.intro-slider .item {
  min-height: 100vh;
  background-color: inherit;
  display: block;
  border: 1px solid transparent; }
  .intro-slider .item.bg-red {
    background: #EA0028; }
  .intro-slider .item.bg-pink {
    background: #FF595A; }
  .intro-slider .item.bg-pink-light {
    background: #FFB4AB; }
  .intro-slider .item.bg-orange {
    background: #FE9014; }
  .intro-slider .item.bg-yellow {
    background: #FFCD01; }
  .intro-slider .item.bg-yellow-light {
    background: #CCDB00; }
  .intro-slider .item.bg-green {
    background: #00AE41; }
  .intro-slider .item.bg-cyan-light {
    background: #87E2D1; }
  .intro-slider .item.bg-cyan {
    background: #00ACD9; }
  .intro-slider .item.bg-blue {
    background: #0056B8; }
.intro-slider .item-inner {
  min-height: 100vh;
  display: flex;
  margin: 0px auto;
}
.intro-slider .item-inner .content {
  padding: 27vh 54px 0px 40px;
}
.intro-slider .item-inner .content h2 {
  font-size: 120px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
}
.intro-slider .item-inner .content h2:nth-child(2) {
  margin-bottom: 12vh;
}
.intro-slider .item-inner .content p {
  font-size: 40px;
}
    @media screen and (max-width: 1079px) {
      .intro-slider .item-inner .content {
        padding-left: 20px;
      }
      .intro-slider .item-inner .content h2 {
        font-size: 60px;
      }
      .intro-slider .item-inner .content p {
        font-size: 20px;
      }
    }
    @media screen and (max-width: 767px) {
      .intro-slider .item-inner .content h2 {
        font-size: 40px;
      }
      .intro-slider .item-inner .content p {
        font-size: 18px;
      }
    }

/* first screen */
.intro-slider .item-inner-first-screen {
  min-height: 100vh;
  padding: 20px 40px 100px 40px;
  display: flex;
  margin: 0px auto;
}
.intro-slider .item-inner-first-screen .content p {
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  line-height: 1.1;
  width: 100%;
}
.intro-slider .item-inner-first-screen .content {
  /* padding-top: calc(27vh - 20px); */
  width: 100%;
}
.intro-slider .item-inner-first-screen .content h2 {
  font-size: 120px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  color: #000;
  -webkit-text-stroke: 1.5px #FFF;
}
@media screen and (max-width: 1079px) {
  .intro-slider .item-inner-first-screen {
    padding-left: 20px;
  }
  .intro-slider .item-inner-first-screen .content p {
    font-size: 30px;
  }
  .intro-slider .item-inner-first-screen .content h2 {
    font-size: 60px;
  }
}

@media screen and (max-width: 767px) {
  .intro-slider .item-inner-first-screen .content p {
    font-size: 20px;
  }
  .intro-slider .item-inner-first-screen .content h2 {
    font-size: 40px;
  }
}

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