/*        Contact Us    */
.page-contactus {
  padding: 0 0 calc(20* 100vw / 1440) 0;
  background-color: #fff; }
  .page-contactus .cu-page-header {
    width: 100%;
    margin-bottom: 100px;
    margin-top: 38px;
    display: inline-block; }
    @media (max-width: 800px) {
      .page-contactus .cu-page-header {
        margin-bottom: 56px;
        margin-top: 0px; } }
    .page-contactus .cu-page-header .page-heading {
      font-size: 48px;
      font-weight: 400;
      line-height: 48px;
      letter-spacing: -0.005em;
      text-align: center;
      margin-top: 0px; }
      @media (max-width: 800px) {
        .page-contactus .cu-page-header .page-heading {
          font-size: 32px;
          line-height: 1;
          max-width: initial;
          margin-top: 48px;
          margin-bottom: 24px;
          text-align: left; } }
    .page-contactus .cu-page-header .page-content-cu {
      font-size: 16px;
      font-weight: 400;
      line-height: 20.8px;
      text-align: center;
      max-width: 600px; }
      @media (max-width: 800px) {
        .page-contactus .cu-page-header .page-content-cu {
          text-align: left; } }
  @media (max-width: 800px) {
    .page-contactus {
      padding: 0 0 15px 0;
      max-width: 100%; } }
  .page-contactus .contactus-page-header-tags {
    display: flex;
    flex-wrap: wrap;
    border-bottom: none;
    width: 100%; }
    .page-contactus .contactus-page-header-tags .tabs:before, .page-contactus .contactus-page-header-tags .tabs:after {
      display: none; }
    .page-contactus .contactus-page-header-tags #talk-to-us-tab {
      order: 1;
      background-color: #eef0e7;
      z-index: 1; }
    .page-contactus .contactus-page-header-tags #showroom-tab {
      order: 2;
      -webkit-order: 2;
      z-index: 2;
      background-color: #f3f3f3; }
      @media (max-width: 800px) {
        .page-contactus .contactus-page-header-tags #showroom-tab {
          order: 3;
          -webkit-order: 3;
          z-index: 3; } }
    .page-contactus .contactus-page-header-tags #contactus-factoryshowroom-tab {
      order: 3;
      -webkit-order: 3;
      background-color: #e9e9e9; }
      @media (max-width: 800px) {
        .page-contactus .contactus-page-header-tags #contactus-factoryshowroom-tab {
          order: 2;
          -webkit-order: 2;
          background-color: gainsboro;
          z-index: 2; } }
    .page-contactus .contactus-page-header-tags .tab.is-active {
      -webkit-order: 9;
      order: 9 !important;
      z-index: 9 !important;
      width: 100%;
      padding-bottom: 0; }
      .page-contactus .contactus-page-header-tags .tab.is-active .tab-title {
        padding: calc(48* 100vw / 1440) calc(28* 100vw / 1440) calc(28* 100vw / 1440);
        width: 100%; }
        .page-contactus .contactus-page-header-tags .tab.is-active .tab-title span {
          display: none; }
        @media (max-width: 800px) {
          .page-contactus .contactus-page-header-tags .tab.is-active .tab-title {
            padding: 15px;
            width: 100%; } }
      .page-contactus .contactus-page-header-tags .tab.is-active .cu-number {
        color: #1b1b1b !important; }
    .page-contactus .contactus-page-header-tags .tab {
      border: none;
      width: 50%;
      border-radius: 24px 24px 0 0;
      padding-bottom: 30px;
      margin-top: -20px; }
      @media (max-width: 800px) {
        .page-contactus .contactus-page-header-tags .tab {
          margin-top: -30px;
          width: 100%; } }
      .page-contactus .contactus-page-header-tags .tab .tab-title {
        display: flex;
        padding: calc(20* 100vw / 1440) calc(28* 100vw / 1440);
        align-items: center;
        height: 100%; }
        @media (max-width: 800px) {
          .page-contactus .contactus-page-header-tags .tab .tab-title {
            padding: 15px; } }
        .page-contactus .contactus-page-header-tags .tab .tab-title div {
          display: flex;
          flex-direction: column;
          color: #1b1b1b;
          font-size: 16px;
          font-weight: 400;
          line-height: 20.8px;
          text-align: left; }
          .page-contactus .contactus-page-header-tags .tab .tab-title div strong {
            font-size: 21px;
            font-weight: 500;
            line-height: 23.1px;
            text-align: left; }
            @media (max-width: 800px) {
              .page-contactus .contactus-page-header-tags .tab .tab-title div strong {
                font-size: 16px;
                font-weight: 500;
                line-height: 18.4px;
                text-align: left; } }
          @media (max-width: 800px) {
            .page-contactus .contactus-page-header-tags .tab .tab-title div span {
              display: none; } }
        .page-contactus .contactus-page-header-tags .tab .tab-title .cu-number {
          margin-left: auto;
          font-size: 16px;
          font-weight: 400;
          line-height: 20.8px;
          text-align: left;
          color: rgba(27, 27, 27, 0.4); }
          @media (max-width: 800px) {
            .page-contactus .contactus-page-header-tags .tab .tab-title .cu-number {
              font-size: 10px;
              line-height: 11.5px;
              letter-spacing: 0.16em; } }
  .page-contactus .tabs-contents-contactus .tab-content {
    border-radius: 0px 0px 24px 24px;
    padding: calc(20* 100vw / 1440) calc(28* 100vw / 1440); }
    @media (max-width: 800px) {
      .page-contactus .tabs-contents-contactus .tab-content {
        padding: 20px 15px; } }
    .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left {
      display: flex;
      flex-direction: column;
      width: 50%;
      margin-bottom: 80px; }
      @media (max-width: 800px) {
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left {
          width: 100%;
          margin-bottom: 20px; } }
      .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left h1 {
        font-size: 40px;
        font-weight: 400;
        line-height: 44px;
        letter-spacing: -0.005em;
        text-align: left;
        color: #1b1b1b; }
        @media (max-width: 800px) {
          .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left h1 {
            margin-top: 0px;
            font-size: 24px;
            font-weight: 400;
            line-height: 26.4px;
            letter-spacing: -0.005em;
            text-align: left; } }
      .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box {
        position: relative;
        display: flex;
        margin-top: 40px;
        margin-bottom: 100px;
        min-height: 160px; }
        @media (max-width: 800px) {
          .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box {
            min-height: 80px;
            margin-bottom: 40px;
            margin-top: 0px; } }
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box .three-img-box-img1 {
          border-radius: 100px;
          border: solid 5px #eef0e7;
          position: absolute;
          z-index: 3; }
          @media (max-width: 800px) {
            .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box .three-img-box-img1 {
              max-width: 80px;
              border-radius: 40px; } }
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box .three-img-box-img2 {
          border-radius: 100px;
          border: solid 5px #eef0e7;
          position: absolute;
          left: 120px;
          z-index: 2; }
          @media (max-width: 800px) {
            .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box .three-img-box-img2 {
              max-width: 80px;
              border-radius: 40px;
              left: 55px; } }
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box .three-img-box-img3 {
          border-radius: 100px;
          border: solid 5px #eef0e7;
          position: absolute;
          left: 240px;
          z-index: 1; }
          @media (max-width: 800px) {
            .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .three-img-box .three-img-box-img3 {
              max-width: 80px;
              border-radius: 40px;
              left: 110px; } }
      .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .qr-code-box {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px; }
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .qr-code-box small {
          font-size: 10px;
          font-weight: 500;
          line-height: 12px;
          text-align: left;
          text-transform: uppercase;
          margin-bottom: 10px; }
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .qr-code-box div {
          padding: 20px;
          background-color: #fff;
          border-radius: 12px;
          display: inline-block;
          width: max-content; }
          .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .qr-code-box div img {
            max-width: 133px; }
      .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section {
        margin-top: auto; }
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email {
          display: flex; }
          .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones .phone-icon, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .phone-icon {
            width: 45px;
            height: 45px;
            display: flex;
            border-radius: 26px;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            margin-right: 20px; }
            @media (max-width: 800px) {
              .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones .phone-icon, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .phone-icon {
                display: none; } }
            .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones .phone-icon svg, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .phone-icon svg {
              fill: #57660b;
              width: 14px;
              height: 14px; }
          .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones .cu-phones-box, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .cu-phones-box {
            font-size: 21px;
            font-weight: 500;
            text-align: left;
            margin-bottom: 20px; }
            @media (max-width: 800px) {
              .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones .cu-phones-box, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .cu-phones-box {
                font-size: 16px; } }
            .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones .cu-phones-box a, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .cu-phones-box a {
              font-size: 21px;
              font-weight: 400;
              text-align: left;
              text-decoration: none; }
              @media (max-width: 800px) {
                .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-phones .cu-phones-box a, .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .cu-phones-box a {
                  font-size: 16px; } }
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email {
          align-items: center; }
          .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-left .cu-adress-section .cu-email .cu-phones-box {
            margin-bottom: 0; }
    .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-contactus-form {
      width: 50%;
      margin-bottom: 60px; }
      @media (max-width: 800px) {
        .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-contactus-form {
          width: 100%;
          margin-bottom: 0px; } }
      .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-contactus-form iframe.googlemaps {
        min-width: 100%;
        min-height: 100%;
        filter: grayscale(1);
        border-radius: 12px; }
        @media (max-width: 800px) {
          .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container-contactus-form iframe.googlemaps {
            min-height: 100vw; } }
  .page-contactus .tabs-contents-contactus .tab-content .talk-to-us-container {
    display: flex;
    flex-wrap: wrap; }
  .page-contactus .tabs-contents-contactus #talk-to-us.tab-content {
    background-color: #eef0e7; }
  .page-contactus .tabs-contents-contactus #showroom.tab-content {
    background-color: #f3f3f3; }
  .page-contactus .tabs-contents-contactus #contactus-factoryshowroom.tab-content {
    background-color: #e9e9e9; }
    @media (max-width: 800px) {
      .page-contactus .tabs-contents-contactus #contactus-factoryshowroom.tab-content {
        background-color: gainsboro; } }

.LocationMap {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden; }
  .LocationMap iframe {
    width: 100%;
    height: 100%;
    filter: grayscale(100%); }

.custom-contact-us-form .form-label {
  padding: 0 2rem;
  display: none; }

.custom-contact-us-form .form-actions {
  text-align: left; }
  .custom-contact-us-form .form-actions .button.button--primary {
    padding: 14.7px 20px; }

#main-content.contact-us-success-margin {
  margin-top: 0; }