.Accordion .faqs {
  position: relative;
  border-bottom: 1px solid #000;
  padding: 1rem;
  margin-bottom: 1rem;
}
.Accordion .faqs h2.tit {
  font-size: 1rem;
  font-weight: 700;
}
.Accordion .faqs p {
  padding-top: 1rem;
}
.Accordion .faqs .sm, .Accordion .faqs .fe {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 0.625rem;
  color: #000;
  cursor: pointer;
}
.Accordion .faqs .sm {
  width: 100%;
  height: 100%;
  text-align: right;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  top: 0;
  right: 0;
}
.Accordion .faqs .fe {
  display: none;
  z-index: 2;
}
.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

@keyframes alerts {
  from {
    margin-top: -58px;
  }
  to {
    margin-top: 0;
  }
}
.Alert {
  position: relative;
  top: 90px;
  animation-name: alerts;
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
}
@media (width < 992px) {
  .Alert {
    top: 0;
  }
}
.Alert__failed {
  color: #dd151a;
  padding: 1rem;
}
@media (width < 992px) {
  .Alert h5 {
    font-size: 1rem !important;
    font-weight: 700;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Atuacao .grid-container {
  grid-template-columns: auto auto auto auto auto;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.Atuacao .grid-container .grid-item {
  width: 200px;
  text-align: center;
}
@media (width < 992px) {
  .Atuacao .grid-container .grid-item {
    width: auto;
  }
}
.Atuacao .grid-container .grid-item span {
  font-size: 0.75rem;
}
@media (width > 100px) and (width < 350px) {
  .Atuacao .grid-container {
    grid-template-columns: auto;
    justify-content: center;
  }
}
@media (width > 350px) and (width <= 768px) {
  .Atuacao .grid-container {
    grid-template-columns: auto auto;
    justify-content: space-around;
  }
}
@media (width <= 768px) {
  .Atuacao .grid-container .grid-item {
    margin-bottom: 3rem;
  }
  .Atuacao .grid-container .grid-item:last-child {
    margin-bottom: 0;
  }
  .Atuacao .grid-container .grid-item figcaption h2 {
    font-size: 14px;
  }
  .Atuacao .grid-container .grid-item figcaption span {
    font-size: 0.75rem;
  }
}
.Atuacao .grid-container:nth-of-type(2) {
  grid-template-columns: auto auto auto auto;
  justify-content: start;
  margin-bottom: 0;
}
.Atuacao .grid-container:nth-of-type(2) .grid-item {
  margin-right: 20px;
}
@media (width > 100px) and (width < 350px) {
  .Atuacao .grid-container:nth-of-type(2) {
    grid-template-columns: auto;
    justify-content: center;
  }
}
@media (width > 350px) and (width <= 768px) {
  .Atuacao .grid-container:nth-of-type(2) {
    grid-template-columns: auto auto;
    justify-content: space-around;
  }
}
.Atuacao .grid-container:nth-of-type(2) {
  justify-content: center;
}
@media (max-width: 992px) {
  .Atuacao {
    padding-top: 2rem;
  }
}
.Atuacao header h1,
.Atuacao header h2 {
  text-align: center;
}
.Atuacao figure .iconWrapper {
  width: 70px;
  height: 70px;
  position: relative;
  margin: auto;
}
.Atuacao figure .iconWrapper img {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 0;
}
.Atuacao figure .iconWrapper img:nth-of-type(2) {
  display: none;
}
.Atuacao figure figcaption {
  padding: 1rem 0;
}
.Atuacao figure figcaption h2 {
  text-align: center;
  color: #001a4b;
  font-size: 0.875rem;
  font-weight: 600;
}
.Atuacao figure figcaption span {
  color: #494949;
}
@media (max-width: 992px) {
  .Atuacao figure figcaption {
    height: 50px;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

@media (width < 992px) {
  .wrapper-video {
    padding-top: 57px;
  }
}

/* PRINCIPAL */
#banner-principal {
  position: relative;
  width: 100%;
  height: 680px;
  background-image: url("../assets/img/banner-turbina.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 89px;
}
@media (width < 1367px) and (width > 1024px) {
  #banner-principal {
    height: calc(100vh - 100px);
  }
  #banner-principal figcaption h1 {
    font-size: 2rem !important;
  }
}
#banner-principal .container,
#banner-principal .row {
  position: relative;
  height: 100%;
  align-items: center;
}
#banner-principal::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
}
#banner-principal figcaption {
  display: flex;
  align-items: center;
  z-index: 999;
}
#banner-principal figcaption h1 {
  position: relative;
  z-index: 999;
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 992px) {
  #banner-principal {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 500px !important;
    background-image: url("../assets/img/banner_turbina_mobile.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #banner-principal figcaption {
    padding: 2rem;
    justify-content: center;
  }
  #banner-principal figcaption * {
    text-align: center;
  }
  #banner-principal figcaption .defaultButton {
    margin: auto;
    margin-top: 2rem;
  }
}
@media (width < 992px) {
  #banner-principal {
    margin-top: 0;
  }
  #banner-principal h1 {
    font-size: 20px !important;
  }
  #banner-principal .row {
    align-items: flex-end;
  }
}
#banner-principal .defaultButton {
  max-width: 300px;
  margin-top: 1.5rem;
  margin-left: 0;
}
@media (width < 769px) {
  #banner-principal .defaultButton {
    max-width: 170px;
  }
}

/* SERVICO */
#banner-servicos {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url("../assets/img/banner-servicos.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (width < 1367px) and (width > 1024px) {
  #banner-servicos {
    height: calc(100vh - 100px);
  }
  #banner-servicos figcaption h1 {
    font-size: 2rem !important;
  }
}
#banner-servicos .container,
#banner-servicos .row {
  position: relative;
  height: 100%;
  align-items: center;
}
#banner-servicos::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
}
#banner-servicos figcaption {
  display: flex;
  align-items: center;
  z-index: 999;
}
#banner-servicos figcaption h1 {
  position: relative;
  z-index: 999;
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 992px) {
  #banner-servicos {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 500px !important;
    background-image: url("../assets/img/banner-servicos.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #banner-servicos figcaption {
    padding: 2rem;
    justify-content: center;
  }
  #banner-servicos figcaption * {
    text-align: center;
  }
  #banner-servicos figcaption .defaultButton {
    margin: auto;
    margin-top: 2rem;
  }
}

