body{
	margin: 0;
	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	overflow-x: hidden;
}
a{
	text-decoration: none;
}
img{
	border-style: none;
}
div{
	position: relative;
}
section{
	width: 100%;
}
header{
	width: 100%;
}
footer{
	background: url(../images/footer-bg.png) #000000;
	background-size: cover;
}
li{
	list-style: none;
}
h1{
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
}
h4{
	font-size: 24px;
	text-transform: uppercase;
}
.text-light{
	font-weight: 300;
}
.text-regular{
	font-weight: 400;
}
.text-bold{
	font-weight: 600;
}
.fs14{
	font-size: 14px;
}
.fs16{
	font-size: 16px;
}
.fs18{
	font-size: 18px;
}
.fs20{
	font-size: 20px;
}
.main-area{
	max-width: 1140px;
	padding: 0 32px 0 32px;
}
.center{
	margin: 0 auto;
}
.fw{
	width: 100%;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.pretitle-gold{
	color: #CFA550;
	font-size: 16px;
	font-weight: 300;
}
.txt-gold{
	color: #CFA550;
}
.txt-dark-blue{
	color: #0E2946;
}
/*Breadcrumb*/
.bc-nav a{
	color: #ffffff;
}
.bc-nav a:hover{
	color: #CFA550;
	font-weight: 800;
}
.bradcrumb-area{
	background: #0E2946;
	color: #ffffff;
	font-size: 12px;
	min-height: 56px;
	border-radius: 0 0 32px 32px;
	display: flex;
	flex-wrap: wrap;
	align-items: initial;
}
.bradcrumb-area li{
	padding-right: 6px;
	float: left;
}
.bradcrumb-area nav{
	margin-top: 8px;
}
/*Breadcrumb - Fim*/
/*botões*/
.btn-wired-wt{
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 8px;
	font-size: 16px;
	text-align: center;
	width: fit-content;
	padding: 8px 32px 8px 32px;
}
.btn-wired-wt:hover{
	color: #000000;
	background:#ffffff;
}
.btn-wired-wt-arrow{
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 8px;
	font-size: 16px;
	width: fit-content;
	padding: 8px 32px 8px 16px;
	background: url(../images/arrow-right-hover.svg) right center no-repeat;
}
.btn-wired-wt-arrow:hover{
	color: #0E2946;
	background: url(../images/arrow-right-default.svg) #ffffff right center no-repeat;
}
.btn-wired-bk{
	color: #0E2946;
	border: 1px solid #0E2946;
	border-radius: 8px;
	font-size: 16px;
	width: fit-content;
	padding: 8px 16px 8px 16px;
	background: url(../images/arrow-right-default.svg) #ffffff right center no-repeat;
}
.btn-wired-bk:hover{
	color: #ffffff;
	background: url(../images/arrow-right-hover.svg) #0E2946 right center no-repeat;
}
.arrow-area{
	float: right;
	margin-left: 16px;
	width: 25px;
	height: 40px;
}
/*botões - Fim*/
/*HEADER*/
.mobile-header{
	display: none;
}
.main-header{
	background: #000000;
	min-height: 64px;
	display: flex;
}
.header-closed{
	background: #000000;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	min-height: 64px;
}
.header-closed img{
	margin-right: 300px;
}
.hdr-cld-container{
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 16px;
}
.main-menu{
	min-height: 64px;
   display: flex ;
}
.main-logo{
	margin-top: 10px;
}
.main-menu li{
	float: left;
	list-style: none;
	padding: 8px 24px 8px 24px;
	color: #ffffff;
	border-bottom: 2px solid #000000;
	text-transform: uppercase;
}
.main-menu li:hover{
	color: #CFA550;
	border-bottom: 2px solid #CFA550;
}
.menu-contato{
	cursor: pointer;
	padding: 0 24px 0 24px;
	color: #ffffff;
	border-bottom: 2px solid #000000;
	text-transform: uppercase;
	background: #000000;
	display: flex;
	align-items: center;
}
.menu-contato-area{
  display: flex ;
 	background: #000000;
 	min-height: 64px;
}
.menu-contato:hover{
	color: #CFA550;
	border-bottom: 2px solid #CFA550;
}
  /*--mecanismo do pop--*/
#abrir-popup:checked ~ #contact-bar {
  display: block;
}
#fechar-popup:checked ~ #contact-bar, #fechar-popup:checked ~ #fechar-popup-btn{
  display: none;
}
#fechar-popup-btn {
  background-color: #00000060;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
  /*--mecanismo do pop FIM--*/

