body {
  color: #333;
  font-family: Kanit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.5px; }

main {
  margin-top: 84px; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #223f98;
  margin-top: 0;
  letter-spacing: 1px; }

h1,
.h1 {
  color: #223f98;
  font-size: 36px; }

h2,
.h2 {
  color: #223f98;
  margin: 0; }

hr--white,
.hr--white {
  background-color: #fff; }

.brn {
  overflow: hidden; }

select {
  padding: 2px 8px; }

.cursor-pointer {
  cursor: pointer; }

.text-shadow {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  padding: 2rem;
  background-color: #fff;
  border: 8px solid #e9ecef;
  border-radius: 200px; }

.icon-wrapper--primary-bg {
    background-color: #214099; }

.icon-small-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  padding: 2rem;
  background-color: #fff;
  border: 2px solid #e9ecef;
  border-radius: 200px; }

.icon-small-wrapper--primary-bg {
    background-color: #214099; }

.ratio-box {
  position: relative;
  overflow: hidden; }

.ratio-box:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: calc((1 / 1) * 100%); }

.ratio-box--16-9:before {
  padding-top: calc((9 / 16) * 100%); }

.ratio-box__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.no-gutter-box {
  margin-right: -15px;
  margin-left: -15px; }

.about-us-content {
  padding-top: 56px;
  padding-bottom: 56px;
  background-color: #e5e5e5; }
  @media (min-width: 992px) {
    .about-us-content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .about-us-content__hero-section {
    height: 70vw;
    background-image: url(/assets/images/about-us-hero.jpg);
    background-position: top center;
    background-size: cover; }
  @media (min-width: 992px) {
      .about-us-content__hero-section {
        height: 70vh; } }
  .about-us-content__hero-section__block {
      color: #fff;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      text-align: center;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .about-us-content__hero-section__block {
          font-size: 98px; } }
  .about-us-content__info-section {
    padding-top: 32px; }
  @media (min-width: 768px) {
      .about-us-content__info-section {
        padding-top: 64px; } }

.chiller-solution-content {
  padding-top: 56px; }
  @media (min-width: 992px) {
    .chiller-solution-content {
      padding-top: 100px; } }
  .chiller-solution-content .hero-section {
    height: 70vw;
    background-image: url(/assets/images/chiller-solution-hero.jpg);
    background-position: top center;
    background-size: cover; }
  @media (min-width: 992px) {
      .chiller-solution-content .hero-section {
        height: 70vh; } }
  .chiller-solution-content .hero-section__block {
      color: #fff;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      text-align: center;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .chiller-solution-content .hero-section__block {
          font-size: 98px; } }
  .chiller-solution-content .info-section {
    padding-top: 32px;
    padding-bottom: 32px; }
  @media (min-width: 768px) {
      .chiller-solution-content .info-section {
        padding-top: 64px;
        padding-bottom: 64px; } }
  .chiller-solution-content .info-section--1 {
      color: #214099;
      background-color: #e5e5e5; }
  .chiller-solution-content .info-section--1 h2,
      .chiller-solution-content .info-section--1 .h2,
      .chiller-solution-content .info-section--1 ul,
      .chiller-solution-content .info-section--1 li {
        color: #214099; }
  .chiller-solution-content .info-section--2 {
      color: #214099;
      background-color: #cbcbcb; }
  .chiller-solution-content .info-section--2 h2,
      .chiller-solution-content .info-section--2 .h2,
      .chiller-solution-content .info-section--2 ul,
      .chiller-solution-content .info-section--2 li {
        color: #214099; }
  .chiller-solution-content .info-section--3 {
      color: #214099;
      background-color: #f2f2f2; }
  .chiller-solution-content .info-section--3 h2,
      .chiller-solution-content .info-section--3 .h2,
      .chiller-solution-content .info-section--3 ul,
      .chiller-solution-content .info-section--3 li {
        color: #214099; }
  .chiller-solution-content .fig-section {
    color: #fff; }
  .chiller-solution-content .fig-section h2,
    .chiller-solution-content .fig-section .h2,
    .chiller-solution-content .fig-section ul,
    .chiller-solution-content .fig-section li {
      color: #fff; }
  .chiller-solution-content .fig-section--1 {
      background-image: url(/assets/images/chiller-solution-fig.jpg); }
  .chiller-solution-content .fig-section__heading {
      font-size: 36px;
      line-height: 1.2;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
  @media (min-width: 768px) {
        .chiller-solution-content .fig-section__heading {
          font-size: 64px;
          line-height: 1.1; } }

.contact-content {
  padding-top: 56px; }
  @media (min-width: 992px) {
    .contact-content {
      padding-top: 100px; } }
  .contact-content .hero-section {
    height: 70vw;
    background-image: url(/assets/images/contact-hero.jpg);
    background-position: top center;
    background-size: cover; }
  @media (min-width: 992px) {
      .contact-content .hero-section {
        height: 70vh; } }
  .contact-content .hero-section__block {
      color: #fff;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      text-align: center;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .contact-content .hero-section__block {
          font-size: 98px; } }
  .contact-content .info-section {
    padding-top: 32px; }
  @media (min-width: 768px) {
      .contact-content .info-section {
        padding-top: 64px; } }
  .contact-content .info-section--1 {
      color: #214099;
      background-color: #fff; }
  .contact-content .info-section--1 h2,
      .contact-content .info-section--1 .h2,
      .contact-content .info-section--1 ul,
      .contact-content .info-section--1 li {
        color: #214099; }
  .contact-content .info-section--2 {
      color: #214099;
      background-color: #cbcbcb; }
  .contact-content .info-section--2 h2,
      .contact-content .info-section--2 .h2,
      .contact-content .info-section--2 ul,
      .contact-content .info-section--2 li {
        color: #214099; }
  .contact-content .info-section--3 {
      color: #214099;
      background-color: #f2f2f2; }
  .contact-content .info-section--3 h2,
      .contact-content .info-section--3 .h2,
      .contact-content .info-section--3 ul,
      .contact-content .info-section--3 li {
        color: #214099; }
  .contact-content .fig-section {
    color: #fff; }
  .contact-content .fig-section h2,
    .contact-content .fig-section .h2,
    .contact-content .fig-section ul,
    .contact-content .fig-section li {
      color: #fff; }
  .contact-content .fig-section--1 {
      background-image: url(/assets/images/contact-fig.jpg); }
  .contact-content .fig-section__heading {
      font-size: 36px;
      line-height: 1.2;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
  @media (min-width: 768px) {
        .contact-content .fig-section__heading {
          font-size: 64px;
          line-height: 1.1; } }

.home-content {
  padding-top: 56px;
  padding-bottom: 56px; }
  @media (min-width: 992px) {
    .home-content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .home-content__hero-section {
    height: 70vw;
    background-image: url(/assets/images/home-hero.jpg);
    background-position: top center;
    background-size: cover; }
  .home-content__hero-section__block {
      color: #fff;
      max-width: 200px;
      font-size: 16px;
      line-height: 1.3;
      text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .home-content__hero-section__block {
          max-width: 300px;
          font-size: 24px; } }
  .home-content__hero-section__block .block__number {
        font-size: 48px;
        font-weight: 700;
        line-height: 1; }
  @media (min-width: 768px) {
          .home-content__hero-section__block .block__number {
            font-size: 120px;
            font-weight: 700;
            line-height: 1; } }
  .home-content__hero-section__block .block__unit {
        font-size: 18px;
        font-weight: 700; }

.operations-content {
  padding-top: 56px; }
  @media (min-width: 992px) {
    .operations-content {
      padding-top: 100px; } }
  .operations-content .hero-section {
    height: 70vw;
    background-image: url(/assets/images/operations-hero.jpg);
    background-position: top center;
    background-size: cover; }
  @media (min-width: 992px) {
      .operations-content .hero-section {
        height: 70vh; } }
  .operations-content .hero-section__block {
      color: #fff;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      text-align: center;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .operations-content .hero-section__block {
          font-size: 98px; } }
  .operations-content .info-section {
    padding-top: 32px;
    padding-bottom: 32px; }
  @media (min-width: 768px) {
      .operations-content .info-section {
        padding-top: 64px;
        padding-bottom: 64px; } }
  .operations-content .info-section--1 {
      color: #fff;
      background-color: #214099; }
  .operations-content .info-section--1 h2,
      .operations-content .info-section--1 .h2,
      .operations-content .info-section--1 ul,
      .operations-content .info-section--1 li {
        color: #fff; }
  .operations-content .info-section--2 {
      color: #fff;
      background-color: #009ebb; }
  .operations-content .info-section--2 h2,
      .operations-content .info-section--2 .h2,
      .operations-content .info-section--2 ul,
      .operations-content .info-section--2 li {
        color: #fff; }
  .operations-content .fig-section {
    background-position: top center;
    background-size: cover;
    padding-top: 32px;
    padding-bottom: 32px;
    color: #fff; }
  @media (min-width: 768px) {
      .operations-content .fig-section {
        padding-top: 100px;
        padding-bottom: 100px; } }
  .operations-content .fig-section h2,
    .operations-content .fig-section .h2,
    .operations-content .fig-section ul,
    .operations-content .fig-section li {
      color: #fff; }
  .operations-content .fig-section--1 {
      background-image: url(/assets/images/hvac-fig.jpg); }
  .operations-content .fig-section--2 {
      background-image: url(/assets/images/esp-fig.jpg); }
  .operations-content .fig-section__heading {
      font-size: 36px;
      line-height: 1.2;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
  @media (min-width: 768px) {
        .operations-content .fig-section__heading {
          font-size: 64px;
          line-height: 1.1; } }

.product-service-content {
  padding-top: 56px; }
  @media (min-width: 992px) {
    .product-service-content {
      padding-top: 100px; } }
  .product-service-content .hero-section {
    height: 70vw;
    background-image: url(/assets/images/product-service-hero.jpg);
    background-position: top center;
    background-size: cover; }
  @media (min-width: 992px) {
      .product-service-content .hero-section {
        height: 70vh; } }
  .product-service-content .hero-section__block {
      color: #fff;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      text-align: center;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .product-service-content .hero-section__block {
          font-size: 98px; } }
  .product-service-content .info-section {
    padding-top: 32px;
    padding-bottom: 32px; }
  @media (min-width: 768px) {
      .product-service-content .info-section {
        padding-top: 64px;
        padding-bottom: 64px; } }
  .product-service-content .info-section--1 {
      color: #214099;
      background-color: #e5e5e5; }
  .product-service-content .info-section--1 h2,
      .product-service-content .info-section--1 .h2,
      .product-service-content .info-section--1 ul,
      .product-service-content .info-section--1 li {
        color: #214099; }
  .product-service-content .info-section--2 {
      color: #fff;
      background-color: #214099; }
  .product-service-content .info-section--2 h2,
      .product-service-content .info-section--2 .h2,
      .product-service-content .info-section--2 ul,
      .product-service-content .info-section--2 li {
        color: #fff; }
  .product-service-content .info-section--3 {
      color: #fff;
      background-color: #009ebb; }
  .product-service-content .info-section--3 h2,
      .product-service-content .info-section--3 .h2,
      .product-service-content .info-section--3 ul,
      .product-service-content .info-section--3 li {
        color: #fff; }
  .product-service-content .fig-section {
    color: #fff; }
  .product-service-content .fig-section h2,
    .product-service-content .fig-section .h2,
    .product-service-content .fig-section ul,
    .product-service-content .fig-section li {
      color: #fff; }
  .product-service-content .fig-section--1 {
      background-image: url(/assets/images/product-service-fig.jpg); }
  .product-service-content .fig-section__heading {
      font-size: 36px;
      line-height: 1.2;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
  @media (min-width: 768px) {
        .product-service-content .fig-section__heading {
          font-size: 64px;
          line-height: 1.1; } }

.team-work-content {
  padding-top: 56px;
  padding-bottom: 56px;
  background-color: #e5e5e5; }
  @media (min-width: 992px) {
    .team-work-content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .team-work-content__hero-section {
    height: 70vw;
    background-image: url(/assets/images/team-work-hero.jpg);
    background-position: top center;
    background-size: cover; }
  @media (min-width: 992px) {
      .team-work-content__hero-section {
        height: 70vh; } }
  .team-work-content__hero-section__block {
      color: #fff;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      text-align: center;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .team-work-content__hero-section__block {
          font-size: 98px; } }
  .team-work-content__info-section {
    padding-top: 32px; }
  @media (min-width: 768px) {
      .team-work-content__info-section {
        padding-top: 64px; } }

.vrf-air-cooled-solution-content {
  padding-top: 56px; }
  @media (min-width: 992px) {
    .vrf-air-cooled-solution-content {
      padding-top: 100px; } }
  .vrf-air-cooled-solution-content .hero-section {
    height: 70vw;
    background-image: url(/assets/images/vrf-solution-hero.jpg);
    background-position: top center;
    background-size: cover; }
  @media (min-width: 992px) {
      .vrf-air-cooled-solution-content .hero-section {
        height: 70vh; } }
  .vrf-air-cooled-solution-content .hero-section__block {
      color: #fff;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      text-align: center;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
        .vrf-air-cooled-solution-content .hero-section__block {
          font-size: 98px; } }
  .vrf-air-cooled-solution-content .info-section {
    padding-top: 32px; }
  @media (min-width: 768px) {
      .vrf-air-cooled-solution-content .info-section {
        padding-top: 64px; } }
  .vrf-air-cooled-solution-content .info-section--1 {
      color: #214099;
      background-color: #fff; }
  .vrf-air-cooled-solution-content .info-section--1 h2,
      .vrf-air-cooled-solution-content .info-section--1 .h2,
      .vrf-air-cooled-solution-content .info-section--1 ul,
      .vrf-air-cooled-solution-content .info-section--1 li {
        color: #214099; }
  .vrf-air-cooled-solution-content .info-section--2 {
      color: #214099;
      background-color: #cbcbcb; }
  .vrf-air-cooled-solution-content .info-section--2 h2,
      .vrf-air-cooled-solution-content .info-section--2 .h2,
      .vrf-air-cooled-solution-content .info-section--2 ul,
      .vrf-air-cooled-solution-content .info-section--2 li {
        color: #214099; }
  .vrf-air-cooled-solution-content .info-section--3 {
      color: #214099;
      background-color: #f2f2f2; }
  .vrf-air-cooled-solution-content .info-section--3 h2,
      .vrf-air-cooled-solution-content .info-section--3 .h2,
      .vrf-air-cooled-solution-content .info-section--3 ul,
      .vrf-air-cooled-solution-content .info-section--3 li {
        color: #214099; }
  .vrf-air-cooled-solution-content .fig-section {
    color: #fff; }
  .vrf-air-cooled-solution-content .fig-section h2,
    .vrf-air-cooled-solution-content .fig-section .h2,
    .vrf-air-cooled-solution-content .fig-section ul,
    .vrf-air-cooled-solution-content .fig-section li {
      color: #fff; }
  .vrf-air-cooled-solution-content .fig-section--1 {
      background-image: url(/assets/images/vrf-air-cooled-solution-fig.jpg); }
  .vrf-air-cooled-solution-content .fig-section__heading {
      font-size: 36px;
      line-height: 1.2;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
  @media (min-width: 768px) {
        .vrf-air-cooled-solution-content .fig-section__heading {
          font-size: 64px;
          line-height: 1.1; } }

.main-footer {
  color: #fff;
  background-color: #214099;
  font-size: 14px; }

.main-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1; }
  @media (min-width: 992px) {
    .main-header .navbar {
      height: 100px; } }
  .main-header .brand-logo {
    width: 44px; }
  @media (min-width: 992px) {
      .main-header .brand-logo {
        width: 84px; } }
  @media (max-width: 991px) {
    .main-header .navbar-nav {
      align-items: flex-start;
      overflow-y: auto;
      height: calc(100vh - 64px); } }
  .main-header .nav-item {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-end; }
  @media (min-width: 992px) {
      .main-header .nav-item ul.wrapper {
        display: none; } }
  .main-header .nav-item ul.wrapper > li.active {
      border: 1px solid #214099;
      border-radius: 16px;
      padding: 0 8px; }
  .main-header .nav-item ul.wrapper a {
      color: #333;
      text-decoration: none; }
  @media (min-width: 992px) {
      .main-header .nav-item:hover ul.wrapper {
        position: absolute;
        top: 100%;
        padding-top: 16px;
        display: flex;
        flex-flow: row nowrap;
        white-space: nowrap; } }
  .main-header .nav-item.active::after {
      content: '';
      position: absolute;
      left: calc(50% - 30px);
      bottom: -4px;
      width: 60px;
      height: 8px;
      background-color: #8ac43f;
      border-radius: 8px; }
  .main-header .nav-item.active .nav-link {
      color: #214099; }
  @media (min-width: 992px) {
      .main-header .nav-item .nav-link {
        text-align: center; } }
  .main-header .sub-nav .wrapper {
    display: flex;
    flex-flow: row nowrap; }
  .main-header .sub-nav .wrapper > * {
      margin-right: 24px; }
  @media (min-width: 992px) {
    .main-header .nav-sub-item ul {
      display: none !important; }
    .main-header .nav-sub-item:hover ul {
      display: flex !important; } }

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