/*SMARTPHONE*/
@media screen and (max-width: 600px) {
	
		body, html {
		height: 100%;
		background: url(../img/bg-small.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#config img{
		width:12%;
		padding:1px;
		margin-top:5px;
	}
	#config{
		width:100%;
		z-index:1;
		text-align:center;
		left: 0;
		bottom:70px;
	}
	.dropbtn {
		width:220px;
		height:50px;
		font-size: 12px;
	}
	.dropup{
		margin-left:70px;
	}
	.cores{
		margin-top:8px;
	}
	#qrcode{
		display: none;
	}

	#logomarca img{
		width:220px;
		padding:20px;
		margin-left:-50px;
	}

	.botoesRedondo{
		border-radius:100px;
		border:none;
		width:40px;
		height:40px;
		background-image: url('../img/buttom.jpg');
		font-size:14px;
		color:#ffffff;
	}
	.botoesStyle1{
		width:160px;
		height:40px;
		margin-left:-42px;
		padding-right:100px;
		margin-top:-120px;
		font-size:13px;
		background:#003f6f;
	}
	.botoesStyle1-1{
		width:160px;
		height:40px;
		margin-left:-55px;
		padding-right:100px;
		margin-top:-58px;
		font-size:13px;
		background:#003f6f;
	}
	.botoesStyle2{
		width:160px;
		height:40px;
		margin-left:70px;
		margin-top:-162px;
		font-size:13px;
		background:#003f6f;
	}
	.botoesStyle6{
		width:160px;
		height:40px;
		margin-left:15px;
		margin-top:-100px;
		font-size:13px;
		background-image: url('../img/buttom.jpg');
	}
	.botoesStyle7{
		width:160px;
		height:40px;
		border-radius:50px;
		border:none;
		background-image: url('../img/buttom.jpg');
		margin-left:80px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
		margin-top:-320px;
	}
	.botoesStyle5{
		width:160px;
		height:40px;
		font-size:13px;
		bottom:5px;
		margin-left:20px;
	}
	.botoesStyle4{
		width:120px;
		height:25px;
		margin-top:-5px;
		font-size:10px;
		background:#003f6f;
		float:left;
		margin-left:30px;
		z-index:999;
	}
	.botoesStyle4-2{
		width:120px;
		height:25px;
		margin-top:-25px;
		font-size:10px;
		background:#003f6f;
		float:right;
		right:-125px;
		z-index:999;
	}
	.botoesStyle2-2{
		background:transparent;
		height:10px;
		margin-top:100px;
	}
	#botoes{
		width:75%;
		height:90px;
		float:left;
		position: fixed;
	}
	.logoUnn{
		width:45px;
		margin-top:15px;
		margin-left:10px;
		float:left;
	}
	/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
	#abertura{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background:url(../img/abertura-small.png)no-repeat center fixed; 
		z-index:200;
		-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;
		width:100%;
		height:55%;
		z-index:200;
	}
	*/
/*////////////////////////////////////////////////////////////////////////
	#logomarca img{
		width:155px;
		padding:10px;
		margin-left:-14px;
	}
*/
	#bg-cores{
		height: 100%;
		background: url(../img/bg-small-cor.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/*BG CF 6x4 CONSTRUCÃO*/
	#cf-construcao{
		height: 100%;
		background: url(../img/cf-fat-6x4/bg-cf-fat-small.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/cf-fat-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.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-small.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.drop-custom{
		top:115px;
		left:-2px;
	}
	.dropup-content a {
		font-size: 12px;
	}
/*EDIT/////////////////////////////////*/
	.dropdown-content{
		background-color:transparent;
		margin:0;
		display:none;
		overflow-y:auto;
		opacity:0;
		position:absolute;
		z-index:999;
		will-change:width, height;
		}
	.dropdown-content li{
		background-color:rgba(230,230,230,0.9);
		margin-bottom:4px; 
		border-radius:50px;
		clear:both;
		color:#000;
		cursor:pointer;
		min-height:40px;
		line-height:1.5rem;
		width:100%;
		text-align:center;
		text-transform:none;
	}
/*EDIT/////////////////////////////////*/
	.opSoltos{
		width:200px;
		z-index:999;
		position: absolute;
		bottom:150px;
		font-weight:900;
		background-color:rgba(230,230,230,0.9);
		padding:20px;
		margin-left:50px;
		padding-right:40px;
		border-radius:20px;
	}
	.opSoltos select{
		height:20px;
		border-radius:50px;
		padding:14px;
		background-color:rgba(230,230,230,0.8);
		margin-top:4px;
		z-index:999;
	}
	.botoesCores{
		z-index:999;
		position:relative;
		float:left;
		margin-left:69px;
		margin-top:-113px;
		background:transparent;
		border:none;
		border-radius:50px;
	}
	.botoesCores2{
		z-index:999;
		position:relative;
		float:left;
		margin-left:69px;
		margin-top:-172px;
		background:transparent;
		border:none;
		border-radius:50px;
	}
	#logo-daf-bottom{
		width:80px;
		bottom:8px;
		right:15px;
		position:absolute;
		text-align:center;
		z-index:2;
		
	}
	#logo-daf-bottom img{
		width:80px;
	}
}