.header-open{
	background: #e8e8e8;
	font-size: 14px;
  position: absolute;
  z-index: 12;
  top:64px;
}

.hdr-op-container{
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 80px;
  row-gap: 16px;
  min-height: 48px;
}
.hdr-colum{
	min-height: 48px;
	display: flex;
	column-gap: 16px;
  align-items: center;
}
.hdr-colum-gold{
	min-height: 48px;
	display: flex;
	column-gap: 16px;
  align-items: center;
  background: #0E2946;
  padding: 0 16px 0 16px;
  color: #ffffff;
}
/*HEADER - FIM*/
/*FOOTER*/
.footer-menu{
}
.footer-logo-mobile{
	display: none;
}
.footer-menu li{
	list-style: none;
	padding-bottom: 16px;
}
.footer-main{
	padding: 64px 0 64px 0;
	color: #ffffff;
	display: flex;
	align-items: center;
}
.footer-main a{
	color: #ffffff;
}
.footer-before{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 80px
}
.footer-before div{
}
.footer-phone{
	height: fit-content;
	margin-bottom: 16px;
}
.footer-phone p{
 	margin: 4px;
}
.footer-phone-sub{
	color: #BEBEBE ;
}
.footer-after{
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	padding: 16px 0 16px 0;
}
.footer-after a {
	color: #707070;
}
.footer-after-container{
	display: flex;
	gap: 64px;
	align-items: center;
	min-height: 24px;
	flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 16px 32px 16px 32px;
}
/*FOOTER Fim*/
/*Banner Fim*/
.banner-interno{
	color: #ffffff;
	min-height: 460px;
	align-content: center;
	background: url(../images/banner-home-1920.svg) no-repeat fixed;
	background-size: cover;
}
.banner-interno-text p{
	font-size: 20px;
}
/*Banner interno Fim*/
/*HOME - Banner*/
.main-banner{
	color: #ffffff;
}
.banner-home{
	height: 500px;
	align-content: center;
	background: url(../images/banner-home-1920.svg) no-repeat fixed;
	background-size:;
}
.banner-txt{
	float: left;
}
/*HOME - Banner FIM*/
/*HOME - Under Banner*/
.home-underbanner{
	background-color: #0E2946;
	min-height: 142px;
	border-radius: 0 0 64px 64px;
	padding: 32px 0 64px 0;
	display: flex;
  flex-wrap: wrap;
  margin-bottom: 160px;
}
.ub-nav ul{
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
	justify-content: center;
	row-gap: 32px;
	float: left;
	padding: 0px;

}
.icon-ub{
	float: left;
	width: 260px;
	height: 140px;
	text-align: center;
	color: #ffffff;
	padding-top: 32px;
	font-size: 18px;
}
img.icon-ub{
	margin-bottom: 64px;
}
p.icon-ub{
	margin-top: 16px;
}
/*HOME - Under Banner FIM*/