/* GARANTIA */
#banner-garantia {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url("../assets/img/banner_garantia.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  background-position-x: left;
}
@media (width < 1367px) and (width > 1024px) {
  #banner-garantia {
    height: calc(100vh - 100px);
  }
  #banner-garantia figcaption h1 {
    font-size: 2rem !important;
  }
}
#banner-garantia .container,
#banner-garantia .row {
  position: relative;
  height: 100%;
  align-items: center;
}
#banner-garantia::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
}
#banner-garantia figcaption {
  display: flex;
  align-items: center;
  z-index: 999;
}
#banner-garantia figcaption h1 {
  position: relative;
  z-index: 999;
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 992px) {
  #banner-garantia {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 500px !important;
    background-image: url("../assets/img/banner_garantia.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #banner-garantia figcaption {
    padding: 2rem;
    justify-content: center;
  }
  #banner-garantia figcaption * {
    text-align: center;
  }
  #banner-garantia figcaption .defaultButton {
    margin: auto;
    margin-top: 2rem;
  }
}

/* A EMPRESA */
#banner-empresa {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url("../assets/img/banner-pagina-empresa.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (width < 1367px) and (width > 1024px) {
  #banner-empresa {
    height: calc(100vh - 100px);
  }
  #banner-empresa figcaption h1 {
    font-size: 2rem !important;
  }
}
#banner-empresa .container,
#banner-empresa .row {
  position: relative;
  height: 100%;
  align-items: center;
}
#banner-empresa::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}
#banner-empresa figcaption {
  display: flex;
  align-items: center;
  z-index: 999;
}
#banner-empresa figcaption h1 {
  position: relative;
  z-index: 999;
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 992px) {
  #banner-empresa {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 500px !important;
    background-image: url("../assets/img/banner-pagina-empresa-mobile.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #banner-empresa figcaption {
    padding: 2rem;
    justify-content: center;
  }
  #banner-empresa figcaption * {
    text-align: center;
  }
  #banner-empresa figcaption .defaultButton {
    margin: auto;
    margin-top: 2rem;
  }
}

.socialIconWrapper {
  padding-left: 2rem;
}
.socialIconWrapper ul li {
  display: inline-block;
}
.socialIconWrapper a i {
  font-style: normal !important;
}
.socialIconWrapper a i::before {
  font-family: "Bootstrap-icons";
  color: #dd151a;
  margin-right: 5px;
}
@media (width < 576px) {
  .socialIconWrapper a i::before {
    font-size: 1rem;
  }
}
@media (width >= 992px) {
  .socialIconWrapper a i::before {
    font-size: 1rem;
  }
}

.site-navbar-wrap {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0;
  background-color: #ebebeb;
}
.site-navbar-wrap a {
  color: #ffffff;
}
.site-navbar-wrap #logo-menu-desktop {
  display: block;
  width: 170px;
}
@media (width <= 1366px) {
  .site-navbar-wrap #logo-menu-desktop {
    width: 130px;
  }
}
@media (width <= 992px) {
  .site-navbar-wrap #logo-menu-desktop {
    width: 90px;
  }
}

.site-navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media (width < 992px) {
  .site-navbar-top {
    display: none;
  }
}
.site-navbar-top * {
  color: #001a4b;
}
.site-navbar-top .socialIconWrapper {
  padding-right: 15px;
}
@media (width < 992px) {
  .site-navbar-top .socialIconWrapper {
    padding-right: 0;
  }
}

