*{
		padding:0px;
		margin:0px;
	}
    body, html {
		width:auto;
		height: 100%;
		background: url(../img/bg.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		font-family: Arial, Helvetica, sans-serif;
	}
	#bg-cores{
		height: 100%;
		background: url(../img/bg-cores.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF*/
	#cf-confort{
		height: 100%;
		background: url(../img/bg-cf-comfotpack.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-safety{
		height: 100%;
		background: url(../img/bg-cf-safe.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-exclusive{
		height: 100%;
		background: url(../img/bg-cf-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF 8X2*/
	#cf-8x2-confort{
		height: 100%;
		background: url(../img/cf-8x2/bg-cf-8X2-comfotpack.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-8x2-safety{
		height: 100%;
		background: url(../img/cf-8x2/bg-cf-8X2-safetypack.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-8x2-exclusive{
		height: 100%;
		background: url(../img/cf-8x2/bg-cf-8X2-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG OFF ROAD*/
	#cf-off-confort{
		height: 100%;
		background: url(../img/cf-off-road/bg-off-road-6x4-comfort.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-off-safety{
		height: 100%;
		background: url(../img/cf-off-road/bg-off-road-6x4-safety.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-off-exclusive{
		height: 100%;
		background: url(../img/cf-off-road/bg-off-road-6x4-exclusivepack.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF 6X2 RODOVIÁRIO*/
	#cf-rodoviario-confort{
		height: 100%;
		background: url(../img/cf-6x2/bg-cf-comfotpack.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF 6X4 CONSTRUÇÃO*/
	#cf-construcao{
		height: 100%;
		background: url(../img/cf-fat-6x4/bg-cf-fat.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF FAT 6X4 FLORESTAL*/
	#cf-florestal{
		height: 100%;
		background: url(../img/cf-fat/bg-cf-fat.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF FAD 8X4 MINERAÇÃO*/
	#cf-mineracao{
		height: 100%;
		background: url(../img/cf-fad/bg-cf-fad.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#cf-rodoviario-safety{
		height: 100%;
		background: url(../img/cf-6x2/bg-cf-safe.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-rodoviario-exclusive{
		height: 100%;
		background: url(../img/cf-6x2/bg-cf-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG XF*/
	#xf-confort{
		height: 100%;
		background: url(../img/xf/bg-xf-comfort.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-safety{
		height: 100%;
		background: url(../img/xf/bg-xf-safety.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-xtra{
		height: 100%;
		background: url(../img/xf/bg-xf-xtra.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-exclusive{
		height: 100%;
		background: url(../img/xf/bg-xf-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-offroad{
		height: 100%;
		background: url(../img/xf-6x4-off/bg.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF 6X2 RIGIDO*/
	#cf-rigido-confort{
		height: 100%;
		background: url(../img/cf-6x2-rigido/bg-cf-comfotpack.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-rigido-safety{
		height: 100%;
		background: url(../img/cf-6x2-rigido/bg-cf-safety.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-rigido-exclusive{
		height: 100%;
		background: url(../img/cf-6x2-rigido/bg-cf-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG XF FTS*/
	#xf-fts-comfort{
		height: 100%;
		background: url(../img/xf-fts/bg-xf-fts-comfort.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-fts-comfort-safety{
		height: 100%;
		background: url(../img/xf-fts/bg-xf-fts-comfort-safety.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-fts-comfort-safety-extra{
		height: 100%;
		background: url(../img/xf-fts/bg-xf-fts-comfort-safety-extra.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-fts-comfort-exclusive{
		height: 100%;
		background: url(../img/xf-fts/bg-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG XF FFT*/
	#xf-fft-comfort{
		height: 100%;
		background: url(../img/xf-fft/bg-xf-fft-comfort.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-fft-comfort-safety{
		height: 100%;
		background: url(../img/xf-fft/bg-xf-fft-comfort-safety.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-fft-comfort-safety-extra{
		height: 100%;
		background: url(../img/xf-fft/bg-xf-fft-comfort-safety-extra.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#xf-fft-exclusive{
		height: 100%;
		background: url(../img/xf-fft/bg-xf-fft-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF FT*/
	#cf-ft-comfort{
		height: 100%;
		background: url(../img/cf-ft/bg-cf-ft-comfort.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-ft-safety{
		height: 100%;
		background: url(../img/cf-ft/bg-cf-ft-safety.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cf-ft-exclusive{
		height: 100%;
		background: url(../img/cf-ft/bg-cf-ft-exclusive.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF FA*/
	#cf-fa-comfort{
		height: 100%;
		background: url(../img/cf-fa/bg-cf-fa-comfort.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	model-viewer {
		width: 100%;
		height: 100%;
		border:none;
		z-index:1;
	}
	span{
		color:#667072;
		font-weight:900;
	}
	#logomarca{
		width:100%;
		height:10px;
		float:left;
		position: fixed;
		text-align:center;
		z-index:2;
	}
	#logomarca img{
		width:60%;
		padding:8px;
		margin-top:10px;
	}
	#botoes{
		width:100%;
		height:70px;
		z-index:2;
		float:left;
		position: fixed;
		bottom:2px;
	}
	.colunas{
		width:33.33%;
		float:left;
	}
/*edit 2024///////////////////////////////////////////////////////////*/	
	#botoes2{
		width:100%;
		z-index:2;
		float:left;
		position:fixed;
		bottom:0;
	}
	.botoesCenter1{
		text-align:center;
		width:100%;
		
	}
	.botoesRight2{
		float:right;
	}
	.botoesRight2 img{
		width:80px;
		padding:60px 8px 8px 0;
		float:right;
	}
	.logoUnn2{
		width:35px;
		padding:50px;
		float:left;
	}
	.coluna1{
		width:2%;
		float:left;
	}
	.coluna2{
		width:96%;
		float:left;
	}
	.coluna3{
		width:2%;
		float:right;
	}
	.botoesStyle2-22{
		border-radius:100%;
		border:none;
		background:#003f6f;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
		padding:2px;
	}
	.botoesStyle2-22 img{
		float:left;
	}
	.botoesStyle1-11{
		border-radius:50px;
		border:none;
		width:40%;
		height:50px;
		background:#003f6f;
		text-align:center;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle1-12{
		border-radius:50px;
		border:none;
		width:25%;
		height:50px;
		background:#003f6f;
		text-align:center;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle6-2{
		border-radius:50px;
		border:none;
		width:25%;
		height:50px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyleTRP{
		border-radius:50px;
		border:none;
		width:15%;
		height:50px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle77{
		border-radius:50px;
		border:none;
		width:40%;
		height:50px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}	
	.drop-custom2{
		top:35px;
		left:0px;
		font-weight:900;
	}
	.dropdown-content{
		background-color:transparent;
		margin:0;
		display:none;
		min-width:200px;
		max-height:650px;
		overflow-y:auto;
		opacity:0;
		position:absolute;
		z-index:999;
		will-change:width, height;
		}
	.dropdown-content li{
		background:#e6e6e6;
		margin-bottom:4px; 
		border-radius:50px;
		clear:both;
		color:000;
		cursor:pointer;
		min-height:40px;
		line-height:1.5rem;
		width:100%;
		text-align:left;
		text-transform:none;
	}
	.gradient-background {
		  background: linear-gradient(146deg,#003f6f,#003f6f,#003f6f,#3aa1e4,#003f6f,#003f6f);
		  background-size: 260% 260%;
		  animation: gradient-animation 12s ease infinite;
		}

		@keyframes gradient-animation {
		  0% {
			background-position: 0% 50%;
		  }
		  50% {
			background-position: 100% 50%;
		  }
		  100% {
			background-position: 0% 50%;
		  }
		}
/*/////////////////////////////////////////////////////////////////////////////*/
	.logoUnn{
		width:35px;
		padding:54px 4px 0 4px;
		float:left;
	}
	.botoesCenter{
		text-align:center;
		margin-top:15px;
		width:100%;
		float:left;
	}
	.space8{
		margin-left:4px;
	}
	.botoesStyle1{
		border-radius:50px;
		border:none;
		width:160px;
		height:50px;
		background:#003f6f;
		text-align:left;
		padding-left:35px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle1-1{
		border-radius:50px;
		border:none;
		width:160px;
		height:50px;
		background:#003f6f;
		text-align:left;
		padding-left:35px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle2{
		border-radius:50px;
		border:none;
		width:200px;
		height:50px;
		background:#003f6f;
		margin-left:-50px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle2-2{
		border-radius:50px;
		border:none;
		width:120px;
		height:50px;
		background:#003f6f;
		margin-left:-50px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle3{
		border-radius:50px;
		border:none;
		width:120px;
		height:50px;
		background-image: url('../img/buttom.jpg');
		margin:4px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	#default-ar-button{
		z-index:999;
	}
	.botoesStyle4{
		border-radius:50px;
		border:none;
		width:160px;
		height:50px;
		background:#003f6f;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
		margin-top:-90px;
		margin-left:-10px;
		cursor:pointer;
		z-index:999;
	}
	.botoesStyle4-2{
		border-radius:50px;
		border:none;
		width:160px;
		height:50px;
		background:#003f6f;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
		margin-top:-90px;
		z-index:999;
	}
	.botoesStyle5{
		border-radius:50px;
		border:none;
		width:120px;
		height:50px;
		background:#003f6f;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
		margin-top:-10px;
	}
	.botoesStyle6{
		border-radius:50px;
		border:none;
		width:120px;
		height:50px;
		background-image: url('../img/buttom.jpg');
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle7{
		border-radius:50px;
		border:none;
		width:150px;
		height:50px;
		background-image: url('../img/buttom.jpg');
		margin-left:-50px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesRedondo{
		border-radius:100px;
		border:none;
		width:50px;
		height:50px;
		background-image: url('../img/buttom.jpg');
		font-size:14px;
		color:#ffffff;
		margin:3px;
	}
	.btn-download{
		border-radius:50px;
		border:none;
		width:160px;
		height:50px;
		background:#003f6f;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
		margin-top:20px;
		margin-left:25px;
	}
	.botoesRight{
		float:right;
		margin-top:12px;
	}
	.shareInfos{
		float:right;
		padding:10px;
	}
	.infos{
		float:left;
		padding:5px;
		margin:70px 0px 0px 20px;
		color:#fff;
		font-size:12px;
	}
	#config{
		width:100%;
		z-index:1;
		position:fixed;
		text-align:center;
		left: 0;
		bottom: 0;
	}
	#config img{
		width:5%;
		padding:1px;
	}
	.lds-ellipsis {
	  display: inline-block;
	  position: relative;
	  width: 80px;
	  height: 80px;
	}
	.lds-ellipsis div {
	  position: absolute;
	  top: 33px;
	  width: 13px;
	  height: 13px;
	  border-radius: 50%;
	  background:#37474f;
	  animation-timing-function: cubic-bezier(0, 1, 1, 0);
	}
	.lds-ellipsis div:nth-child(1) {
	  left: 8px;
	  animation: lds-ellipsis1 0.6s infinite;
	}
	.lds-ellipsis div:nth-child(2) {
	  left: 8px;
	  animation: lds-ellipsis2 0.6s infinite;
	}
	.lds-ellipsis div:nth-child(3) {
	  left: 32px;
	  animation: lds-ellipsis2 0.6s infinite;
	}
	.lds-ellipsis div:nth-child(4) {
	  left: 56px;
	  animation: lds-ellipsis3 0.6s infinite;
	}
	@keyframes lds-ellipsis1 {
	  0% {
		transform: scale(0);
	  }
	  100% {
		transform: scale(1);
	  }
	}
	@keyframes lds-ellipsis3 {
	  0% {
		transform: scale(1);
	  }
	  100% {
		transform: scale(0);
	  }
	}
	@keyframes lds-ellipsis2 {
	  0% {
		transform: translate(0, 0);
	  }
	  100% {
		transform: translate(24px, 0);
	  }
	}
	.loader-wrapper{
		width:100%;
		height:100vh;
		position:absolute;
		z-index:999;
		top:0;
		left:0;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.lds-ellipsis p{
		width:250px;
		margin-left:-65px;
		letter-spacing: 2px;
		font-family: Arial, Helvetica, sans-serif;
		color:#212121;
	}
	.texto-h2{
		font-size:18px;
		position:relative;
	}
	.drop-custom{
		top:35px;
		left:50px;
		font-weight:900;
	}
	#itens{
		width:100%;
		position:absolute;
		bottom:40px;
		float:left;
		text-align:center;
	}
	#logo-daf-bottom{
		width:120px;
		bottom:8px;
		right:2px;
		position:absolute;
		text-align:center;
		z-index:2;
		
	}
	#logo-daf-bottom img{
		width:90px;
	}
	
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  background-color: #c3c3c3;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  z-index:999;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}

	.sidenav a:hover {
	  color: #f1f1f1;
	}

	.sidenav .closebtn {
	  position: absolute;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}

	@media screen and (max-height: 450px) {
	  .sidenav {padding-top: 15px;}
	  .sidenav a {font-size: 18px;}
	}
	.opSoltos{
		width:200px;
		height:450px;
		z-index:999;
		position: absolute;
		bottom:60px;
		font-weight:900;
		background-color:rgba(230,230,230,0.6);
		padding:20px;
		margin-left:30px;
		padding-right:40px;
		border-radius:20px;
		overflow-x: hidden;
		overflow: auto;
	}
	.opSoltos select{
		height:20px;
		border-radius:50px;
		padding:14px;
		background-color:rgba(230,230,230,0.8);
		margin-top:4px;
	}
	
	/******************************************************************OPSOLTOS TRP*/
	.opSoltos2{
		width:200px;
		height:450px;
		z-index:999;
		position: absolute;
		bottom:60px;
		font-weight:900;
		background-color:rgba(230,230,230,0.6);
		padding:20px;
		margin-left:30px;
		padding-right:40px;
		border-radius:20px;
		overflow-x: hidden;
		overflow: auto;
	}
	.opSoltos2 select{
		height:20px;
		border-radius:50px;
		padding:14px;
		background-color:rgba(230,230,230,0.8);
		margin-top:4px;
	}
	
	.select-dropdown.dropdown-content{
		margin-left:200px;
		margin-top:-20px;
	}
	.select-dropdown.dropdown-content li.selected{
			background-color:#e6e6e6;
		}
	.select-dropdown.dropdown-content li:hover{
			background-color:#fff;
		}
	.select-dropdown.dropdown-content li.active{
			background-color:#fff;
		}
	#abertura{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background-color:#135b89;
		background:url(../img/abertura.png)no-repeat center fixed; 
		z-index:200;
		color:#fff;
		text-align:center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#abertura img{
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height:100%;
		z-index:200;
	}
	
	@keyframes fadeIn{
	to{
		opacity:1;
	}
	}

	.fade-in{
		opacity:0;
		animation: fadeIn 1s ease-in forwards;
	}
	.botoesCores{
		width:45px;
		height:45px;
		z-index:999;
		position:absolute;
		float:left;
		margin-left:-195px;
		margin-top:2px;
		background:transparent;
		border:none;
		border-radius:50px;
	}
	.botoesCores2{
		width:45px;
		height:45px;
		z-index:999;
		position:relative;
		float:left;
		margin-left:180px;
		margin-top:-48px;
		background:transparent;
		border:none;
		border-radius:50px;
	}
	

	::-webkit-scrollbar {
	  width: 8px;
	}

	::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 5px grey; 
	  border-radius: 10px;
	}
	 
	::-webkit-scrollbar-thumb {
	  background: #eff1f3; 
	  border-radius: 10px;
	}

	::-webkit-scrollbar-thumb:hover {
	  background: #838383; 
	}