/* MEDIA FULL ---------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1920px) and (max-width: 2500px){
		*{
		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 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 6X4 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;
	}
	/*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;
	}

	span{
		color:#667072;
		font-weight:900;
	}
/*////////////////////////////////////////////////////////////////////////
	#logomarca{
		width:100%;
		z-index:2;
		float:left;
		position: fixed;
		text-align:center;
	}
	#logomarca img{
		width:280px;
		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;
	}
	
	.logoUnn{
		width:50px;
		padding:2px;
		margin-top:30px;
		float:left;
	}
	.botoesCenter{
		text-align:center;
		margin-top:30px;
	}
	.space8{
		margin-left:4px;
	}
	.botoesStyle1{
		border-radius:50px;
		border:none;
		width:200px;
		height:60px;
		background:#003f6f;
		text-align:left;
		padding-left:35px;
		font-size:16px;
		float:left;
		font-weight:900;
		color:#ffffff;
		margin-left:50px;
	}
	.botoesStyle1-1{
		border-radius:50px;
		border:none;
		width:200px;
		height:60px;
		background:#003f6f;
		text-align:left;
		padding-left:32px;
		font-size:15px;
		font-weight:900;
		color:#ffffff;
		margin-top:-140px;
		margin-left:-270px;
	}
	.botoesStyle2{
		border-radius:50px;
		border:none;
		width:200px;
		height:60px;
		background:#003f6f;
		float:left;
		font-size:15px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesStyle2-2{
		border-radius:50px;
		border:none;
		width:120px;
		height:50px;
		background:#003f6f;
		margin-left:-70px;
		font-size:12px;
		font-weight:900;
		color:#ffffff;
	}
	.botoesCores2{
		z-index:999;
		position:absolute;
		float:left;
		margin-left:-118px;
		margin-top:-18px;
		background:transparent;
		border:none;
		border-radius:50px;
	}
	
	.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;
	}
	.botoesStyle4{
		border-radius:50px;
		border:none;
		width:200px;
		height:60px;
		background:#003f6f;
		font-size:15px;
		font-weight:900;
		color:#ffffff;
		margin-top:-45px;
		margin-left:20px;
	}
	.botoesStyle4-2{
		border-radius:50px;
		border:none;
		width:200px;
		height:60px;
		background:#003f6f;
		font-size:15px;
		font-weight:900;
		color:#ffffff;
		margin-top:-45px;
		margin-left:5px;
	}
	.botoesStyle5{
		border-radius:50px;
		border:none;
		width:140px;
		height:60px;
		background:#003f6f;
		font-size:15px;
		font-weight:900;
		color:#ffffff;
		bottom:30px;
	}
	.botoesStyle6{
		border-radius:50px;
		border:none;
		width:170px;
		height:60px;
		background-image: url('../img/buttom.jpg');
		font-size:15px;
		font-weight:900;
		color:#ffffff;
		float:right;
		margin-right:55px;
		top:15px;
	}
	.botoesCores{
		z-index:999;
		position:relative;
		float:left;
		margin-left:-185px;
		background:transparent;
		border:none;
		top:5px;
		border-radius:50px;
	}
	.botoesStyle7{
		border-radius:50px;
		border:none;
		width:150px;
		height:60px;
		background-image: url('../img/buttom.jpg');
		margin-left:-55px;
		margin-top:-140px;
		font-size:15px;
		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:200px;
		height:50px;
		background:#003f6f;
		font-size:15px;
		font-weight:900;
		color:#ffffff;
		margin-top:20px;
		margin-left:30px;
	}
	.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:350px;
		font-weight:900;
	}
	#itens{
		width:100%;
		position:absolute;
		bottom:100px;
		float:left;
		text-align:center;
	}
	.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:250px;
		height:720px;
		z-index:999;
		position: absolute;
		bottom:60px;
		font-weight:900;
		background-color:rgba(230,230,230,0.6);
		padding:25px;
		margin-left:30px;
		padding-right:40px;
		border-radius:20px;
		overflow-x: hidden;
		overflow: auto;
		font-size:18px;
	}
	.opSoltos select{
		height:28px;
		border-radius:50px;
		padding:15px;
		background-color:rgba(230,230,230,0.8);
		margin-top:4px;
	}
		
	.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;
	}
	.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;
		width:100%;
		height:50%;
		z-index:200;
	}
	*/
	#logo-daf-bottom{
		width:180px;
		bottom:10px;
		right:2px;
		position:absolute;
		text-align:center;
		z-index:2;
	}
	#logo-daf-bottom img{
		width:140px;
	}

}