.site-navbar {
  margin-bottom: 0px;
  width: 100%;
}
.site-navbar .site-logo {
  font-weight: 200;
  line-height: 0;
  position: relative;
}
.site-navbar .site-logo a {
  font-weight: 200;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.site-navbar .site-navigation .site-menu {
  margin-bottom: 0;
}
.site-navbar .site-navigation .site-menu a {
  text-decoration: none !important;
  display: inline-block;
  font-weight: 500;
}
.site-navbar .site-navigation .site-menu > li {
  display: inline-block;
  padding: 10px 5px;
}
.site-navbar .site-navigation .site-menu > li > a {
  padding: 20px 10px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  text-decoration: none !important;
}
.site-navbar .site-navigation .site-menu > li > a.active {
  color: #ffffff;
}
.site-navbar .site-navigation .site-menu > li > a:hover {
  color: #dd151a;
}
@media (width < 576px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width >= 576px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width >= 768px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width <= 992px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 5px;
  }
}
@media (width >= 1024px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 5px;
  }
}
@media (width >= 1280px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 9px;
  }
}
@media (width >= 1366px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 11px;
  }
}
@media (width >= 1920px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width >= 2400px) {
  .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
.site-navbar .site-navigation .site-menu .has-children {
  position: relative;
}
.site-navbar .site-navigation .site-menu .has-children > a {
  position: relative;
  padding-right: 20px;
}
.site-navbar .site-navigation .site-menu .has-children > a:before {
  position: absolute;
  content: "\e313";
  font-size: 16px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "icomoon";
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
  visibility: hidden;
  opacity: 0;
  top: 100%;
  position: absolute;
  text-align: left;
  box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 0px 0;
  margin-top: 20px;
  margin-left: 0px;
  background: #ffffff;
  transition: 0.2s 0s;
  border-radius: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
  position: absolute;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  font-size: 14px;
  text-transform: none;
  letter-spacing: normal;
  transition: 0s all;
  color: #001a4b;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
  color: #001a4b;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
  color: #ffffff !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
  padding: 9px 20px;
  display: block;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
  background: white;
  color: #dd151a;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
  content: "\e315";
  right: 20px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
  left: 100%;
  top: 0;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
  background: white;
  color: #ebebeb;
}
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
  color: #ffffff;
}
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
  cursor: pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
  transition-delay: 0s;
  margin-top: 0px;
  visibility: visible;
  opacity: 1;
}

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #ffffff;
  height: 100vh;
  transform: translateX(110%);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
}
.offcanvas-menu .site-mobile-menu {
  transform: translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
  float: right;
  margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
  font-size: 30px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 0px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
  color: #ebebeb;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
  float: left;
  margin-top: 10px;
  margin-left: 0px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
  display: inline-block;
  text-transform: uppercase;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
  max-width: 70px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
  text-decoration: none;
}
.site-mobile-menu .site-mobile-menu-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 20px;
  height: calc(100vh - 52px);
  padding-bottom: 150px;
}
.site-mobile-menu .site-nav-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.site-mobile-menu .site-nav-wrap a {
  padding: 10px 30px;
  display: block;
  position: relative;
  color: #001a4b;
}
.site-mobile-menu .site-nav-wrap a.active, .site-mobile-menu .site-nav-wrap a:hover {
  color: #dd151a;
}
.site-mobile-menu .site-nav-wrap li {
  position: relative;
  display: block;
}
.site-mobile-menu .site-nav-wrap li.active > a {
  color: #dd151a;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
  position: absolute;
  right: 0px;
  top: 3px;
  z-index: 20;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
  background: #ebebeb;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
  font-size: 12px;
  z-index: 20;
  font-family: "icomoon";
  content: "\f078";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: 0.3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
  transform: translate(-50%, -50%);
}
.site-mobile-menu .site-nav-wrap > li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}
.site-mobile-menu .site-nav-wrap > li > a {
  padding-left: 20px;
  font-size: 14px;
}
.site-mobile-menu .site-nav-wrap > li > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-mobile-menu .site-nav-wrap > li > ul > li {
  display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
  padding-left: 40px;
  font-size: 16px;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
  padding: 0;
  margin: 0;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
  display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
  font-size: 16px;
  padding-left: 60px;
}

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%;
  background-color: #001a4b;
}
.sticky-wrapper + .site-blocks-cover {
  margin-top: 96px;
}
.sticky-wrapper .site-navbar {
  transition: 0.3s all ease;
}
.sticky-wrapper .site-navbar ul li.active a {
  color: #ffffff;
}
.sticky-wrapper.is-sticky #logo-menu-desktop {
  width: 95px;
}
.sticky-wrapper.is-sticky .site-navbar {
  background-color: #001a4b;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li {
  display: inline-block;
  padding: 10px 5px;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child {
  padding-right: 0;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child > a {
  padding-right: 0;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.has-children > a {
  padding-right: 20px;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
  padding: 10px 10px;
  color: white;
}
@media (width < 576px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width >= 576px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width >= 768px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width >= 1024px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 5px;
  }
}
@media (width <= 992px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 5px;
  }
}
@media (width >= 1280px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 9px;
  }
}
@media (width >= 1366px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 11px;
  }
}
@media (width >= 1920px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
@media (width >= 2400px) {
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
  }
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a:hover {
  color: #ffffff !important;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a.active {
  color: #ffffff !important;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.active a {
  color: #ffffff;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.defaultButton {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 2px;
  text-align: center;
  padding: 1rem 1.5rem;
  text-decoration: none;
  border: none;
  border-radius: 50px;
  outline: none;
  transition: 0.2s ease-in-out;
}
@media (width < 992px) {
  .defaultButton {
    padding: 0.5rem 1.5rem !important;
  }
}

[data-button=redBtn] {
  background: #dd151a;
  color: #ffffff;
}
[data-button=redBtn]:hover {
  background: #001a4b;
  color: #ffffff;
}

[data-button=blueBtn] {
  background: #001a4b;
  color: #ffffff;
}
[data-button=blueBtn]:hover {
  background: #dd151a;
  color: #ffffff;
}

[data-button=whiteBtn] {
  background: #ffffff;
  color: #001a4b;
}
[data-button=whiteBtn]:hover {
  background: #001a4b;
  color: #ffffff;
}

[data-button=waBtn] {
  background-color: #006516;
  background-image: url("../assets/img/icone-wa.png");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-x: 30px;
  background-position-y: center;
  color: #ffffff;
}
[data-button=waBtn]:hover {
  color: #ffffff;
}
@media (width < 992px) {
  [data-button=waBtn] {
    background: none;
    color: #006516;
    border-radius: 0;
    border: 1px solid #006516;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.more {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.5rem;
}

#modalButton {
  margin-left: 0;
}

.waButton {
  display: flex;
  transition: ease-in-out 0.2s;
  height: 55px;
  width: 55px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background: none;
  color: #ffffff;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.waButton:hover {
  width: 200px;
}
.waButton:hover .waButton__text::after {
  content: "Atendimento";
  color: #ffffff;
}
.waButton .wa-icon {
  margin: 0;
}
.waButton span {
  padding-left: 10px;
}

.OrcamentoBtn {
  display: block;
  margin-top: 3rem;
}

@media (max-width: 992px) {
  .defaultButton {
    font-size: 0.75rem;
    letter-spacing: 1px;
    max-width: 230px;
    margin: auto;
  }
}
.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Catalogo.section1, .section1 {
  padding-top: 200px;
}
@media (width < 992px) {
  .Catalogo.section1, .section1 {
    padding-top: 110px;
  }
}

@media (width < 992px) {
  .Catalogo h1 {
    font-size: 14px;
  }
}
.Catalogo .grid-container {
  grid-template-columns: auto auto auto;
  gap: 3rem;
  justify-content: center;
}
.Catalogo .grid-container p {
  display: block;
  width: 100%;
  margin: auto;
  text-align: center;
}
@media (width < 768px) {
  .Catalogo .grid-container {
    gap: 20px;
  }
}
.Catalogo .grid-container .grid-item {
  transition: ease-in-out 0.1s;
  position: relative;
  overflow: hidden;
  text-align: left;
  color: #001a4b;
}
.Catalogo .grid-container .grid-item figure {
  padding: 0 0 3rem 0;
}
.Catalogo .grid-container .grid-item figure div {
  position: relative;
  width: 250px;
  max-width: calc(100% - 40px);
  height: 200px;
  margin: auto;
}
.Catalogo .grid-container .grid-item figure div img {
  transition: ease-in-out 0.2s;
}
.Catalogo .grid-container .grid-item figure div img[alt] {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 220px;
  left: 15px;
}
.Catalogo .grid-container .grid-item figure div #sombra {
  display: block;
  position: absolute;
  width: 210px;
  height: 30px;
  left: 20px;
  transition: ease-in-out 0.1s;
  top: calc(100% - 13px);
  z-index: 1;
  text-align: center;
}
.Catalogo .grid-container .grid-item figure div #sombra img {
  width: 230px;
  height: 30px;
}
.Catalogo .grid-container .grid-item:hover {
  color: #001a4b;
  transform: scale(1.05);
}
.Catalogo .grid-container .grid-item:hover figure div img[alt] {
  top: -15px;
  transform: scale(1 0.5);
}
.Catalogo .grid-container .grid-item:hover figure div #sombra {
  padding: 0 2rem;
}
.Catalogo .grid-container .grid-item:hover .iconeFrete {
  background-color: #dd151a;
  background-position-x: 0;
}
.Catalogo .grid-container .grid-item:hover .maisInfo {
  background: #dd151a;
  font-weight: 600;
}
@media (width > 992px) {
  .Catalogo .grid-container:hover > .grid-item:not(:hover) {
    opacity: 0.4;
  }
}
@media (width > 100px) and (width <= 700px) {
  .Catalogo .grid-container {
    grid-template-columns: auto;
    justify-content: center;
  }
}
@media (width > 700px) and (width <= 768px) {
  .Catalogo .grid-container {
    grid-template-columns: auto auto;
    justify-content: space-around;
  }
}
@media (width < 768px) {
  .Catalogo .grid-container .grid-item {
    margin-bottom: 1rem;
  }
  .Catalogo .grid-container .grid-item figure {
    width: 100%;
  }
}
.Catalogo__productName {
  font-size: 1rem;
  padding-top: 2rem;
  font-weight: 600;
}
.Catalogo__price {
  font-size: 2rem;
  font-weight: 800;
}
@media (width < 768px) {
  .Catalogo__price .grid-item {
    font-size: 1.5rem;
  }
}
.Catalogo__conditions {
  font-weight: 600;
}
@media (width < 768px) {
  .Catalogo .mt-5 {
    margin-top: 1rem !important;
  }
}