/*HOME - descritivo*/
.descritivo{
	margin-bottom: 160px;
	display: flex;
}
.descritivo-container{
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
	justify-content: center;
	row-gap: 32px;
}
.descritivo-content{
	max-width: 570px;
	font-size: 18px;
}
.descritivo-content h1{
  color: #0E2946;
}
/*HOME - descritivo Fim*/
/*HOME - Logotipos*/
.logos-home-carousel{
	background-color: #E8E8E8;
	padding: 80px 0 80px 0;
	min-height: 80px;
	overflow: hidden;
	display: flex;
	> * {
      flex: 0 0 100%;
    }
    /* pausar com hover */
    &:hover .logos-home-group {
      animation-play-state: paused;
    } 
}
.logos-home-group{
	display: flex;
	gap: 16px;
	padding-right: 16px;
	/* animação */
    will-change: transform; /* informar a animação ao navegador */
    animation: scrolling 15s linear infinite;   
}
@keyframes scrolling {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
}
.logos-home-item{
	width:  fit-content;
  padding: 16px;
  justify-content: center;
  align-items: center;
  min-height: 64px;
}
/*HOME - Logotipos Fim*/
/*HOME - Caminhões*/
.home-caminhoes{
 background: #e8e8e8;
	padding-top: 80px;
	display: flex;
}
.home-blue-area{
	background: #0E2946;
	border-radius: 32px 32px 0 0;
	padding-bottom: 80px;
	display: flex;

}
.home-caminhoes-content{
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
	justify-content: center;
	row-gap: 32px;
}
.home-caminhoes-left{
	width: 540px;
	z-index: 21;
	min-height: 750px;
	align-content: center;
}
.home-caminhoes-left h1{
	color: #ffffff;
	max-width: 460px
}
.home-caminhoes-right{
	width: 540px;
	margin-left: -64px;
	margin-top: -80px;
	z-index: 20;
}
.home-caminhoes-white-box{
	background: #ffffff;
	border-radius: 16px;
	padding: 32px;
	max-width: 600px;
}
/*HOME - Caminhões Fim*/

