.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#0A548B;--e-global-color-text:#0A548B;--e-global-color-accent:#FFDD00;--e-global-color-branco:#FFFFFF;--e-global-color-vermelho:#F96159;--e-global-color-laranja:#FC9D56;--e-global-color-marrom:#413A31;--e-global-color-amarelo_escuro:#FFCB05;--e-global-color-verde:#2D9392;--e-global-color-turquesa:#468FA8;--e-global-color-azul_claro:#CEDDEA;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"DM Serif Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* HM Way | Tablet horizontal | Evitar encavalamento */

@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) {
  .hm-screen {
    min-height: 980px;
    height: auto;
    overflow: visible;
  }
}

/* HM Way | Home */

.hm-home-content {
  position: relative;
  z-index: 10;
  max-width: 745px;
}

@media (max-height: 820px) and (min-width: 1025px) {
  .hm-home-content {
    transform: scale(0.94);
    transform-origin: top left;
  }
}


.hm-home-ship {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-home-ship img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}

.hm-home-arrow {
  position: absolute;
  right: 550px;
  top: 50%;
  transform: translateY(-47%);
  width: 402px;
  max-width: none;
  z-index: 3;
  pointer-events: none;
}

.hm-home-arrow img {
  width: 402px;
  max-width: none;
  height: auto;
  display: block;
}

@media (max-width: 1440px) {
  .hm-home-ship {
    right: -100px;
    width: 960px;
  }

  .hm-home-ship img {
    width: 960px;
  }

  .hm-home-arrow {
    right: 410px;
    width: 360px;
  }

  .hm-home-arrow img {
    width: 360px;
  }
}

@media (min-width: 2000px) {
  .hm-home-ship {
    right: 100px;
  }

  .hm-home-arrow {
    right: 610px;
  }
}


/* HM Way | Animação Home */