.iconeFrete {
  display: block;
  position: absolute;
  right: 0;
  width: 60px;
  height: 40px;
  border-bottom-left-radius: 10px;
  background-color: #001a4b;
  background-image: url("../assets/img/icone-frete.png");
  background-repeat: no-repeat;
  background-size: 120px;
  background-position-x: -60px;
  background-position-y: center;
  transition: ease-in-out 0.2s;
  transition-delay: 0.15s;
}

.maisInfo {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  justify-content: center;
  align-items: center;
  background-color: #001a4b;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 3px;
  transition: ease-in-out 0.1s;
}
@media (width < 768px) {
  .maisInfo {
    font-size: 0.75rem;
  }
}

.tractorIcon {
  position: relative;
  display: block;
  margin: auto;
  width: 780px;
  text-align: right;
}
@media (width < 992px) {
  .tractorIcon {
    width: 275px;
  }
}
.tractorIcon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: url("../assets/img/icone-categoria-agricola.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .tractorIcon::before {
    width: 25px;
    height: 25px;
    top: -6px;
  }
}

.busIcon {
  position: relative;
  display: block;
  margin: auto;
  width: 600px;
  text-align: right;
}
@media (width < 992px) {
  .busIcon {
    width: 220px;
  }
}
.busIcon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: url("../assets/img/icone-categoria-onibus.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .busIcon::before {
    width: 30px;
    height: 30px;
    top: -8px;
  }
}

.autoIcon {
  position: relative;
  display: block;
  margin: auto;
  width: 720px;
  text-align: right;
}
@media (width < 992px) {
  .autoIcon {
    width: 268px;
  }
}
.autoIcon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: url("../assets/img/icone-categoria-automovel.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .autoIcon::before {
    width: 30px;
    height: 30px;
    top: -6px;
  }
}

.truckIcon {
  position: relative;
  display: block;
  margin: auto;
  width: 700px;
  text-align: right;
}
@media (width < 992px) {
  .truckIcon {
    width: 255px;
  }
}
.truckIcon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: url("../assets/img/icone-categoria-caminhao.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .truckIcon::before {
    width: 30px;
    height: 30px;
    top: -8px;
  }
}

.truckIconRed {
  position: relative;
  display: block;
  margin: auto;
  width: 465px;
  text-align: right;
}
@media (width < 992px) {
  .truckIconRed {
    width: 235px;
    margin: auto;
  }
}
.truckIconRed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url("../assets/img/icone-categoria-caminhao-vermelho.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .truckIconRed::before {
    top: -8px;
  }
}

.busIconRed {
  position: relative;
  display: block;
  margin: auto;
  width: 403px;
  text-align: right;
}
@media (width < 992px) {
  .busIconRed {
    width: 210px;
    margin: auto;
  }
}
.busIconRed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url("../assets/img/icone-categoria-onibus-vermelho.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .busIconRed::before {
    top: -8px;
  }
}

.autoIconRed {
  position: relative;
  display: block;
  margin: auto;
  width: 486px;
  text-align: right;
  text-align: right;
}
@media (width < 992px) {
  .autoIconRed {
    width: 250px;
    margin: auto;
  }
}
.autoIconRed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url("../assets/img/icone-categoria-automovel-vermelho.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .autoIconRed::before {
    top: -8px;
  }
}

.tractorIconRed {
  position: relative;
  display: block;
  margin: auto;
  width: 520px;
  text-align: right;
}
@media (width < 992px) {
  .tractorIconRed {
    width: 265px;
    margin: auto;
  }
}
.tractorIconRed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url("../assets/img/icone-categoria-agricola-vermelho.png");
  background-position: center;
  background-size: cover;
}
@media (width < 992px) {
  .tractorIconRed::before {
    top: -8px;
  }
}

#home .mt-90 {
  margin-top: 0;
}

@media (width < 992px) {
  #turbinas-para-equipamentos {
    margin-top: 2rem;
  }
}