/*PRODUTOS - intro*/
.produtos-intro{
	margin-bottom: 80px;
	margin-top: 80px;
}
.produtos-intro-container{
	height: fit-content;
	min-height: 510px;
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.produtos-intro-left{
	max-width: 510px;
	padding: 0 40px 0 0;
}
.produtos-intro-left p{
	font-size: 18px;
	line-height: 150%;
}
.produtos-intro-right{
	height: 510px;
}
/*PRODUTOS - intro - FIM*/
/*PRODUTOS - carousel*/
.produtos-logos-carousel{
	padding: 0 0 160px 0;
	min-height: 80px;
	overflow: hidden;
	display: flex;
	> * {
      flex: 0 0 100%;
    }
    /* pausar com hover */
    &:hover .logos-home-group {
      animation-play-state: paused;
    }
}
/*PRODUTOS - carousel - FIM*/
/*PRODUTOS - Ideal*/
.produtos-ideal-content{
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
	justify-content: center;
}
.produtos-ideal-blue{
	background: #0E2946;
	color: #ffffff;
}
.produtos-ideal-content-left{
	padding-right: 64px;
	max-width: 550px;
	margin-top: -80px;
}
.produtos-ideal-content-right{
	max-width: 460px;
	padding: 80px 32px 8px 16px;
}

.produtos-ideal-content-right p{
	font-weight: 400;
}
/*PRODUTOS - Ideal - FIM*/
/*PRODUTOS - lub*/
.produtos-lub{
	background: #e8e8e8;
	display: flex;
}
.produtos-lub-container{
	align-items: center;
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding:0px 32px 0px 32px;
}
.produtos-lub-left{
	max-width: 653px;
	padding: 80px 0 80px 0px;
}
.produtos-lub-right{
	max-width: 458px;
}
/*PRODUTOS - lub - FIM*/
/*PRODUTOS - logos*/
.produtos-lub-logos{
	display: flex;
}
.produtos-lub-logos-group{
	align-items: center;
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 64px;
  padding: 80px 0 80px 0;
}
/*PRODUTOS - logos - FIM*/
/*PRODUTOS - gallery*/
.produtos-lub-gallery{
	display: flex;
}
.produtos-card-group{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 80px 0 80px 0;
}
.produtos-card-group h4{
	padding-bottom: 16px;
	border-bottom: 1px solid #bebebe;
	color: #0F3053;
	font-weight: 800;
}
.produtos-card-group li{
	max-width: 360px;
}
.lub-card-txt{
	max-width: 360px;
	padding: 0 8px 0 0;
	line-height: 150%;
	font-size: 14px;
}
.produtos-card-group b{
	color: #0F3053;
}
/*PRODUTOS - gallery - FIM*/
/*EMPRESA - Intro*/
.empresa-intro{
	background: #e8e8e8;
}
.empresa-intro-container{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 64px;
  padding: 80px 0 80px 0;
}
.empresa-intro-left{
	max-width: 500px;
}
.empresa-intro-left p{
	line-height: 150%;
}
.empresa-intro-left h1{
	margin-top: 0px;
	color: #0F3053;
}
.empresa-intro-left h1 b{
	color: #CFA550;
	font-weight: 800px;
}
.empresa-intro-right{
 max-width: 555px;
}
/*EMPRESA - Intro - FIM*/
/*EMPRESA - Destaques*/
.empresa-dtq-group{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 64px;
  padding: 80px 0 80px 0;
}
.empresa-dtq-card{
	max-width: 200px;
}
.empresa-dtq-title{
	font-size: 18px;
	font-weight: 800;
	color: #0F3053;
	max-height: 75px;
	display: flex;
	gap: 16px;
	padding-bottom:24px;
	border-bottom: 1px solid #E8E8E8;
}
.empresa-dtq-title p{
 float: left;
}
.empresa-dtq-title img{
 float: left;
}
.empresa-dtq-txt{
	padding: 24px 8px 0 8px;
}

/*EMPRESA - Destaques - FIM*/
/*EMPRESA - mapa*/
.empresa-mapa{
	min-height: 200px;
	border-radius: 32px 32px 0 0 ;
	background: background: url(../images/empresa-mapa.png) no-repeat fixed;
	background-size: cover;
}
/*EMPRESA - mapa - FIM*/

/*mobile a partir daqui*/
@media (max-width: 1200px){
	.main-header{
		display: none;
	}
	.ub-nav ul{
    float: none;
	}
	.mobile-header{
		display: block;
		text-transform: uppercase;
		color: #ffffff;
	}
	.mobile-header img{
		height: 44px;
		margin-top: 6px;
		margin-left: 16px;
	}
		/* Style the navigation menu */
	.topnav {
	  overflow: hidden;
	  background-color: #000;
	  align-items: center;
	  width: 100%;
	  position: fixed;
	  z-index: 200;
	  min-height: 60px;
	}
	/* Hide the links inside the navigation menu (except for logo/home) */
	.topnav #myLinks {
	  display: none;
	  text-align: center;
	  padding-top: 16px;
	  border-radius: 0 0 64px 64px;
	  filter: drop-shadow(0px 40px 41px #000000);
	}
	/* Style navigation menu links */
	
	.topnav img{
		display: flex;
		align-items: center;
		margin-left: 16px;
	}
	.topnav a {
	  color: #ffffff;
	  text-decoration: none;
	  font-size: 17px;
	  display: block;
	  min-height: 44px;
	}
	/* Style the hamburger menu */
	.topnav a.icon {
	  background: #000000;
	  display: flex;
	  align-items: center;
	  position: absolute;
	  right: 0px;
	  top: 8px;
	  height: 44px;
	  width: 44px;
	}
	/* Style the active link (or home/logo) */
	}
	.contact-mob-infos{
		background: #e8e8e8;
		color: #000000;
	}
	.ctc-mob-row{
		min-height: 44px;
		padding: 16px 16px;
		text-align: left;
		display: flex;
		align-items: center;
	}
	
	.ctc-mob-row-blue{
		background: #0E2946;
		color: #ffffff;
		padding: 16px 16px;
		min-height: 44px;
		text-align: left;
		display: flex;
		align-items: center;
	}
	.ctc-mob-icon{
		width: 44px;
		height: 44px;
		background: red;
		margin-right: 16px;
	}
	#ctc-mob-icon-map{
		background: url(../images/menu-icon-map.svg) no-repeat center;
	}
	#ctc-mob-icon-mail{
		background: url(../images/menu-icon-mail.svg) no-repeat center;
	}
	#ctc-mob-icon-phone{
		background: url(../images/menu-icon-phone.svg) no-repeat center;
	}


	@media (max-width: 940px){
		h1{
			font-size: 30px;
		}
		.main-area {
	    padding: 0 16px 0 16px;
		}
			/*home*/

		.home-caminhoes-content {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    row-gap: 32px;
	    align-items: center;
	    margin: 0;
		}
		.topnav a{
			padding-bottom: 16px;
		}
		.ub-nav{
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	    flex-direction: row;
	    column-gap: 40px;
	    row-gap: 16px;
	    float: none;
		}
		.ub-nav ul{
			padding: 0;
			column-gap: 40px;
			row-gap: 16px;
			margin: 0px;
		}
		.home-underbanner{
			margin-bottom: 80px;
		}
		.descritivo {
			margin-bottom: 80px;
		}
		.pretitle-gold{
			font-size: 18px;
		}
		.home-caminhoes {
			padding-top: 0px;
		}
		.icon-ub{
			width: auto;
			height: auto;
		}

		.home-caminhoes-white-box {
    	border-radius: 16px;
    	padding: 16px;
    	margin: 0 auto;
  	}
  	.home-caminhoes-left {
	    align-content: center;
	    float: none;
	    width: auto;
	    min-height: auto;
		}
	  .home-blue-area {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-items: center;
	    padding-top: 64px;
	    gap: 64px;
		}
    .home-caminhoes-right {
	    float: none;
	    margin: 0 auto;
	    width: auto;
    }
    .home-caminhoes-right img {
    	width: 100%;
    }
    .footer-before {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    gap: 64px;
	    align-items: center;
  	}
  	.footer-main {
	    padding: 64px 0 64px 0;
	    color: #ffffff;
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    flex-wrap: nowrap;
  	}
  	.footer-col-01{
  		float: none;
  		text-align: center;
  		display: flex;
  		align-items: center;
	    flex-direction: column;
	    flex-wrap: nowrap;
  	}
  	.footer-col-02{
  		float: none;
  		text-align: center;
  		display: flex;
  		align-items: center;
	    flex-direction: column;
	    flex-wrap: nowrap;
  	}
  	.footer-col-03{
  		float: none;
  		text-align: center;
  		display: flex;
  		align-items: center;
	    flex-direction: column;
	    flex-wrap: nowrap;
  	}
  	.footer-menu ul{
  		margin: 0 auto;
  		padding: 0;
  	}
  	 .footer-menu li{
  		margin: 0 auto;
  		padding: 0;
  		height: 44px;
  	}
  	.footer-logo-mobile{
  		display: block;
  	}
  	.footer-col-04{
  		display: none;
  	}
  	.footer-after{
  		text-align: center;
  		padding-top: 32px;
  		padding-bottom: 32px;

  	}
  	/*produtos*/
  	.produtos-intro-right img{
  		width: 100%;
  	}
  	.produtos-ideal-content-left img{
  		width: 100%;
  	}
  	.produtos-lub-right img{
  		width: 100%;
  	}
  	.produtos-card-group{
  		row-gap: 64px;
  	}
  	.produtos-card-group img{
  		width: 100%;
  	}
  	.produtos-lub-logos {
    display: flex;
    padding: 80px 0 80px 0;
  	}
  	.produtos-lub-gallery{
  	padding: 80px 0 80px 0;	
  	}
  	.produtos-intro-right{
  		height: auto;
  	}
  	/*empresa*/
  	.empresa-intro{
  		padding: 80px 0 80px 0;
  	}
  	.empresa-intro img{
  		width: 100%;
  	}
  	.empresa-destaques{
  		padding: 80px 0 80px;
  	}
	}
}