.hm-home-ship {
  opacity: 0.5;
  transform: translateY(-50%) translateX(-24px);
  animation: hmShipSlideIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-home-arrow {
  opacity: 0;
  transform: translateY(-47%) translateX(-140px);
  animation: hmArrowSlideIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmShipSlideIn {
  from {
    opacity: 0.5;
    transform: translateY(-50%) translateX(-24px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmArrowSlideIn {
  from {
    opacity: 0;
    transform: translateY(-47%) translateX(-140px);
  }

  to {
    opacity: 1;
    transform: translateY(-47%) translateX(0);
  }
}


/* HM Way | Quem Somos | Imagem e grafismo */

.hm-about-image {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-about-image img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}

.hm-about-arrow {
  position: absolute;
  right: 85px;
  top: 50%;
  transform: translateY(-48%);
  width: 430px;
  max-width: none;
  z-index: 3;
  pointer-events: none;
}

.hm-about-arrow img {
  width: 430px;
  max-width: none;
  height: auto;
  display: block;
}

/* HM Way | Quem Somos | Ajuste para laptop */
@media (max-width: 1440px) {
  .hm-about-image {
    right: -200px;
  }

  .hm-about-arrow {
    right: 80px;
    width: 390px;
  }

  .hm-about-arrow img {
    width: 390px;
  }
}

/* HM Way | Quem Somos | Ajuste extra para telas menores */
@media (max-width: 1200px) {
  .hm-about-image {
    right: -360px;
  }
}

/* HM Way | Quem Somos | Telas maiores que 1920px */
@media (min-width: 2000px) {
  .hm-about-image {
    right: -1px;
  }

  .hm-about-arrow {
    right: 155px;
  }
}


/* HM Way | Animação Quem Somos */

.hm-about-image {
  opacity: 0.5;
  transform: translateY(-50%) translateX(18px);
  animation: hmAboutImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-about-arrow {
  opacity: 0;
  transform: translateY(-48%) translateX(180px);
  animation: hmAboutArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmAboutImageIn {
  from {
    opacity: 0.5;
    transform: translateY(-50%) translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmAboutArrowIn {
  from {
    opacity: 0;
    transform: translateY(-48%) translateX(180px);
  }

  to {
    opacity: 1;
    transform: translateY(-48%) translateX(0);
  }
}


/* HM Way | Nossa História | Imagem e grafismo */

.hm-history-image {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-history-image img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}

.hm-history-arrow {
  position: absolute;
  right: 400px;
  top: 50%;
  transform: translateY(-50%);
  width: 420px;
  max-width: none;
  z-index: 3;
  pointer-events: none;
}

.hm-history-arrow img {
  width: 420px;
  max-width: none;
  height: auto;
  display: block;
}

/* HM Way | Nossa História | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-history-image {
    right: -170px;
  }

  .hm-history-arrow {
    right: 260px;
    width: 380px;
  }

  .hm-history-arrow img {
    width: 380px;
  }
}

/* HM Way | Nossa História | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-history-image {
    right: -380px;
  }

  .hm-history-arrow {
    right: 20px;
    width: 350px;
  }

  .hm-history-arrow img {
    width: 350px;
  }
}

/* HM Way | Nossa História | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-history-image {
    right: 0px;
  }

  .hm-history-arrow {
    right: 610px;
  }
}


/* HM Way | Nossa História | Animação */

.hm-history-image {
  opacity: 0.5;
  transform: translateY(-50%) translateX(18px);
  animation: hmHistoryImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-history-arrow {
  opacity: 0;
  transform: translateY(-50%) translateX(180px);
  animation: hmHistoryArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmHistoryImageIn {
  from {
    opacity: 0.5;
    transform: translateY(-50%) translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmHistoryArrowIn {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(180px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}


/* HM Way | Transporte Marítimo | Imagem superior */

.hm-service-sea-image {
  position: absolute;
  left: 0;
  top: 52px;
  width: 1510px;
  max-width: none;
  z-index: 1;
  pointer-events: none;
}

.hm-service-sea-image img {
  width: 1510px;
  max-width: none;
  height: auto;
  display: block;
}


/* HM Way | Transporte Marítimo | Grafismo amarelo */

.hm-service-sea-arrow {
  position: absolute;
  left: 330px;
  top: 50%;
  transform: translateY(-50%);
  height: 110vh;
  width: auto;
  max-width: none;
  z-index: 4;
  pointer-events: none;
}

.hm-service-sea-arrow img {
  height: 110vh;
  width: auto;
  max-width: none;
  display: block;
}

/* HM Way | Transporte Marítimo | frase meio */

.hm-service-intro {
  position: absolute;
  left: max(65px, calc(((100% - 1280px) / 2) + 25px));
  top: 52%;
  width: 950px;
}

/* HM Way | Transporte Marítimo | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-service-sea-image {
    top: 52px;
    left: -100px;
    width: 1360px;
  }

  .hm-service-sea-image img {
    width: 1360px;
  }

  .hm-service-sea-arrow {
    left: 250px;
    height: 110vh;
  }

  .hm-service-sea-arrow img {
    height: 110vh;
  }

  .hm-service-intro {
    top: 50%;
    width: 950px;
  }
}

/* HM Way | Transporte Marítimo | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-service-sea-image {
    top: 56px;
    left:-200px;
    width: 1180px;
  }

  .hm-service-sea-image img {
    width: 1180px;
  }

  .hm-service-sea-arrow {
    left: 180px;
    height: 108vh;
  }

  .hm-service-sea-arrow img {
    height: 108vh;
  }

  .hm-service-intro {
    top: 47%;
    width: 720px;
  }
}

/* HM Way | Transporte Marítimo | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-service-sea-image {
    width: 1650px;
  }

  .hm-service-sea-image img {
    width: 1650px;
  }

  .hm-service-sea-arrow {
    left: 380px;
  }

  .hm-service-intro {
    left: calc(((100% - 1280px) / 2) + 25px);
    top: 52%;
    width: 1000px;
  }
}

/* HM Way | Transporte Marítimo | Animação */

.hm-service-sea-image {
  opacity: 0.5;
  transform: translateX(-18px);
  animation: hmServiceSeaImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-service-sea-arrow {
  opacity: 0;
  transform: translateY(-50%) translateX(-220px);
  animation: hmServiceSeaArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

.hm-service-intro {
  opacity: 0;
  transform: translateX(-18px);
  animation: hmServiceIntroIn 0.8s ease-out forwards;
  animation-delay: 0.55s;
}

@keyframes hmServiceSeaImageIn {
  from {
    opacity: 0.5;
    transform: translateX(-18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes hmServiceSeaArrowIn {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(-220px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmServiceIntroIn {
  from {
    opacity: 0;
    transform: translateX(-18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* HM Way | Transporte Aéreo | Imagem principal */

.hm-service-air-image {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-service-air-image img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}


/* HM Way | Transporte Aéreo | Grafismo amarelo */

.hm-service-air-arrow {
  position: absolute;
  right: 290px;
  top: 35%;
  transform: translateY(-50%);
  width: 810px;
  max-width: none;
  z-index: 4;
  pointer-events: none;
}

.hm-service-air-arrow img {
  width: 810px;
  height: auto;
  max-width: none;
  display: block;
}


/* HM Way | Transporte Aéreo | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-service-air-image {
    right: -180px;
  }

  .hm-service-air-arrow {
    right: 120px;
    top: 35%;
    width: 700px;
  }

  .hm-service-air-arrow img {
    width: 700px;
  }
}

/* HM Way | Transporte Aéreo | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-service-air-image {
    right: -330px;
  }

  .hm-service-air-arrow {
    right: -40px;
    top: 35%;
    width: 620px;
  }

  .hm-service-air-arrow img {
    width: 620px;
  }
}

/* HM Way | Transporte Aéreo | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-service-air-image {
    right: 20px;
  }

  .hm-service-air-arrow {
    right: 380px;
    top: 35%;
    width: 810px;
  }

  .hm-service-air-arrow img {
    width: 810px;
  }
}



/* HM Way | Transporte Aéreo | Animação */

.hm-service-air-image {
  opacity: 0.5;
  transform: translateY(calc(-50% + 24px));
  animation: hmServiceAirImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-service-air-arrow {
  opacity: 0;
  transform: translateY(calc(-50% + 160px));
  animation: hmServiceAirArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmServiceAirImageIn {
  from {
    opacity: 0.5;
    transform: translateY(calc(-50% + 24px));
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes hmServiceAirArrowIn {
  from {
    opacity: 0;
    transform: translateY(calc(-50% + 160px));
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}


/* HM Way | Consolidação de Cargas | Imagem principal */

.hm-service-consolidation-image {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-service-consolidation-image img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}


/* HM Way | Consolidação de Cargas | Grafismo amarelo */

.hm-service-consolidation-arrow {
  position: absolute;
  right: 280px;
  top: 50%;
  transform: translateY(-50%);
  height: 841px;
  width: auto;
  max-width: none;
  z-index: 4;
  pointer-events: none;
}

.hm-service-consolidation-arrow img {
  height: 841px;
  width: auto;
  max-width: none;
  display: block;
}


/* HM Way | Consolidação de Cargas | Frase inferior */

.hm-service-consolidation-tagline {
  position: absolute;
  right: max(70px, calc((100% - 1280px) / 2));
  bottom: 68px;
  width: 560px;
  z-index: 6;
  text-align: center;
  pointer-events: none;
}

/* HM Way | Consolidação de Cargas | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-service-consolidation-image {
    right: -120px;
  }

  .hm-service-consolidation-arrow {
    right: 130px;
    height: 760px;
  }

  .hm-service-consolidation-arrow img {
    height: 760px;
  }

  .hm-service-consolidation-tagline {
    right: 40px;
    bottom: 58px;
    width: 500px;
  }
}

/* HM Way | Consolidação de Cargas | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-service-consolidation-image {
    right: -260px;
  }

  .hm-service-consolidation-arrow {
    right: -20px;
    height: 690px;
  }

  .hm-service-consolidation-arrow img {
    height: 690px;
  }

  .hm-service-consolidation-tagline {
    right: 35px;
    bottom: 50px;
    width: 430px;
  }
}

/* HM Way | Consolidação de Cargas | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-service-consolidation-image {
    right: 320px;
  }

  .hm-service-consolidation-arrow {
    right: 360px;
  }

  .hm-service-consolidation-tagline {
    right: calc(((100% - 1280px) / 2) - 20px);
  }
}


/* HM Way | Consolidação de Cargas | Animação */

.hm-service-consolidation-image {
  opacity: 0.5;
  transform: translateY(-50%) translateX(24px);
  animation: hmConsolidationImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-service-consolidation-arrow {
  opacity: 0;
  transform: translateY(-50%) translateX(-180px);
  animation: hmConsolidationArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}


@keyframes hmConsolidationImageIn {
  from {
    opacity: 0.5;
    transform: translateY(-50%) translateX(24px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmConsolidationArrowIn {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(-180px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmConsolidationTaglineIn {
  from {
    opacity: 0;
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* HM Way | Seguro de Carga | Imagem principal */

.hm-service-insurance-image {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-service-insurance-image img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}


/* HM Way | Seguro de Carga | Grafismo amarelo */

.hm-service-insurance-arrow {
  position: absolute;
  right: 280px;
  top: 50%;
  transform: translateY(-50%);
  height: 841px;
  width: auto;
  max-width: none;
  z-index: 4;
  pointer-events: none;
}

.hm-service-insurance-arrow img {
  height: 841px;
  width: auto;
  max-width: none;
  display: block;
}

/* HM Way | Seguro de Carga | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-service-insurance-image {
    right: -100px;
  }

  .hm-service-insurance-arrow {
    right: 280px;
    height: 760px;
  }

  .hm-service-insurance-arrow img {
    height: 760px;
  }
}


/* HM Way | Seguro de Carga | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-service-insurance-image {
    right: -260px;
  }

  .hm-service-insurance-arrow {
    right: 120px;
    height: 680px;
  }

  .hm-service-insurance-arrow img {
    height: 680px;
  }
}


/* HM Way | Seguro de Carga | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-service-insurance-image {
    right: 300px;
  }

  .hm-service-insurance-arrow {
    right: 330px;
  }
}

/* HM Way | Seguro de Carga | Animação */

.hm-service-insurance-image {
  opacity: 0.5;
  transform: translateY(-50%) translateX(24px);
  animation: hmInsuranceImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-service-insurance-arrow {
  opacity: 0;
  transform: translateY(-50%) translateX(-180px);
  animation: hmInsuranceArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmInsuranceImageIn {
  from {
    opacity: 0.5;
    transform: translateY(-50%) translateX(24px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmInsuranceArrowIn {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(-180px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

/* HM Way | Armazenagem | Imagem principal */

.hm-service-storage-image {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-service-storage-image img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}

/* HM Way | Armazenagem | Grafismo amarelo */

.hm-service-storage-arrow {
  position: absolute;
  right: 700px;
  top: 50%;
  transform: translateY(-50%);
  height: 841px;
  width: auto;
  max-width: none;
  z-index: 4;
  pointer-events: none;
}

.hm-service-storage-arrow img {
  height: 841px;
  width: auto;
  max-width: none;
  display: block;
}

/* HM Way | Armazenagem | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-service-storage-image {
    right: -140px;
  }

  .hm-service-storage-arrow {
    right: 520px;
    height: 760px;
  }

  .hm-service-storage-arrow img {
    height: 760px;
  }
}

/* HM Way | Armazenagem | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-service-storage-image {
    right: -280px;
  }

  .hm-service-storage-arrow {
    right: 360px;
    height: 690px;
  }

  .hm-service-storage-arrow img {
    height: 690px;
  }
}

/* HM Way | Armazenagem | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-service-storage-image {
    right: 0px;
  }

  .hm-service-storage-arrow {
    right: 820px;
  }
}


/* HM Way | Armazenagem | Animação */

.hm-service-storage-image {
  opacity: 0.5;
  transform: translateY(-50%) translateX(28px);
  animation: hmStorageImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-service-storage-arrow {
  opacity: 0;
  transform: translateY(-50%) translateX(180px);
  animation: hmStorageArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmStorageImageIn {
  from {
    opacity: 0.5;
    transform: translateY(-50%) translateX(28px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmStorageArrowIn {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(180px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}


/* HM Way | Cargas de Projeto e Superdimensionadas | Imagem principal */

.hm-service-project-image {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100vh;
  width: auto;
  max-width: none;
  z-index: 4;
  pointer-events: none;
}

.hm-service-project-image img {
  height: 100vh;
  width: auto;
  max-width: none;
  display: block;
}

/* HM Way | Cargas de Projeto e Superdimensionadas | Grafismo amarelo */

.hm-service-project-arrow {
  position: absolute;
  right: 700px;
  top: 50%;
  transform: translateY(-50%);
  height: 841px;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-service-project-arrow img {
  height: 841px;
  width: auto;
  max-width: none;
  display: block;
}

/* HM Way | Cargas de Projeto e Superdimensionadas | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-service-project-image {
    right: -140px;
  }

  .hm-service-project-arrow {
    right: 520px;
    height: 760px;
  }

  .hm-service-project-arrow img {
    height: 760px;
  }
}

/* HM Way | Cargas de Projeto e Superdimensionadas | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-service-project-image {
    right: -280px;
  }

  .hm-service-project-arrow {
    right: 360px;
    height: 690px;
  }

  .hm-service-project-arrow img {
    height: 690px;
  }
}

/* HM Way | Cargas de Projeto e Superdimensionadas | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-service-project-image {
    right: 80px;
  }

  .hm-service-project-arrow {
    right: 820px;
  }
}


/* HM Way | Cargas de Projeto e Superdimensionadas | Animação */

.hm-service-project-image {
  opacity: 0.5;
  transform: translateY(-50%) translateX(28px);
  animation: hmProjectImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-service-project-arrow {
  opacity: 0;
  transform: translateY(-50%) translateX(180px);
  animation: hmProjectArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmProjectImageIn {
  from {
    opacity: 0.5;
    transform: translateY(-50%) translateX(28px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes hmProjectArrowIn {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(180px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

/* HM Way | Diferenciais | Grafismo vazado */

.hm-diff-arrow-outline {
  position: absolute;
  right: 460px;
  bottom: 35px;
  width: 430px;
  max-width: none;
  z-index: 2;
  pointer-events: none;
}

.hm-diff-arrow-outline img {
  width: 430px;
  height: auto;
  max-width: none;
  display: block;
}


/* HM Way | Diferenciais | Grafismo cheio */

.hm-diff-arrow-filled {
  position: absolute;
  right: 315px;
  bottom: 105px;
  width: 250px;
  max-width: none;
  z-index: 3;
  pointer-events: none;
}

.hm-diff-arrow-filled img {
  width: 250px;
  height: auto;
  max-width: none;
  display: block;
}

/* HM Way | Diferenciais | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-diff-arrow-outline {
    right: 320px;
    bottom: 25px;
    width: 380px;
  }

  .hm-diff-arrow-outline img {
    width: 380px;
  }

  .hm-diff-arrow-filled {
    right: 210px;
    bottom: 88px;
    width: 220px;
  }

  .hm-diff-arrow-filled img {
    width: 220px;
  }
}

/* HM Way | Diferenciais | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-diff-arrow-outline {
    right: 230px;
    bottom: 20px;
    width: 340px;
  }

  .hm-diff-arrow-outline img {
    width: 340px;
  }

  .hm-diff-arrow-filled {
    right: 150px;
    bottom: 78px;
    width: 190px;
  }

  .hm-diff-arrow-filled img {
    width: 190px;
  }
}

/* HM Way | Diferenciais | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-diff-arrow-outline {
    right: 560px;
  }

  .hm-diff-arrow-filled {
    right: 415px;
  }
}


/* HM Way | Diferenciais | Animação */

.hm-diff-arrow-outline {
  opacity: 0;
  transform: translateY(120px);
  animation: hmDiffOutlineIn 1s ease-out forwards;
  animation-delay: 0.25s;
}

.hm-diff-arrow-filled {
  opacity: 0;
  transform: translateY(90px);
  animation: hmDiffFilledIn 0.9s ease-out forwards;
  animation-delay: 0.65s;
}

@keyframes hmDiffOutlineIn {
  from {
    opacity: 0;
    transform: translateY(120px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hmDiffFilledIn {
  from {
    opacity: 0;
    transform: translateY(90px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* HM Way | Contato | Imagem principal */

.hm-contact-image {
  position: absolute;
  right: 0;
  bottom: 250px;
  width: 1098px;
  max-width: none;
  z-index: 3;
  pointer-events: none;
}

.hm-contact-image img {
  width: 1098px;
  max-width: none;
  height: auto;
  display: block;
}

/* HM Way | Contato | Grafismo amarelo */

.hm-contact-arrow {
  position: absolute;
  right: 235px;
  top: 55px;
  width: 820px;
  max-width: none;
  z-index: 5;
  pointer-events: none;
}

.hm-contact-arrow img {
  width: 820px;
  max-width: none;
  height: auto;
  display: block;
}

/* HM Way | Contato | Tagline 1 */

.hm-contact-tagline-1 {
  position: absolute;
  right: max(70px, calc((100% - 1280px) / 2));
  bottom: 162px;
  width: 720px;
  z-index: 6;
  text-align: center;
  pointer-events: none;
}

/* HM Way | Contato | Tagline 2 */

.hm-contact-tagline-2 {
  position: absolute;
  right: max(70px, calc((100% - 1280px) / 2));
  bottom: 102px;
  width: 720px;
  z-index: 6;
  text-align: center;
  pointer-events: none;
}

/* HM Way | Contato | Ajuste para laptop */

@media (max-width: 1440px) {
  .hm-contact-image {
    right: -140px;
    bottom: 245px;
    width: 1030px;
  }

  .hm-contact-image img {
    width: 1030px;
  }

  .hm-contact-arrow {
    right: 80px;
    top: 55px;
    width: 740px;
  }

  .hm-contact-arrow img {
    width: 740px;
  }

  .hm-contact-tagline-1 {
    right: 40px;
    bottom: 150px;
    width: 650px;
  }

  .hm-contact-tagline-2 {
    right: 40px;
    bottom: 92px;
    width: 650px;
  }
}

/* HM Way | Contato | Ajuste extra para telas menores */

@media (max-width: 1200px) {
  .hm-contact-image {
    right: -260px;
    bottom: 245px;
    width: 980px;
  }

  .hm-contact-image img {
    width: 980px;
  }

  .hm-contact-arrow {
    right: -60px;
    top: 65px;
    width: 680px;
  }

  .hm-contact-arrow img {
    width: 680px;
  }

  .hm-contact-tagline-1 {
    right: 25px;
    bottom: 145px;
    width: 560px;
  }

  .hm-contact-tagline-2 {
    right: 25px;
    bottom: 88px;
    width: 560px;
  }
}


/* HM Way | Contato | Telas maiores que 1920px */

@media (min-width: 2000px) {
  .hm-contact-image {
    right: 0px;
  }

  .hm-contact-arrow {
    right: 335px;
  }

  .hm-contact-tagline-1,
  .hm-contact-tagline-2 {
    right: calc(((100% - 1280px) / 2) - 20px);
  }
}

/* HM Way | Contato | Animação */

.hm-contact-image {
  opacity: 0.5;
  transform: translateX(36px);
  animation: hmContactImageIn 1.1s ease-out forwards;
  animation-delay: 0.15s;
}

.hm-contact-arrow {
  opacity: 0;
  transform: translateY(-140px);
  animation: hmContactArrowIn 1s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes hmContactImageIn {
  from {
    opacity: 0.5;
    transform: translateX(36px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes hmContactArrowIn {
  from {
    opacity: 0;
    transform: translateY(-140px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Regular.eot');
	src: url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Regular.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Regular.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Regular.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Regular.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Regular.svg#DMSerifDisplay') format('svg');
}
@font-face {
	font-family: 'DM Serif Display';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Italic.eot');
	src: url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Italic.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Italic.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Italic.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Italic.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/DMSerifDisplay-Italic.svg#DMSerifDisplay') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Regular.eot');
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Regular.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Regular.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Regular.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Regular.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Italic.eot');
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Italic.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Italic.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Italic.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Italic.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Bold.eot');
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Bold.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Bold.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Bold.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Bold.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-BoldItalic.eot');
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-BoldItalic.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-BoldItalic.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-BoldItalic.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-BoldItalic.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Medium.eot');
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Medium.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Medium.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Medium.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-Medium.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-MediumItalic.eot');
	src: url('http://hmway.com.br/wp-content/uploads/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-MediumItalic.woff2') format('woff2'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-MediumItalic.woff') format('woff'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-MediumItalic.ttf') format('truetype'),
		url('http://hmway.com.br/wp-content/uploads/Roboto-MediumItalic.svg#Roboto') format('svg');
}
/* End Custom Fonts CSS */