body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

input {
  height: 100% !important;
  margin: 0 !important;
  border-bottom: unset !important; }

input::-webkit-input-placeholder {
  color: #888888; }

input:-ms-input-placeholder {
  color: #888888; }

input::-ms-input-placeholder {
  color: #888888; }

input::placeholder {
  color: #888888; }

input:focus,
textarea:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

textarea {
  padding: 0 !important;
  border: none !important;
  min-height: 115px !important; }

textarea:focus-visible {
  outline: none !important; }

ul {
  margin: 0; }

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  background-color: #EBECED;
  scroll-behavior: smooth; }
  body main .navbar-fixed,
  html main .navbar-fixed {
    height: 170px; }
    @media screen and (max-width: 600px) {
      body main .navbar-fixed,
      html main .navbar-fixed {
        height: 90px; } }
    body main .navbar-fixed nav,
    html main .navbar-fixed nav {
      height: 170px;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
              box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
      padding: 0 16px; }
      @media screen and (max-width: 600px) {
        body main .navbar-fixed nav,
        html main .navbar-fixed nav {
          height: 90px; } }
      body main .navbar-fixed nav .navbar-container,
      html main .navbar-fixed nav .navbar-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        max-width: 1142px;
        margin: 0 auto;
        height: 100%; }
        body main .navbar-fixed nav .navbar-container .logo,
        html main .navbar-fixed nav .navbar-container .logo {
          background-image: url("../images/logo.webp");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 449.92px;
          height: 107px; }
          @media screen and (max-width: 992px) {
            body main .navbar-fixed nav .navbar-container .logo,
            html main .navbar-fixed nav .navbar-container .logo {
              width: 300px;
              height: 70px; } }
          @media screen and (max-width: 400px) {
            body main .navbar-fixed nav .navbar-container .logo,
            html main .navbar-fixed nav .navbar-container .logo {
              width: 250px;
              height: 50px; } }
        body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container,
        html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: end;
          -webkit-column-gap: 32px;
                  column-gap: 32px; }
          @media screen and (max-width: 992px) {
            body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container,
            html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container {
              display: none; } }
          body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container .contact-detail,
          html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container .contact-detail {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            color: #3F3F3F; }
            body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container .contact-detail i,
            html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .contact-details-container .contact-detail i {
              font-size: 18px;
              line-height: 32px;
              margin-right: 8px;
              color: #2186C8; }
        @media screen and (max-width: 1085px) {
          body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation,
          html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation {
            display: none; } }
        body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li,
        html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li {
          background-color: unset !important;
          padding: 0 16px; }
          body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li a,
          html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li a {
            padding: 0;
            font-weight: 600;
            font-size: 18px;
            line-height: 25px;
            color: #393939; }
        body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li:last-child,
        html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li:last-child {
          padding-right: 0px; }
        body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li.active a,
        html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation li.active a {
          border-bottom: 5px solid #393939; }
        body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation-trigger,
        html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation-trigger {
          display: none;
          width: 60px;
          height: 60px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          cursor: pointer;
          margin-left: auto; }
          @media screen and (max-width: 1085px) {
            body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation-trigger,
            html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation-trigger {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; } }
          body main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation-trigger i,
          html main .navbar-fixed nav .navbar-container .contact-details-navigation-container .navigation-trigger i {
            font-size: 26px;
            color: #2186C8;
            line-height: 60px; }
  body main .main-page-container .home-page section .carousel-container,
  html main .main-page-container .home-page section .carousel-container {
    height: 801px; }
    body main .main-page-container .home-page section .carousel-container .carousel,
    html main .main-page-container .home-page section .carousel-container .carousel {
      height: 100% !important; }
      body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-photo1,
      html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-photo1 {
        background-color: #0E4150;
        height: 100%;
        position: relative; }
        body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-photo1 .carousel-photo,
        html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-photo1 .carousel-photo {
          background-image: url("../images/carousel-photo1.webp");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          opacity: 0.4;
          background-color: #2186C8;
          height: 100%;
          width: 100%;
          position: absolute; }
      body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container,
      html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container {
        max-width: 1158px;
        padding: 0 16px;
        height: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media screen and (max-width: 600px) {
          body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container,
          html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-item-photo,
        html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-item-photo {
          background-image: url("../images/carousel-item-photo2.webp");
          background-position: center;
          background-repeat: no-repeat;
          position: absolute;
          width: 754px;
          left: 40%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          height: 720px;
          bottom: -1px;
          background-size: contain;
          z-index: 1; }
          @media screen and (max-width: 600px) {
            body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-item-photo,
            html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-item-photo {
              width: 615px;
              height: 589.96px; } }
        body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container,
        html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container {
          max-width: 581px;
          z-index: 1;
          margin: auto;
          margin-right: unset; }
          @media screen and (max-width: 600px) {
            body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container,
            html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container {
              margin-top: 31px; } }
          body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline,
          html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline {
            font-size: 32px;
            line-height: 52px;
            margin-bottom: 60px;
            color: #FFFFFF; }
            @media screen and (max-width: 600px) {
              body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline,
              html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline {
                font-size: 23.6282px;
                line-height: 38px;
                margin-bottom: 20px; } }
          body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline2,
          html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline2 {
            font-size: 32px;
            line-height: 52px;
            margin-bottom: 40px;
            color: #FFFFFF; }
            @media screen and (max-width: 600px) {
              body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline2,
              html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .carousel-tagline2 {
                font-size: 23.6282px;
                line-height: 38px;
                margin-bottom: 10px; } }
          body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .view-supplies-btn,
          html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .view-supplies-btn {
            padding: 10px 80px;
            font-weight: 700;
            font-size: 24px;
            line-height: 52px;
            text-align: center;
            cursor: pointer;
            height: inherit !important;
            background: rgba(255, 255, 255, 0.2);
            border: 1px solid #FFFFFF !important;
            color: #FFFFFF; }
            @media screen and (max-width: 600px) {
              body main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .view-supplies-btn,
              html main .main-page-container .home-page section .carousel-container .carousel .carousel-item .carousel-item-container .carousel-tagline-btn-container .view-supplies-btn {
                font-size: 17px;
                line-height: 38px;
                padding: 7px 60px; } }
  body main .main-page-container .home-page section .featured-product,
  html main .main-page-container .home-page section .featured-product {
    padding: 0 16px;
    min-height: 536px;
    background-color: #FFFFFF; }
    body main .main-page-container .home-page section .featured-product .featured-product-container,
    html main .main-page-container .home-page section .featured-product .featured-product-container {
      max-width: 1140px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 54px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-column-gap: 122px;
              column-gap: 122px;
      row-gap: 28px;
      padding-bottom: 58px; }
      @media screen and (max-width: 992px) {
        body main .main-page-container .home-page section .featured-product .featured-product-container,
        html main .main-page-container .home-page section .featured-product .featured-product-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      body main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .section-title,
      html main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .section-title {
        max-width: 343px;
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        color: #FFFFFF;
        margin-bottom: 26px;
        background-color: #0C404F; }
      body main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .product-information-container .product-name,
      html main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .product-information-container .product-name {
        font-weight: 700;
        font-size: 24px;
        line-height: 52px;
        margin-bottom: 11px;
        color: #393939; }
      body main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .product-information-container .product-description,
      html main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .product-information-container .product-description {
        font-size: 20px;
        line-height: 38px;
        margin-bottom: 36px;
        color: #393939; }
      body main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .product-information-container .product-learn-more,
      html main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-information-container .product-information-container .product-learn-more {
        font-weight: 600;
        font-size: 20px;
        line-height: 38px;
        -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
        color: #0C404F; }
      body main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-photo,
      html main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-photo {
        min-width: 442px;
        height: 432.77px;
        background-image: url("http://cebuswimmingpools.com/wp-content/uploads/2023/08/WATERCO.webp");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }
        @media screen and (max-width: 600px) {
          body main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-photo,
          html main .main-page-container .home-page section .featured-product .featured-product-container .featured-product-photo {
            min-width: 310px;
            height: 259px; } }
  body main .main-page-container .home-page section .product-categories,
  html main .main-page-container .home-page section .product-categories {
    padding: 0 16px;
    min-height: 830px; }
    body main .main-page-container .home-page section .product-categories .product-categories-container,
    html main .main-page-container .home-page section .product-categories .product-categories-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0px; }
      body main .main-page-container .home-page section .product-categories .product-categories-container .section-title,
      html main .main-page-container .home-page section .product-categories .product-categories-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 368px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 40px;
        background-color: #0C404F; }
      body main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid,
      html main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(273px, 1fr))[auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(273px, 1fr));
        grid-gap: 16px; }
        body main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container,
        html main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container {
          height: 294px;
          background: #FFFFFF;
          -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
                  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          cursor: pointer; }
          body main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo,
          html main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo {
            height: 200px;
            position: relative; }
            body main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo .category-photo,
            html main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo .category-photo {
              width: 172.41px;
              height: 139px;
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
              position: absolute;
              left: 50%;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%); }
          body main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-name,
          html main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-name {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            text-align: center;
            padding: 16px 24px;
            color: #393939; }
        body main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n+1) .product-category-photo,
        html main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n+1) .product-category-photo {
          background-color: #50A6DE; }
        body main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n) .product-category-photo,
        html main .main-page-container .home-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n) .product-category-photo {
          background-color: #8CC0E2; }
  body main .main-page-container .home-page section .contact-us,
  html main .main-page-container .home-page section .contact-us {
    padding: 0 16px;
    min-height: 864px;
    background-color: #FFFFFF; }
    body main .main-page-container .home-page section .contact-us .contact-us-container,
    html main .main-page-container .home-page section .contact-us .contact-us-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0; }
      body main .main-page-container .home-page section .contact-us .contact-us-container .section-title,
      html main .main-page-container .home-page section .contact-us .contact-us-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 238px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 25px;
        background-color: #0C404F; }
      body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-tagline,
      html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-tagline {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 42px;
        color: #393939; }
      body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container,
      html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 56px; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        @media screen and (max-width: 992px) {
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container {
            width: 100%; } }
        body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header,
        html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header {
          font-size: 22px;
          line-height: 40px;
          color: #08345A;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 10px;
                  column-gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-bottom: 35px; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub {
            font-size: 14px;
            line-height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #515151; }
        body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form,
        html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form {
          position: relative; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p {
            margin: 0; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            padding: 15px 11px;
            padding-right: 35px;
            display: block; }
            body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input,
            html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input {
              font-size: 20px;
              line-height: 40px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              color: #393939; }
            body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
            html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
              position: absolute;
              left: 0px;
              font-size: 13px;
              top: -17px; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            width: 100%;
            background: #2186C8;
            border: 1px solid #2186C8;
            padding: 10px 0;
            cursor: pointer;
            color: #FFFFFF; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner {
            position: absolute;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            margin: 0;
            top: -30px;
            right: -11px; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output {
            margin: 0;
            border-color: #2186C8;
            position: absolute;
            bottom: -55px;
            width: 100%; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f007";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f0e0";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f879";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f27a";
            position: absolute;
            right: 10px;
            top: 13px;
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'],
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            min-height: 160px;
            padding: 15px 11px;
            padding-right: 35px;
            margin-bottom: 31px; }
            body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea,
            html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea {
              font-size: 20px;
              line-height: 40px;
              color: #393939; }
        body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
        html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
          width: 100%;
          height: 100%;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          @media screen and (max-width: 992px) {
            body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
            html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
              width: 100%; } }
          body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map,
          html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map {
            width: 100%;
            height: 482px; }
            body main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe,
            html main .main-page-container .home-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe {
              height: inherit;
              width: inherit; }
  body main .main-page-container .products-accessories-page section .breadcrumbs-container,
  html main .main-page-container .products-accessories-page section .breadcrumbs-container {
    padding: 0 16px;
    height: 60px;
    background-color: #0E4150; }
    body main .main-page-container .products-accessories-page section .breadcrumbs-container .breadcrumbs,
    html main .main-page-container .products-accessories-page section .breadcrumbs-container .breadcrumbs {
      max-width: 1140px;
      margin: 0 auto;
      font-weight: 600;
      font-size: 18px;
      line-height: 25px;
      color: #FFFFFF;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      body main .main-page-container .products-accessories-page section .breadcrumbs-container .breadcrumbs a,
      html main .main-page-container .products-accessories-page section .breadcrumbs-container .breadcrumbs a {
        padding: 0px 15px 0px 5px;
        color: #8CC0E2; }
      body main .main-page-container .products-accessories-page section .breadcrumbs-container .breadcrumbs a.active,
      html main .main-page-container .products-accessories-page section .breadcrumbs-container .breadcrumbs a.active {
        color: #FFFFFF; }
  body main .main-page-container .products-accessories-page section .featured-product,
  html main .main-page-container .products-accessories-page section .featured-product {
    min-height: 562px;
    background-color: #0E4150;
    position: relative; }
    body main .main-page-container .products-accessories-page section .featured-product .featured-product-background-photo,
    html main .main-page-container .products-accessories-page section .featured-product .featured-product-background-photo {
      background-image: url("../images/product-accessories-banner-photo.webp");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
      position: absolute;
      opacity: 0.4; }
    body main .main-page-container .products-accessories-page section .featured-product .featured-product-container,
    html main .main-page-container .products-accessories-page section .featured-product .featured-product-container {
      position: relative;
      padding: 0 16px;
      min-height: inherit; }
      @media screen and (max-width: 992px) {
        body main .main-page-container .products-accessories-page section .featured-product .featured-product-container,
        html main .main-page-container .products-accessories-page section .featured-product .featured-product-container {
          padding: 16px; } }
      body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information,
      html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information {
        max-width: 1140px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        min-height: inherit;
        -webkit-column-gap: 122px;
                column-gap: 122px;
        row-gap: 58px; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information,
          html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .section-title,
        html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .section-title {
          max-width: 190px;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          font-weight: 700;
          font-size: 18px;
          line-height: 25px;
          padding: 11px 16px;
          color: #2186C8;
          margin-bottom: 26px;
          background-color: #FFFFFF; }
        body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .product-information-container .product-name,
        html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .product-information-container .product-name {
          font-weight: 700;
          font-size: 24px;
          line-height: 52px;
          margin-bottom: 11px;
          color: #FFFFFF; }
        body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .product-information-container .product-description,
        html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .product-information-container .product-description {
          font-size: 20px;
          line-height: 38px;
          margin-bottom: 32px;
          color: #FFFFFF; }
        body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .product-information-container .product-learn-more,
        html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-information-container .product-information-container .product-learn-more {
          font-weight: 700;
          font-size: 24px;
          line-height: 33px;
          padding: 16px 40px;
          cursor: pointer;
          background-color: rgba(255, 255, 255, 0.2);
          border: 1px solid #FFFFFF;
          color: #FFFFFF; }
        body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-photo,
        html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-photo {
          background-image: url("http://cebuswimmingpools.com/wp-content/uploads/2023/08/WATERCO.webp");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          min-width: 442px;
          height: 432.77px;
          background-position: right; }
          @media screen and (max-width: 600px) {
            body main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-photo,
            html main .main-page-container .products-accessories-page section .featured-product .featured-product-container .featured-product-information .featured-product-photo {
              min-width: 310px;
              height: 259px; } }
  body main .main-page-container .products-accessories-page section .product-categories,
  html main .main-page-container .products-accessories-page section .product-categories {
    padding: 0 16px;
    min-height: 830px; }
    body main .main-page-container .products-accessories-page section .product-categories .product-categories-container,
    html main .main-page-container .products-accessories-page section .product-categories .product-categories-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0px; }
      body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .section-title,
      html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 368px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 40px;
        background-color: #0C404F; }
      body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid,
      html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(273px, 1fr))[auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(273px, 1fr));
        grid-gap: 16px; }
        body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container,
        html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container {
          height: 294px;
          background: #FFFFFF;
          -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
                  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          cursor: pointer; }
          body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo,
          html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo {
            height: 200px;
            position: relative; }
            body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo .category-photo,
            html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-photo .category-photo {
              width: 172.41px;
              height: 139px;
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
              position: absolute;
              left: 50%;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%); }
          body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-name,
          html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container .product-category-name {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            text-align: center;
            padding: 16px 24px;
            color: #393939; }
        body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n+1) .product-category-photo,
        html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n+1) .product-category-photo {
          background-color: #50A6DE; }
        body main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n) .product-category-photo,
        html main .main-page-container .products-accessories-page section .product-categories .product-categories-container .product-categories-grid .product-category-container:nth-child(2n) .product-category-photo {
          background-color: #8CC0E2; }
  body main .main-page-container .products-accessories-page section .contact-us,
  html main .main-page-container .products-accessories-page section .contact-us {
    padding: 0 16px;
    min-height: 864px;
    background-color: #FFFFFF; }
    body main .main-page-container .products-accessories-page section .contact-us .contact-us-container,
    html main .main-page-container .products-accessories-page section .contact-us .contact-us-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0; }
      body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .section-title,
      html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 238px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 25px;
        background-color: #0C404F; }
      body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-tagline,
      html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-tagline {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 42px;
        color: #393939; }
      body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container,
      html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 56px; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        @media screen and (max-width: 992px) {
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container {
            width: 100%; } }
        body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header,
        html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header {
          font-size: 22px;
          line-height: 40px;
          color: #08345A;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 10px;
                  column-gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-bottom: 35px; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub {
            font-size: 14px;
            line-height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #515151; }
        body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form,
        html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form {
          position: relative; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p {
            margin: 0; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            padding: 15px 11px;
            padding-right: 35px;
            display: block; }
            body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input,
            html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input {
              font-size: 20px;
              line-height: 40px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              color: #393939; }
            body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
            html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
              position: absolute;
              left: 0px;
              font-size: 13px;
              top: -17px; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            width: 100%;
            background: #2186C8;
            border: 1px solid #2186C8;
            padding: 10px 0;
            cursor: pointer;
            color: #FFFFFF; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner {
            position: absolute;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            margin: 0;
            top: -30px;
            right: -11px; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output {
            margin: 0;
            border-color: #2186C8;
            position: absolute;
            bottom: -55px;
            width: 100%; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f007";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f0e0";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f879";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f27a";
            position: absolute;
            right: 10px;
            top: 13px;
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'],
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            min-height: 160px;
            padding: 15px 11px;
            padding-right: 35px;
            margin-bottom: 31px; }
            body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea,
            html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea {
              font-size: 20px;
              line-height: 40px;
              color: #393939; }
        body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
        html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
          width: 100%;
          height: 100%;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          @media screen and (max-width: 992px) {
            body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
            html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
              width: 100%; } }
          body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map,
          html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map {
            width: 100%;
            height: 482px; }
            body main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe,
            html main .main-page-container .products-accessories-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe {
              height: inherit;
              width: inherit; }
  body main .main-page-container .category-page section .breadcrumbs-container,
  html main .main-page-container .category-page section .breadcrumbs-container {
    padding: 0 16px;
    min-height: 60px;
    background-color: #0E4150; }
    body main .main-page-container .category-page section .breadcrumbs-container .breadcrumbs,
    html main .main-page-container .category-page section .breadcrumbs-container .breadcrumbs {
      max-width: 1140px;
      margin: 0 auto;
      font-weight: 600;
      font-size: 18px;
      line-height: 25px;
      color: #FFFFFF;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: inherit;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      height: 100%;
      padding: 18px 0; }
      body main .main-page-container .category-page section .breadcrumbs-container .breadcrumbs a,
      html main .main-page-container .category-page section .breadcrumbs-container .breadcrumbs a {
        padding: 0px 15px 0px 5px;
        color: #8CC0E2; }
      body main .main-page-container .category-page section .breadcrumbs-container .breadcrumbs a.active,
      html main .main-page-container .category-page section .breadcrumbs-container .breadcrumbs a.active {
        color: #FFFFFF; }
  body main .main-page-container .category-page section .category,
  html main .main-page-container .category-page section .category {
    padding: 0 16px;
    min-height: 830px; }
    body main .main-page-container .category-page section .category .categories-container,
    html main .main-page-container .category-page section .category .categories-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0px; }
      body main .main-page-container .category-page section .category .categories-container .section-title,
      html main .main-page-container .category-page section .category .categories-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 663px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 40px;
        background-color: #0C404F; }
      body main .main-page-container .category-page section .category .categories-container .category-products-grid,
      html main .main-page-container .category-page section .category .categories-container .category-products-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(273px, 1fr))[auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(273px, 1fr));
        grid-gap: 16px; }
        body main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container,
        html main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container {
          height: 294px;
          background: #FFFFFF;
          -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
                  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          cursor: pointer; }
          body main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container .product-photo-container,
          html main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container .product-photo-container {
            height: 200px;
            position: relative; }
            body main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container .product-photo-container .product-photo,
            html main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container .product-photo-container .product-photo {
              width: 172.41px;
              height: 139px;
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
              position: absolute;
              left: 50%;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%); }
          body main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container .product-name,
          html main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container .product-name {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            text-align: center;
            padding: 16px 24px;
            color: #393939; }
        body main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container:nth-child(2n+1) .product-photo-container,
        html main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container:nth-child(2n+1) .product-photo-container {
          background-color: #50A6DE; }
        body main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container:nth-child(2n) .product-photo-container,
        html main .main-page-container .category-page section .category .categories-container .category-products-grid .product-container:nth-child(2n) .product-photo-container {
          background-color: #8CC0E2; }
  body main .main-page-container .category-page section .contact-us,
  html main .main-page-container .category-page section .contact-us {
    padding: 0 16px;
    min-height: 864px;
    background-color: #FFFFFF; }
    body main .main-page-container .category-page section .contact-us .contact-us-container,
    html main .main-page-container .category-page section .contact-us .contact-us-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0; }
      body main .main-page-container .category-page section .contact-us .contact-us-container .section-title,
      html main .main-page-container .category-page section .contact-us .contact-us-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 238px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 25px;
        background-color: #0C404F; }
      body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-tagline,
      html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-tagline {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 42px;
        color: #393939; }
      body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container,
      html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 56px; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        @media screen and (max-width: 992px) {
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container {
            width: 100%; } }
        body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header,
        html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header {
          font-size: 22px;
          line-height: 40px;
          color: #08345A;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 10px;
                  column-gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-bottom: 35px; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub {
            font-size: 14px;
            line-height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #515151; }
        body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form,
        html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form {
          position: relative; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p {
            margin: 0; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            padding: 15px 11px;
            padding-right: 35px;
            display: block; }
            body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input,
            html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input {
              font-size: 20px;
              line-height: 40px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              color: #393939; }
            body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
            html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
              position: absolute;
              left: 0px;
              font-size: 13px;
              top: -17px; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            width: 100%;
            background: #2186C8;
            border: 1px solid #2186C8;
            padding: 10px 0;
            cursor: pointer;
            color: #FFFFFF; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner {
            position: absolute;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            margin: 0;
            top: -30px;
            right: -11px; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output {
            margin: 0;
            border-color: #2186C8;
            position: absolute;
            bottom: -55px;
            width: 100%; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f007";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f0e0";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f879";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f27a";
            position: absolute;
            right: 10px;
            top: 13px;
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'],
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            min-height: 160px;
            padding: 15px 11px;
            padding-right: 35px;
            margin-bottom: 31px; }
            body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea,
            html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea {
              font-size: 20px;
              line-height: 40px;
              color: #393939; }
        body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
        html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
          width: 100%;
          height: 100%;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          @media screen and (max-width: 992px) {
            body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
            html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
              width: 100%; } }
          body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map,
          html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map {
            width: 100%;
            height: 482px; }
            body main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe,
            html main .main-page-container .category-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe {
              height: inherit;
              width: inherit; }
  body main .main-page-container .product-page .breadcrumbs-container,
  html main .main-page-container .product-page .breadcrumbs-container {
    padding: 0 16px;
    min-height: 60px;
    background-color: #0E4150; }
    body main .main-page-container .product-page .breadcrumbs-container .breadcrumbs,
    html main .main-page-container .product-page .breadcrumbs-container .breadcrumbs {
      max-width: 1140px;
      margin: 0 auto;
      font-weight: 600;
      font-size: 18px;
      line-height: 25px;
      color: #FFFFFF;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: inherit;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      height: 100%;
      padding: 18px 0; }
      body main .main-page-container .product-page .breadcrumbs-container .breadcrumbs a,
      html main .main-page-container .product-page .breadcrumbs-container .breadcrumbs a {
        padding: 0px 15px 0px 5px;
        color: #8CC0E2; }
      body main .main-page-container .product-page .breadcrumbs-container .breadcrumbs a.active,
      html main .main-page-container .product-page .breadcrumbs-container .breadcrumbs a.active {
        color: #FFFFFF; }
  body main .main-page-container .product-page section .product,
  html main .main-page-container .product-page section .product {
    background-color: #FFFFFF;
    padding: 0 16px;
    min-height: 830px; }
    body main .main-page-container .product-page section .product .product-container,
    html main .main-page-container .product-page section .product .product-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 64px; }
      @media screen and (max-width: 992px) {
        body main .main-page-container .product-page section .product .product-container,
        html main .main-page-container .product-page section .product .product-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      body main .main-page-container .product-page section .product .product-container .product-photo-container,
      html main .main-page-container .product-page section .product .product-container .product-photo-container {
        background-color: #E1EAF0;
        min-width: 506px;
        height: 449px;
        margin-bottom: 41px;
        position: relative; }
        @media screen and (max-width: 600px) {
          body main .main-page-container .product-page section .product .product-container .product-photo-container,
          html main .main-page-container .product-page section .product .product-container .product-photo-container {
            width: 100%;
            min-width: unset; } }
        body main .main-page-container .product-page section .product .product-container .product-photo-container .product-photo,
        html main .main-page-container .product-page section .product .product-container .product-photo-container .product-photo {
          width: 311px;
          height: 314.35px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        body main .main-page-container .product-page section .product .product-container .product-photo-container .product-photo-view-btn,
        html main .main-page-container .product-page section .product .product-container .product-photo-container .product-photo-view-btn {
          font-weight: 600;
          font-size: 24px;
          line-height: 33px;
          -webkit-text-decoration-line: underline;
                  text-decoration-line: underline;
          color: #393939;
          bottom: -35px;
          position: absolute; }
          body main .main-page-container .product-page section .product .product-container .product-photo-container .product-photo-view-btn i,
          html main .main-page-container .product-page section .product .product-container .product-photo-container .product-photo-view-btn i {
            margin-right: 9px; }
      body main .main-page-container .product-page section .product .product-container .product-info-container .product-name,
      html main .main-page-container .product-page section .product .product-container .product-info-container .product-name {
        font-weight: 600;
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 4px;
        color: #393939; }
      body main .main-page-container .product-page section .product .product-container .product-info-container .product-code,
      html main .main-page-container .product-page section .product .product-container .product-info-container .product-code {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 32px;
        color: #393939; }
      body main .main-page-container .product-page section .product .product-container .product-info-container .product-price,
      html main .main-page-container .product-page section .product .product-container .product-info-container .product-price {
        font-weight: 600;
        font-size: 36px;
        line-height: 49px;
        margin-bottom: 32px;
        color: #004572; }
      body main .main-page-container .product-page section .product .product-container .product-info-container .product-description-container .description-label,
      html main .main-page-container .product-page section .product .product-container .product-info-container .product-description-container .description-label {
        font-weight: 700;
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 13px;
        color: #888888; }
      body main .main-page-container .product-page section .product .product-container .product-info-container .product-description-container .description,
      html main .main-page-container .product-page section .product .product-container .product-info-container .product-description-container .description {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 41px;
        color: #393939; }
      body main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container,
      html main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container {
        position: relative; }
        body main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-btn,
        html main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-btn {
          font-weight: 600;
          font-size: 20px;
          line-height: 27px;
          padding: 10px 48px;
          text-align: center;
          cursor: pointer;
          background: #2186C8;
          border: 1px solid #2186C8;
          color: #FFFFFF; }
        body main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container,
        html main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container {
          width: 100%;
          position: absolute;
          bottom: 50px;
          -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
          opacity: 0;
          height: 0;
          background: #FFFFFF;
          -webkit-box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.15);
                  box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.15);
          pointer-events: none; }
          body main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container li a,
          html main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container li a {
            padding: 24px;
            cursor: pointer;
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            height: 100%;
            width: 100%;
            display: block;
            color: #393939; }
            body main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container li a i,
            html main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container li a i {
              float: right;
              font-size: 18px;
              color: #2186C8; }
          body main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container li:not(:last-child),
          html main .main-page-container .product-page section .product .product-container .product-info-container .inquire-btn-container .inquire-popup-container li:not(:last-child) {
            border-bottom: 1px #D6D6D6; }
  body main .main-page-container .product-page section .contact-us,
  html main .main-page-container .product-page section .contact-us {
    padding: 0 16px;
    min-height: 864px;
    background-color: #FFFFFF;
    border-top: 1px solid #D0D0D0; }
    body main .main-page-container .product-page section .contact-us .contact-us-container,
    html main .main-page-container .product-page section .contact-us .contact-us-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0; }
      body main .main-page-container .product-page section .contact-us .contact-us-container .section-title,
      html main .main-page-container .product-page section .contact-us .contact-us-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 238px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 25px;
        background-color: #0C404F; }
      body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-tagline,
      html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-tagline {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 42px;
        color: #393939; }
      body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container,
      html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 56px; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        @media screen and (max-width: 992px) {
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container {
            width: 100%; } }
        body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header,
        html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header {
          font-size: 22px;
          line-height: 40px;
          color: #08345A;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 10px;
                  column-gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-bottom: 35px; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub {
            font-size: 14px;
            line-height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #515151; }
        body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form,
        html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form {
          position: relative; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p {
            margin: 0; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            padding: 15px 11px;
            padding-right: 35px;
            display: block; }
            body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input,
            html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input {
              font-size: 20px;
              line-height: 40px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              color: #393939; }
            body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
            html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
              position: absolute;
              left: 0px;
              font-size: 13px;
              top: -17px; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            width: 100%;
            background: #2186C8;
            border: 1px solid #2186C8;
            padding: 10px 0;
            cursor: pointer;
            color: #FFFFFF; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner {
            position: absolute;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            margin: 0;
            top: -30px;
            right: -11px; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output {
            margin: 0;
            border-color: #2186C8;
            position: absolute;
            bottom: -55px;
            width: 100%; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f007";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f0e0";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f879";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f27a";
            position: absolute;
            right: 10px;
            top: 13px;
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'],
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            min-height: 160px;
            padding: 15px 11px;
            padding-right: 35px;
            margin-bottom: 31px; }
            body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea,
            html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea {
              font-size: 20px;
              line-height: 40px;
              color: #393939; }
        body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
        html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
          width: 100%;
          height: 100%;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          @media screen and (max-width: 992px) {
            body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
            html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
              width: 100%; } }
          body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map,
          html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map {
            width: 100%;
            height: 482px; }
            body main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe,
            html main .main-page-container .product-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe {
              height: inherit;
              width: inherit; }
  body main .main-page-container .about-us-page section .our-vision,
  html main .main-page-container .about-us-page section .our-vision {
    min-height: 542px;
    background-color: #0E4150;
    padding: 0 16px; }
    body main .main-page-container .about-us-page section .our-vision .our-vision-container,
    html main .main-page-container .about-us-page section .our-vision .our-vision-container {
      max-width: 1140px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: inherit;
      -webkit-column-gap: 78px;
              column-gap: 78px;
      row-gap: 28px;
      padding: 80px 0px; }
      @media screen and (max-width: 992px) {
        body main .main-page-container .about-us-page section .our-vision .our-vision-container,
        html main .main-page-container .about-us-page section .our-vision .our-vision-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      body main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-container,
      html main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-container {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        body main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-container .vision-title,
        html main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-container .vision-title {
          font-weight: 700;
          font-size: 24px;
          line-height: 33px;
          margin-bottom: 16px;
          color: #FFFFFF; }
        body main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-container .vision,
        html main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-container .vision {
          font-weight: 400;
          font-size: 20px;
          line-height: 38px;
          color: #FFFFFF; }
      body main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-photo,
      html main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-photo {
        width: 572px;
        height: 382px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("../images/vision-photo.webp"); }
        @media screen and (max-width: 600px) {
          body main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-photo,
          html main .main-page-container .about-us-page section .our-vision .our-vision-container .vision-photo {
            width: 300px;
            height: 200px; } }
  body main .main-page-container .about-us-page section .our-mission,
  html main .main-page-container .about-us-page section .our-mission {
    min-height: 542px;
    background-color: #FFFFFF;
    padding: 0 16px; }
    body main .main-page-container .about-us-page section .our-mission .our-mission-container,
    html main .main-page-container .about-us-page section .our-mission .our-mission-container {
      max-width: 1140px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: inherit;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-column-gap: 78px;
              column-gap: 78px;
      row-gap: 28px;
      padding: 80px 0px; }
      @media screen and (max-width: 992px) {
        body main .main-page-container .about-us-page section .our-mission .our-mission-container,
        html main .main-page-container .about-us-page section .our-mission .our-mission-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      body main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-container,
      html main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-container {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        body main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-container .mission-title,
        html main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-container .mission-title {
          font-weight: 700;
          font-size: 24px;
          line-height: 33px;
          margin-bottom: 16px;
          color: #393939; }
        body main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-container .mission,
        html main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-container .mission {
          font-weight: 400;
          font-size: 20px;
          line-height: 38px;
          color: #393939; }
      body main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-photo,
      html main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-photo {
        width: 492px;
        height: 394px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("../images/mission-photo.webp"); }
        @media screen and (max-width: 600px) {
          body main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-photo,
          html main .main-page-container .about-us-page section .our-mission .our-mission-container .mission-photo {
            width: 300px;
            height: 240px; } }
  body main .main-page-container .about-us-page section .our-values,
  html main .main-page-container .about-us-page section .our-values {
    min-height: 542px;
    background-color: #FFFFFF;
    padding: 0 16px; }
    body main .main-page-container .about-us-page section .our-values .our-values-container,
    html main .main-page-container .about-us-page section .our-values .our-values-container {
      max-width: 1140px;
      margin: 0 auto;
      min-height: inherit;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-column-gap: 78px;
              column-gap: 78px;
      row-gap: 28px;
      padding: 80px 0px; }
      body main .main-page-container .about-us-page section .our-values .our-values-container .values-title,
      html main .main-page-container .about-us-page section .our-values .our-values-container .values-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 40px;
        color: #393939; }
      body main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container,
      html main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        body main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .values-container,
        html main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .values-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 16px; }
          body main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .values-container .value-icon,
          html main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .values-container .value-icon {
            min-width: 56px;
            min-height: 56px;
            border-radius: 50%;
            background: #2186C8;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            body main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .values-container .value-icon i,
            html main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .values-container .value-icon i {
              font-size: 20px;
              color: #FFFFFF; }
        body main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .value-container .value-title,
        html main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .value-container .value-title {
          font-weight: 600;
          font-size: 20px;
          line-height: 27px;
          color: #393939; }
        body main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .value-container .value,
        html main .main-page-container .about-us-page section .our-values .our-values-container .our-value-container .value-container .value {
          font-size: 20px;
          line-height: 27px;
          color: #393939; }
  body main .main-page-container .about-us-page section .contact-us,
  html main .main-page-container .about-us-page section .contact-us {
    padding: 0 16px;
    min-height: 864px;
    background-color: #FFFFFF;
    border-top: 1px solid #D0D0D0; }
    body main .main-page-container .about-us-page section .contact-us .contact-us-container,
    html main .main-page-container .about-us-page section .contact-us .contact-us-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0; }
      body main .main-page-container .about-us-page section .contact-us .contact-us-container .section-title,
      html main .main-page-container .about-us-page section .contact-us .contact-us-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 238px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 25px;
        background-color: #0C404F; }
      body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-tagline,
      html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-tagline {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 42px;
        color: #393939; }
      body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container,
      html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 56px; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        @media screen and (max-width: 992px) {
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container {
            width: 100%; } }
        body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header,
        html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header {
          font-size: 22px;
          line-height: 40px;
          color: #08345A;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 10px;
                  column-gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-bottom: 35px; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub {
            font-size: 14px;
            line-height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #515151; }
        body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form,
        html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form {
          position: relative; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p {
            margin: 0; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            padding: 15px 11px;
            padding-right: 35px;
            display: block; }
            body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input,
            html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input {
              font-size: 20px;
              line-height: 40px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              color: #393939; }
            body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
            html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
              position: absolute;
              left: 0px;
              font-size: 13px;
              top: -17px; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            width: 100%;
            background: #2186C8;
            border: 1px solid #2186C8;
            padding: 10px 0;
            cursor: pointer;
            color: #FFFFFF; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner {
            position: absolute;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            margin: 0;
            top: -30px;
            right: -11px; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output {
            margin: 0;
            border-color: #2186C8;
            position: absolute;
            bottom: -55px;
            width: 100%; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f007";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f0e0";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f879";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f27a";
            position: absolute;
            right: 10px;
            top: 13px;
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'],
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            min-height: 160px;
            padding: 15px 11px;
            padding-right: 35px;
            margin-bottom: 31px; }
            body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea,
            html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea {
              font-size: 20px;
              line-height: 40px;
              color: #393939; }
        body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
        html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
          width: 100%;
          height: 100%;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          @media screen and (max-width: 992px) {
            body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
            html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
              width: 100%; } }
          body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map,
          html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map {
            width: 100%;
            height: 482px; }
            body main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe,
            html main .main-page-container .about-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe {
              height: inherit;
              width: inherit; }
  body main .main-page-container .contact-us-page section .interested,
  html main .main-page-container .contact-us-page section .interested {
    min-height: 542px;
    background-color: #0E4150;
    padding: 0 16px; }
    body main .main-page-container .contact-us-page section .interested .inteested-container,
    html main .main-page-container .contact-us-page section .interested .inteested-container {
      max-width: 1140px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: inherit;
      -webkit-column-gap: 78px;
              column-gap: 78px;
      row-gap: 28px;
      padding: 80px 0; }
      @media screen and (max-width: 992px) {
        body main .main-page-container .contact-us-page section .interested .inteested-container,
        html main .main-page-container .contact-us-page section .interested .inteested-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container,
      html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container,
          html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container {
            width: 100%; } }
        body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .interested-title,
        html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .interested-title {
          font-weight: 700;
          font-size: 24px;
          line-height: 52px;
          margin-bottom: 11px;
          color: #FFFFFF; }
        body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .contact-title,
        body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .email-title,
        html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .contact-title,
        html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .email-title {
          font-weight: 600;
          font-size: 20px;
          line-height: 38px;
          color: #FFFFFF; }
        body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .contact,
        body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .email,
        html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .contact,
        html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .email {
          font-size: 20px;
          line-height: 38px;
          color: #FFFFFF; }
        body main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .email-title,
        html main .main-page-container .contact-us-page section .interested .inteested-container .interested-info-container .email-title {
          margin-top: 30px; }
      body main .main-page-container .contact-us-page section .interested .inteested-container .interested-photo,
      html main .main-page-container .contact-us-page section .interested .inteested-container .interested-photo {
        width: 492px;
        height: 394px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("../images/interested-photo.webp"); }
        @media screen and (max-width: 600px) {
          body main .main-page-container .contact-us-page section .interested .inteested-container .interested-photo,
          html main .main-page-container .contact-us-page section .interested .inteested-container .interested-photo {
            width: 300px;
            height: 175px; } }
  body main .main-page-container .contact-us-page section .contact-us,
  html main .main-page-container .contact-us-page section .contact-us {
    padding: 0 16px;
    min-height: 864px;
    background-color: #FFFFFF; }
    body main .main-page-container .contact-us-page section .contact-us .contact-us-container,
    html main .main-page-container .contact-us-page section .contact-us .contact-us-container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 54px 0; }
      body main .main-page-container .contact-us-page section .contact-us .contact-us-container .section-title,
      html main .main-page-container .contact-us-page section .contact-us .contact-us-container .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        padding: 16px 32px;
        max-width: 238px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 25px;
        background-color: #0C404F; }
      body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-tagline,
      html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-tagline {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 42px;
        color: #393939; }
      body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container,
      html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 56px; }
        @media screen and (max-width: 992px) {
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        @media screen and (max-width: 992px) {
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container {
            width: 100%; } }
        body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header,
        html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header {
          font-size: 22px;
          line-height: 40px;
          color: #08345A;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 10px;
                  column-gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-bottom: 35px; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container .contact-us-info-header sub {
            font-size: 14px;
            line-height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #515151; }
        body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form,
        html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form {
          position: relative; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form p {
            margin: 0; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            padding: 15px 11px;
            padding-right: 35px;
            display: block; }
            body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input,
            html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap input {
              font-size: 20px;
              line-height: 40px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              color: #393939; }
            body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
            html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
              position: absolute;
              left: 0px;
              font-size: 13px;
              top: -17px; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-form-control.wpcf7-submit {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            width: 100%;
            background: #2186C8;
            border: 1px solid #2186C8;
            padding: 10px 0;
            cursor: pointer;
            color: #FFFFFF; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-spinner {
            position: absolute;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            margin: 0;
            top: -30px;
            right: -11px; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form .wpcf7-response-output {
            margin: 0;
            border-color: #2186C8;
            position: absolute;
            bottom: -55px;
            width: 100%; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-name']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f007";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-email']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            content: "\f0e0";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-phone']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f879";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message']:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "\f27a";
            position: absolute;
            right: 10px;
            top: 13px;
            font-size: 24px;
            line-height: 40px;
            color: #2186C8;
            pointer-events: none; }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'],
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] {
            position: relative;
            background: #FFFFFF;
            border: 1px solid #D6D6D6;
            width: 100%;
            min-height: 160px;
            padding: 15px 11px;
            padding-right: 35px;
            margin-bottom: 31px; }
            body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea,
            html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-info-container form span.wpcf7-form-control-wrap[data-name='your-message'] textarea {
              font-size: 20px;
              line-height: 40px;
              color: #393939; }
        body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
        html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
          width: 100%;
          height: 100%;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          @media screen and (max-width: 992px) {
            body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container,
            html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container {
              width: 100%; } }
          body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map,
          html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map {
            width: 100%;
            height: 482px; }
            body main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe,
            html main .main-page-container .contact-us-page section .contact-us .contact-us-container .contact-us-info-map-container .contact-us-map-container #map iframe {
              height: inherit;
              width: inherit; }
  body .mobile-navigation,
  html .mobile-navigation {
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    top: -100%;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background-color: #FFFFFF; }
    body .mobile-navigation .mobile-navigation-container,
    html .mobile-navigation .mobile-navigation-container {
      position: relative;
      height: 100%; }
      body .mobile-navigation .mobile-navigation-container .navigation-close,
      html .mobile-navigation .mobile-navigation-container .navigation-close {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
        width: 60px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        body .mobile-navigation .mobile-navigation-container .navigation-close i,
        html .mobile-navigation .mobile-navigation-container .navigation-close i {
          font-size: 26px;
          color: #2186C8;
          line-height: 60px; }
      body .mobile-navigation .mobile-navigation-container .navigation,
      html .mobile-navigation .mobile-navigation-container .navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%; }
        body .mobile-navigation .mobile-navigation-container .navigation li,
        html .mobile-navigation .mobile-navigation-container .navigation li {
          padding: 16px;
          text-align: center; }
          body .mobile-navigation .mobile-navigation-container .navigation li a,
          html .mobile-navigation .mobile-navigation-container .navigation li a {
            font-weight: 600;
            font-size: 28px;
            line-height: 32px;
            color: #393939; }
        body .mobile-navigation .mobile-navigation-container .navigation li.active a,
        html .mobile-navigation .mobile-navigation-container .navigation li.active a {
          border-bottom: 5px solid #393939; }
  body footer,
  html footer {
    background: #313131;
    padding: 0 16px; }
    body footer .footer-container,
    html footer .footer-container {
      height: 195px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: 1142px;
      margin: 0 auto; }
      @media screen and (max-width: 755px) {
        body footer .footer-container,
        html footer .footer-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          height: auto;
          padding: 16px 0; } }
      body footer .footer-container .logo,
      html footer .footer-container .logo {
        background-image: url("../images/logo-dark.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 358px;
        height: 85.14px; }
        @media screen and (max-width: 992px) {
          body footer .footer-container .logo,
          html footer .footer-container .logo {
            width: 300px;
            height: 70px;
            margin-bottom: 12px; } }
        @media screen and (max-width: 400px) {
          body footer .footer-container .logo,
          html footer .footer-container .logo {
            width: 292px;
            height: 65px; } }
      body footer .footer-container .copyright-connect-container,
      html footer .footer-container .copyright-connect-container {
        font-size: 18px;
        line-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        color: #FFFFFF; }
        body footer .footer-container .copyright-connect-container .social-container a:nth-child(1),
        html footer .footer-container .copyright-connect-container .social-container a:nth-child(1) {
          margin-left: 26px; }
        body footer .footer-container .copyright-connect-container .social-container a,
        html footer .footer-container .copyright-connect-container .social-container a {
          color: #FFFFFF;
          opacity: 0.7;
          margin: 0 9px; }