.maisVendidas {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 142px;
}
@media (width < 1025px) and (width > 992px) {
  .maisVendidas img {
    width: 150px;
  }
}
@media (width < 1024px) and (width > 767px) {
  .maisVendidas {
    top: 58px;
  }
  .maisVendidas img {
    width: 140px;
  }
}
@media (width < 992px) {
  .maisVendidas {
    top: 58px;
  }
  .maisVendidas img {
    width: 80px;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Clientes {
  padding: 8rem 0;
}
@media (width < 992px) {
  .Clientes {
    padding: 4rem 0;
  }
}
.Clientes #clientes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Clientes #clientes figure {
  height: 50px;
  display: flex;
  align-items: center;
}
.Clientes #clientes figure img[alt=Vale] {
  width: 100px;
  height: auto;
}
.Clientes #clientes figure img[alt=Gerdau] {
  width: 120px;
  height: auto;
}
.Clientes #clientes figure img[alt=Usiminas] {
  width: 100px;
  height: auto;
}
.Clientes #clientes figure img[alt=CSN] {
  width: 100px;
  height: auto;
}
.Clientes #clientes .owl-nav {
  display: block !important;
}
.Clientes #clientes .owl-nav button {
  position: absolute;
  top: -30px;
}
.Clientes #clientes .owl-nav button span {
  font-size: 4rem;
  color: #001a4b;
}
.Clientes #clientes .owl-nav .owl-prev {
  left: 0;
}
.Clientes #clientes .owl-nav .owl-next {
  right: 0;
}
@media (max-width: 992px) {
  .Clientes {
    padding-bottom: 2rem;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.CompraFacilitada {
  padding-bottom: 2rem;
}
.CompraFacilitada .grid-container {
  grid-template-columns: auto auto auto auto auto;
  justify-content: space-between;
}
.CompraFacilitada .grid-container .grid-item {
  text-align: center;
}
@media (width > 100px) and (width < 350px) {
  .CompraFacilitada .grid-container {
    grid-template-columns: auto;
    justify-content: center;
  }
}
@media (width > 350px) and (width <= 768px) {
  .CompraFacilitada .grid-container {
    grid-template-columns: auto auto;
    justify-content: space-around;
  }
}
@media (width <= 768px) {
  .CompraFacilitada .grid-container .grid-item {
    margin-bottom: 2rem;
  }
  .CompraFacilitada .grid-container .grid-item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .CompraFacilitada {
    padding-top: 2rem;
  }
}
.CompraFacilitada .redLine {
  height: 7px;
  background-color: #dd151a;
  margin-bottom: 4rem;
}
@media (max-width: 992px) {
  .CompraFacilitada .redLine {
    margin-bottom: 2rem;
  }
}
.CompraFacilitada header h1, .CompraFacilitada header h5 {
  text-align: center;
  color: #ffffff;
}
.CompraFacilitada header h1 {
  font-style: italic;
}
.CompraFacilitada figure figcaption {
  padding: 1rem 0;
}
.CompraFacilitada figure figcaption h5 {
  text-align: center;
  color: #ffffff;
}
.CompraFacilitada figure figcaption h5 span {
  font-weight: 300;
  font-size: 0.9rem;
}
@media (max-width: 992px) {
  .CompraFacilitada figure figcaption h5 span {
    display: block;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .CompraFacilitada figure figcaption {
    height: 50px;
  }
}

.paymentCondition {
  font-weight: 700 !important;
  font-size: 18px !important;
  font-style: italic;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Contato {
  background-image: url("../assets/img/contato-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center -120px;
}

.TrabalheConosco {
  background-image: url("../assets/img/trabalhe-conosco-bg-tcl-v2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 30px;
}
@media (width >= 1280px) {
  .TrabalheConosco {
    height: 900px;
    display: flex;
    align-items: center;
  }
}

.Revendedor {
  background-image: url("../assets/img/revendedor-bg-tcl-v2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 120px;
}
@media (width >= 1280px) {
  .Revendedor {
    height: 900px;
    display: flex;
    align-items: center;
  }
}
@media (width > 992px) {
  .Revendedor__info {
    padding-right: 1rem;
  }
}

@media (width < 992px) {
  .Contato, .TrabalheConosco, .Revendedor {
    background-image: none;
    background-color: #001a4b;
    padding: 3rem 2rem;
    padding-top: 190px;
  }
  .Contato form, .TrabalheConosco form, .Revendedor form {
    padding-top: 50px;
  }
  .Contato form .defaultButton, .TrabalheConosco form .defaultButton, .Revendedor form .defaultButton {
    width: auto;
  }
  .Contato h2, .TrabalheConosco h2, .Revendedor h2 {
    font-size: 25px !important;
    font-weight: bold;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

* {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
}

body, ul, li, figure {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
}

h3 span.big {
  font-size: 36px;
}

h4 {
  font-weight: 800;
  letter-spacing: 2px;
}

@media (width < 576px) {
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 14px !important;
  }
  h3 {
    font-size: 12px !important;
  }
  h4 {
    font-size: 10px !important;
  }
  h5 {
    font-size: 9px !important;
  }
  h6 {
    font-size: 8px !important;
  }
  p {
    font-size: 0.875rem !important;
  }
}
a {
  text-decoration: none;
}

a.voltar {
  font-size: 0.75rem;
  color: #494949;
  font-weight: 700;
  transition: ease-in-out 0.2s;
}
a.voltar:hover {
  text-decoration: underline;
  color: #000000;
}

ul {
  list-style: none;
}

.bullet {
  background: url("../assets/img/bullet.png");
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 15px;
  padding-left: 30px;
}

section {
  padding: 4rem 0;
}
@media (max-width: 1023px) {
  section {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (width < 768px) {
  section {
    padding: 2rem 0;
  }
}
section header.sectionHeader {
  margin-bottom: 3rem;
}
@media (width <= 768px) {
  section header.sectionHeader {
    margin-bottom: 1rem;
  }
}
section header h1 {
  font-style: italic;
  font-weight: 800;
}

.no-pdt {
  padding-top: 0 !important;
}

.no-pdb {
  padding-bottom: 0 !important;
}

.pdb-1 {
  padding-bottom: 1rem !important;
}

.bold1 {
  font-weight: 600 !important;
}

.bold2 {
  font-weight: 700 !important;
}

.bold3 {
  font-weight: 800 !important;
}

.thin {
  font-weight: 200 !important;
}

.fixMarginTop {
  padding-top: 160px;
}

.readmore {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  color: #001a4b !important;
}
.readmore:hover {
  background: none !important;
  color: #001a4b !important;
}

.grid-container {
  display: grid;
}

.image-fluid {
  display: block;
  max-width: 100%;
  margin: auto;
}

.text-center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.op-0 {
  opacity: 0;
}

.roundedBorder {
  width: 100%;
  height: 2px;
  border-radius: 5px;
}
@media (width < 992px) {
  .roundedBorder {
    margin-top: 1rem;
  }
}

.mt-90 {
  margin-top: 90px;
}
@media (width < 992px) {
  .mt-90 {
    margin-top: 70px;
  }
}

@font-face {
  font-family: "icomoon";
  src: local("achieve"), url("../assets/fonts/icomoon.otf") format("opentype"), url("../assets/fonts/icomoon.ttf") format("truetype"), url("../assets/fonts/icomoon.eot") format("eot"), url("../assets/fonts/icomoon.woff") format("woff");
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon {
  font-family: "icomoon";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-facebook-square:before {
  content: "\f082";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-youtube:before {
  content: "\f167";
}

.displayMarcas {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 2rem;
  height: 100vh;
  display: flex;
  align-items: center;
}
.displayMarcas img {
  width: 130px;
  height: auto;
  margin-top: -100px;
  margin-right: -20px;
  filter: drop-shadow(5px 4px 4px rgba(40, 40, 40, 0.6));
}
@media (width < 992px) {
  .displayMarcas {
    display: none;
  }
}
@media (width <= 1366px) {
  .displayMarcas img {
    width: 100px;
  }
}

.DobraBotaoOrcamento .defaultButton {
  margin-top: 0;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Empresa.section1 {
  position: relative;
  padding-top: 200px;
  display: flex;
  align-items: center;
}
@media (width < 992px) {
  .Empresa.section1 {
    background-image: none;
    height: auto;
    padding-top: 110px;
    display: flex;
    flex-direction: column;
  }
}

.Empresa .info1 h2, .Empresa .info2 h2, .Empresa .info3 h2 {
  font-size: 18px !important;
  font-weight: 700;
}
.Empresa .info1 p, .Empresa .info2 p, .Empresa .info3 p {
  text-align: justify;
  line-height: 1.5rem;
}
@media (width < 992px) {
  .Empresa .info1 p, .Empresa .info2 p, .Empresa .info3 p {
    text-align: left;
    line-height: 1.25rem;
  }
}
.Empresa .info1 li, .Empresa .info2 li, .Empresa .info3 li {
  font-size: 14px;
}
@media (width < 992px) {
  .Empresa ul {
    margin-bottom: 2rem;
  }
}
.Empresa ul li.bullet {
  margin-top: 1.5rem;
}

.Empresa.section1 .info1 p {
  padding: 2rem 2rem 0 0;
}

.Empresa.section2 .info2 p {
  padding: 0 2rem 0 0;
}
.Empresa.section2 .info2 ul li {
  padding-right: 2rem;
}
.Empresa.section2 .info3 p {
  padding-top: 0;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Form label {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  width: 100%;
}
.Form input {
  margin: 0.5rem 0;
}
.Form [type=text] {
  margin-bottom: 1rem;
}
.Form textarea {
  min-height: 100px;
}
.Form select {
  height: 40px;
}
.Form [type=text], .Form textarea, .Form select {
  color: #000000;
  font-weight: 600;
  background-color: #ffffff;
}
.Form button {
  display: block;
  border-radius: 4px;
  background: #dd151a;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  border: none;
  margin-top: 1rem;
  width: 100%;
  line-height: 1.875rem;
  padding: 1rem 0;
}
.Form .plus, .Form .equal {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  margin-top: -9px;
  font-size: 2rem;
}

.form-control {
  border-radius: 3px;
  border: none !important;
  margin-bottom: 5px;
}

.form-control:focus {
  background-color: #ffffff;
  border: none !important;
  outline: none;
}

.form-select {
  background-image: url("../assets/img/select-arrow.png");
  background-size: 20px auto;
  margin: 0.5rem 0 1rem 0;
}

.email-ctrl {
  width: calc(100% - 4px);
}

@media (max-width: 992px) {
  .Form button {
    font-size: 0.75rem;
    padding: 0.5rem 0;
  }
}
.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Footer {
  position: relative;
  padding: 2.5rem;
  background-image: url("../assets/img/turbina-footer.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
}
@media (max-width: 992px) {
  .Footer {
    background-image: none;
  }
  .Footer .col-md-3:nth-child(4) {
    padding-top: 2rem;
  }
  .Footer .col-md-3:nth-child(4) p {
    margin-bottom: 2rem;
  }
  .Footer .col-md-3:nth-child(4) img {
    height: 18px !important;
    width: auto !important;
  }
  .Footer .sul {
    margin-top: 2rem;
  }
}
@media (max-width: 1366px) {
  .Footer {
    background-position-x: -150px;
  }
}
.Footer .logoFooter {
  width: 180px;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .Footer .logoFooter #tcl-logo-footer {
    width: 150px;
    margin-bottom: 2rem;
    margin-left: 0;
  }
}
.Footer__title {
  color: #001a4b;
  font-size: 0.75rem;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 2rem;
}
.Footer__title::nth-of-type(2) {
  opacity: 0;
}
.Footer__regiao {
  font-size: 1rem;
  margin-bottom: 1rem;
  color: #dd151a;
}
.Footer__endereco {
  color: #001a4b;
  font-size: 0.75rem;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 0;
}
.Footer__telefone a {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  text-align: left;
  color: #001a4b;
  text-decoration: none;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 0.75rem;
}
.Footer__telefone a img.wa-icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 5px;
}
.Footer__telefone, .Footer__regiao, .Footer__estado {
  color: #dd151a;
  position: relative;
}
.Footer__estado {
  font-weight: 700;
  font-size: 1.25rem;
}
.Footer figure.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto;
}
@media (width < 992px) {
  .Footer figure.grid-container {
    grid-template-columns: auto auto;
  }
}
.Footer figure.grid-container [alt=BorgWarner] {
  height: 20px;
  width: auto;
  margin-bottom: 20px;
}
.Footer figure.grid-container [alt=Garret] {
  height: 25px;
  width: auto;
  margin-bottom: 20px;
}
.Footer figure.grid-container [alt=Holset] {
  height: 22px;
  width: auto;
  margin-bottom: 20px;
}
.Footer figure.grid-container [alt="IHI Turbo"] {
  height: 18px;
  width: auto;
  margin-bottom: 20px;
}
.Footer .whatsAppButton {
  position: fixed;
  z-index: 9999999;
  width: 60px;
  bottom: 25px;
  right: 67px;
}
.Footer .whatsAppButton img {
  max-width: 100%;
}
@media (max-width: 992px) {
  .Footer .whatsAppButton {
    width: 40px;
    bottom: 20px;
    right: 20px;
  }
}

.redesSociais {
  display: flex;
  justify-content: space-between;
  width: 140px;
  margin-top: 2rem;
}
.redesSociais li a img {
  width: 20px;
}
@media (width < 992px) {
  .redesSociais {
    margin-bottom: 2rem;
  }
}

.footerNavigation li a {
  color: #001a4b;
  font-size: 0.75rem;
}
@media (width < 992px) {
  .footerNavigation li a {
    display: block;
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
.footerNavigation li a:hover {
  color: #dd151a;
}

.Footer2 {
  background-color: #001a4b;
  padding: 1rem;
}
@media (width > 768px) {
  .Footer2 .col-md-10 div > div:last-child {
    justify-content: flex-end;
  }
}
@media (width < 768px) {
  .Footer2 .col-md-10 div > div:last-child {
    justify-content: center;
    text-align: center;
    padding-top: 2rem;
  }
}
.Footer2 .copy, .Footer2 .curinga {
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 0.625rem !important;
}
.Footer2 .curinga {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
}
.Footer2 .curinga span {
  font-weight: 700;
}
.Footer2 .copy {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
}
@media (width < 768px) {
  .Footer2 .copy {
    text-align: center;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Garantia {
  padding-bottom: 0;
}
.Garantia .info {
  padding-left: 1rem;
  text-align: justify;
}
@media (width < 992px) {
  .Garantia .info {
    padding-left: 0;
    padding-top: 2rem;
    text-align: center;
  }
}

i::before {
  font-family: "Bootstrap-icons";
}

.instagram::before {
  content: "\f437";
}

.facebook::before {
  content: " \f344";
}

.youtube::before {
  content: "\f62b";
}

.google::before {
  content: "\f3f0";
}

.spotfy::before {
  content: "\f666";
}

.telephone::before {
  content: "\f5b4";
}

.location::before {
  content: "\f3e7";
}

.clock::before {
  content: "\f291";
}

.linkedin::before {
  content: "\f472";
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Marcas .grid-container {
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  justify-content: center;
  gap: 3rem;
}
@media (width > 100px) and (width < 350px) {
  .Marcas .grid-container {
    grid-template-columns: auto;
    justify-content: center;
  }
}
@media (width > 350px) and (width <= 768px) {
  .Marcas .grid-container {
    grid-template-columns: auto auto;
    justify-content: space-around;
  }
}
@media (width < 768px) {
  .Marcas .grid-container .grid-item {
    margin-bottom: 1rem;
    padding-top: 1rem;
  }
  .Marcas .grid-container .grid-item img {
    width: 100px;
  }
}
.Marcas .grid-container .grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Marcas header h1, .Marcas header h5 {
  text-align: center;
}
@media (max-width: 992px) {
  .Marcas {
    padding-bottom: 1rem;
  }
}
.Marcas p {
  display: block;
  margin-top: -30px;
}
@media (max-width: 992px) {
  .Marcas p {
    margin-top: 0;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Mensagem {
  background: linear-gradient(#ebebeb, #dddddd);
  height: calc(100vh - 200px);
}
.Mensagem .container, .Mensagem .row {
  height: 100%;
}
.Mensagem__icon {
  width: 100px;
}
.Mensagem h3 {
  color: #001a4b;
}

[data-image=success], [data-image=fail] {
  display: block;
  margin: auto;
  width: 70px;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

@media (width < 992px) {
  .wrapper-menu {
    position: fixed;
    z-index: 999999;
    width: 100%;
    top: 0;
    left: 0;
  }
}

.mainHeader {
  position: fixed;
  width: 100%;
  z-index: 999999;
  display: flex;
  align-items: stretch;
  height: 90px;
  background-color: #001a4b;
  transition: ease-in-out 0.2s;
}
@media (width < 992px) {
  .mainHeader {
    position: unset !important;
  }
}
.mainHeader .col-md-10 {
  justify-content: flex-end;
}
.mainHeader .logotype {
  display: flex;
  align-items: center;
}
.mainHeader nav#site-navigation {
  display: flex;
  justify-content: center;
  height: 90px;
}
.mainHeader nav#site-navigation ul {
  display: flex;
  align-items: stretch;
}
.mainHeader nav#site-navigation ul li {
  display: flex;
  align-items: stretch;
}
.mainHeader nav#site-navigation ul li a {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 100%;
  color: #ffffff;
  padding: 0 1.25rem;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.8rem;
  transition: ease-in-out 0.2s;
  transition-delay: 0.1s;
}
.mainHeader nav#site-navigation ul li a:hover {
  color: #dd151a;
}
@media (width < 1367px) {
  .mainHeader nav#site-navigation ul li a {
    padding: 0 1rem;
    font-size: 0.75rem;
  }
}
@media (width < 992px) {
  .mainHeader nav#site-navigation ul li a {
    padding: 0 1rem;
    font-size: 0.875rem;
  }
}

.mainSubmenu {
  position: relative;
  z-index: 9;
  height: 0;
}
@media (width < 992px) {
  .mainSubmenu {
    display: none;
  }
}
.mainSubmenu .col-md-10 {
  position: relative;
}
.mainSubmenu nav {
  position: relative;
  left: 205px;
  top: -8px;
  display: block;
  width: 250px;
  height: 0;
  overflow: hidden;
  background: #001a4b;
  transition: ease-in-out 0.2s;
}
@media (width < 1367px) {
  .mainSubmenu nav {
    left: 180px;
  }
}
.mainSubmenu nav ul li {
  height: 50px;
  display: flex;
  align-items: stretch;
}
.mainSubmenu nav ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  color: #ffffff;
  padding: 0 1rem;
  font-size: 0.875rem;
  transition: ease-in-out 0.2s;
  transition-delay: 0.1s;
}
.mainSubmenu nav ul li a:hover {
  background-color: #dd151a;
}

.showNav {
  height: 150px !important;
  margin-top: 95px;
}

@media (width <= 992px) {
  .mainHeader {
    height: 0;
    overflow: hidden;
  }
  .mainHeader .container > .row {
    flex-direction: column;
  }
  .mainHeader .col-md-10 {
    justify-content: flex-start;
    height: 100%;
    align-items: center;
  }
  .mainHeader #logo-tcl-turbinas {
    position: absolute;
    top: 10px;
    width: 90px;
  }
  .mainHeader nav {
    width: 100%;
    height: 100%;
    align-items: center;
  }
  .mainHeader ul {
    width: 100%;
    flex-direction: column;
    height: auto !important;
  }
  .mainHeader ul li {
    display: flex;
    width: 100%;
    height: 60px !important;
    margin-bottom: 1rem;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(235, 235, 235, 0.4);
  }
  .mainHeader ul li:last-child {
    border-bottom: none;
  }
  .mainHeader ul li .menuIcon {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 60px !important;
  }
  .mainHeader ul li .menuIcon::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
  }
  .mainHeader ul li #menu-home::after {
    background-image: url("../assets/img/botao-de-inicio.svg");
    background-repeat: no-repeat;
    background-size: 40px;
  }
  .mainHeader ul li #menu-empresa::after {
    background-image: url("../assets/img/information.svg");
    background-repeat: no-repeat;
    background-size: 40px;
  }
  .mainHeader ul li #menu-turbinas::after {
    background-image: url("../assets/img/motor-turbo.svg");
    background-repeat: no-repeat;
    background-size: 40px;
  }
  .mainHeader ul li #menu-servicos::after {
    background-image: url("../assets/img/servico.svg");
    background-repeat: no-repeat;
    background-size: 40px;
  }
  .mainHeader ul li #menu-contato::after {
    background-image: url("../assets/img/email.svg");
    background-repeat: no-repeat;
    background-size: 40px;
  }
  .mainHeader ul li #menu-trabalhe-conosco::after {
    background-image: url("../assets/img/trabalhador.svg");
    background-repeat: no-repeat;
    background-size: 40px;
  }
  .mainHeader ul li #menu-seja-um-revendedor::after {
    background-image: url("../assets/img/vendedor.svg");
    background-repeat: no-repeat;
    background-size: 40px;
  }
  .mainHeader ul a::after {
    display: none;
  }
}
.HeaderMenuOpen {
  height: 70vh !important;
  position: relative;
  z-index: 999;
  align-items: center;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.containerButton {
  display: none;
  position: relative;
  background: #001a4b;
  height: 70px;
  align-items: center;
  justify-content: flex-end;
}
@media (width <= 1023px) {
  .containerButton {
    display: flex;
  }
}

button.menuButton {
  display: block;
  border: none;
  background: none;
  position: relative;
  transition: ease-in-out 0.2s;
  margin: 1rem 10px;
  width: 32px;
  height: 21px;
  padding: 0;
}
button.menuButton span {
  transition: ease-in-out 0.2s;
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  background: #ebebeb;
}
button.menuButton span:nth-of-type(1) {
  top: 0;
}
button.menuButton span:nth-of-type(2) {
  top: 9px;
}
button.menuButton span:nth-of-type(3) {
  bottom: 0;
}

button.menuButtonOpen span:nth-of-type(1) {
  opacity: 0;
}
button.menuButtonOpen span:nth-of-type(2) {
  top: 6px !important;
  transform: rotate(45deg);
}
button.menuButtonOpen span:nth-of-type(3) {
  bottom: 12px !important;
  transform: rotate(-45deg);
}

@keyframes modalContentIn {
  from {
    margin-top: -150%;
  }
  to {
    margin-top: 0;
  }
}
.MaskPopup {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
}
.MaskPopup .ModalPopup {
  background-color: #ffffff;
  animation-name: modalContentIn;
  animation-duration: 0.3s;
  width: 100%;
  height: auto;
  position: relative;
  padding: 2rem;
  border-radius: 5px;
  border-bottom: 5px solid #001a4b;
}
@media (width < 992px) {
  .MaskPopup .ModalPopup h3 {
    font-size: 1.25rem !important;
    font-weight: 600;
  }
}
.MaskPopup .ModalPopup .mobile-device {
  display: none;
}
.MaskPopup .ModalPopup .desktop-device {
  display: block;
  width: 100%;
}
.MaskPopup .closeModal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  color: #fff;
  width: 30px;
  height: 30px;
  font-weight: bold;
  font-size: 2rem;
}

.ShowPopup {
  display: flex !important;
}

@media (max-width: 960px) {
  .ModalPopup .mobile-device {
    display: block !important;
  }
  .ModalPopup .desktop-device {
    display: none !important;
  }
}
.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.NossosNumeros {
  padding: 8rem 0;
  background-image: url("../assets/img/outline-logo-tcl.png");
  background-repeat: no-repeat;
  background-position: calc(100% + 100px) -120px;
  background-size: 400px;
}
@media (width <= 768px) {
  .NossosNumeros {
    background-size: 40%;
    background-position: calc(100% + 30px) -60px;
  }
}
.NossosNumeros .grid-container {
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto;
  justify-content: space-between;
}
@media (width <= 768px) {
  .NossosNumeros .grid-container {
    grid-template-columns: auto auto;
    justify-content: space-around;
  }
}
@media (width <= 375px) {
  .NossosNumeros .grid-container {
    grid-template-columns: auto;
  }
}
.NossosNumeros .grid-container .grid-item {
  display: grid;
}
@media (width < 768px) {
  .NossosNumeros .grid-container .grid-item:not(:nth-child(3), :nth-child(4)) {
    margin-bottom: 2rem;
  }
  .NossosNumeros .grid-container .grid-item p {
    margin-bottom: 0;
  }
}
.NossosNumeros .grid-container .grid-item * {
  color: #dd151a;
}
.NossosNumeros .grid-container .grid-item i,
.NossosNumeros .grid-container .grid-item [data-count] {
  font-size: 3rem;
  font-weight: 800;
}
@media (width < 768px) {
  .NossosNumeros .grid-container .grid-item i,
  .NossosNumeros .grid-container .grid-item [data-count] {
    font-size: 1.5rem;
    font-weight: 700;
  }
}
.NossosNumeros .grid-container .grid-item p {
  display: block;
  width: 200px;
  text-align: center;
}
@media (width < 768px) {
  .NossosNumeros .grid-container .grid-item p {
    width: auto;
  }
}
.NossosNumeros .grid-container .grid-item h5 {
  display: block;
  text-align: center;
  font-size: 1rem;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.PerguntasFrequentes {
  padding: 8rem 0;
}
.PerguntasFrequentes header h3 {
  text-align: center;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.ProductDetail .order-1 {
  order: 2 !important;
}
.ProductDetail .order-2 {
  order: 1 !important;
}
.ProductDetail .order-3 {
  order: 3;
}
@media (width < 768px) {
  .ProductDetail .order-1 {
    order: 1;
    margin-bottom: 0.5rem;
  }
  .ProductDetail .order-2 {
    order: 2;
  }
  .ProductDetail .order-3 {
    order: 3;
  }
}
.ProductDetail .grid-container {
  grid-template-columns: auto;
  grid-template-rows: auto;
  justify-content: space-between;
}
.ProductDetail .grid-container .grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width > 100px) and (width < 375px) {
  .ProductDetail .grid-container {
    grid-template-columns: auto;
    justify-content: center;
  }
}
@media (width > 375px) and (width < 768px) {
  .ProductDetail .grid-container {
    grid-template-columns: auto auto auto;
    justify-content: space-between;
  }
}
@media (width <= 768px) {
  .ProductDetail .grid-container .grid-item img {
    width: 100px;
  }
}
.ProductDetail__thumbnails figure {
  margin-bottom: 1rem;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}
@media (width <= 768px) {
  .ProductDetail__thumbnails.grid-container {
    grid-template-columns: auto auto auto;
  }
}
.ProductDetail__foto {
  height: 100%;
  border-bottom: 1px solid rgba(73, 73, 73, 0.4);
}
@media (width < 768px) {
  .ProductDetail__foto {
    border-bottom: none;
  }
}
.ProductDetail__preco {
  border-bottom-right-radius: 40px;
  height: 100%;
  padding: 2rem;
}
.ProductDetail__preco h1 {
  color: #001a4b;
}
.ProductDetail__preco h1::first-letter {
  text-transform: uppercase;
}
.ProductDetail__preco .price {
  font-size: 2rem;
  font-weight: 600;
  color: #001a4b;
  margin-top: 2rem;
}
.ProductDetail__preco .condition {
  font-size: 1.25rem;
  font-weight: 700;
  color: #dd151a;
}
@media (width < 992px) {
  .ProductDetail__preco .condition {
    font-size: 1.25rem !important;
    font-weight: 700;
  }
}
.ProductDetail__thumbnails figure, .ProductDetail__preco {
  border: 1px solid rgba(73, 73, 73, 0.4);
}
.ProductDetail__subtitle {
  color: #001a4b;
  font-weight: 800;
  font-size: 1.5rem;
  margin-bottom: 0;
}
.ProductDetail__description {
  padding-top: 3rem;
}
.ProductDetail__description ul {
  padding: 1.5rem 0;
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.Servicos h3 {
  font-size: 18px !important;
  font-weight: 700;
}
.Servicos h3 .big {
  font-size: 28px;
}
.Servicos .infoServico {
  color: #001a4b;
  text-align: justify;
}
@media (width < 992px) {
  .Servicos .infoServico {
    line-height: 26px;
    color: #001a4b;
    text-align: center;
  }
}
@media (width < 992px) {
  .Servicos li {
    font-size: 14px;
  }
  .Servicos header {
    text-align: center;
  }
}

.white {
  color: #ffffff;
}

.blue {
  color: #001a4b;
}

.green {
  color: #006516;
}

.red {
  color: #dd151a;
}

.darkGray {
  color: #494949;
}

.gray {
  color: #ebebeb;
}

.whiteBg {
  background-color: #ffffff;
}

.redBg {
  background-color: #dd151a;
}

.blueBg {
  background-color: #001a4b;
}

.grayBg {
  background-color: #ebebeb;
}

.grayGradient {
  background: linear-gradient(rgba(73, 73, 73, 0.2), #ebebeb, #ffffff);
}

.ToggleButton {
  width: 28px;
  height: 14px;
  margin: auto;
  background: none;
  cursor: pointer;
  display: none;
}
.ToggleButton img {
  transition: ease-in-out 0.2s;
}

.ButtonTransform img {
  transform: rotate(180deg);
  transition: ease-in-out 0.2s;
}

@media (max-width: 992px) {
  .ToggleButton {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 45px;
  }
}/*# sourceMappingURL=main.css.map */