/* --- header top --- */
	header #top .bg-black{
		padding-top: 10px;
		height: 44px;
		max-width: 39.4%;
		width: 100%;
	}
	header #top .bg-orange{
		padding-top: 10px;
		height: 44px;
		width: 100%;
		padding-right: 90px;
	}
	header #top a{
		margin-left: 4px;
		margin-right: 4px;
	}
	header #top a img{
		filter: brightness(0) invert(1);
		height: 17px;
	}
	
/* --- header navegacao --- */
	header{
		position: relative;
		width: 100%;
		z-index: 1;
	}
	header .navegacao{
		padding-bottom: 5px;
	}
	header .navbar-nav li a{
		margin-top: 8px;
	    font-size: 16px;
	    font-family: "Montserrat-Medium";
	    color: var(--new-gray);
	    margin-left: 5px;
	    margin-right: 5px;
	    transition: .3s
	}
	header .navbar-nav li a:hover,
	header .navbar-nav li a.active{
		color: var(--new-orange);
		transition: .3s
	}
	header .navbar-nav li a.btn{
		background-color: var(--new-black);
		color: white;
		width: 214px;
		height: 39px;
		padding-top: 10px;
		font-size: 13px;
		text-transform: uppercase;
		border-radius: 11px;
	}

	header .dropdown{
		margin-left: 8px;
	    margin-top: 15px;
	}
	header .dropdown-menu{
		top: 5px;
		right: 0;
		transform: translate3d(-215px, 30px, 0px)!important;
		padding: 0;
		width: 15rem;
		border: none;
	}
	header .input-group-append{
		cursor: pointer;
	}

/* --- footer --- */
	footer .footer{
		padding-top: 30px;
	}
	footer .descricao img.img-fluid{
		margin-bottom: 37px;
	}
	footer .descricao p{
		font-size: 16px;
		padding-right: 50px;
		margin-bottom: 25px;
	}
	footer .redes a img{
		height: 19px;
		object-fit: cover;
		margin-right: 8px;
		filter: brightness(0) invert(1);
	}
	footer .redes a img,
	footer .redes a img:hover{
		transition: .3s;
	}
	footer .redes a img:hover{
		margin-top: -5px;
	}

	footer .menu{
		padding-left: 65px!important;
	}

	footer h2{
		font-size: 20px;
		margin-top: 15px;
		margin-bottom: 17px;
	}
	footer li{
		margin-bottom: 10px;
	}
	footer li a{
		font-size: 16px;
		font-family: "Montserrat-Medium";
		color: #707070;
	}
	footer li a:hover{
		color: var(--new-orange);
	}

	footer .fale input{
		height: 43px;
		border-radius: 6px;
		background-color: transparent;
		border-color: #707070;
		margin-bottom: 14px;
		padding-top: 10px;
		padding-left: 15px;
		font-size: 16px;
		font-family: "Montserrat-Medium";
	}
	footer hr{
		background-color: #707070;	
	}
	
/* --- footer copyright --- */
	footer #copyright{
		position: relative;
		z-index: 2;
		height: 77px;
		padding-top: 20px;
	}
	footer #copyright p{
		font-family: "Montserrat-Medium";
		font-size: 15px;
	}
	footer #copyright img{
		margin-left: 25px;
	}

@media screen and (max-width: 1660px) {

}	

@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1200px) {
	/* --- header top --- */
		header #top .bg-black{
			max-width: 50%;
			padding-left: 15px;
		}
		header #top .bg-orange{
			padding-right: 15px;
		}
}

@media screen and (max-width: 992px) {
	/* --- header top --- */
		header #top .bg-black{
			background-color: white!important;
			padding-top: 20px;
			height: 90px;
		}
		header #top .bg-orange{
			background-color: white!important;
			padding-top: 40px;
			height: 90px;
		}
		header #top a img{
			filter: none;
		}

	/* --- header navegacao --- */
		header .navegacao{
			padding-bottom: 0px;
			background-color: var(--new-orange);
		}
		header .navbar{
			padding: 0;
		}
		header .btn-mobile{
			background-color: var(--new-black);
			color: white;
			width: 80%;
			height: 39px;
			border-radius: 0;
		}
		header .navbar-nav{
			padding: 15px;
		}
		header .navbar-nav li a{
			margin-top: 0px;
		    font-size: 16px;
		    color: white!important;
		}
		header .navbar-nav li a:hover,
		header .navbar-nav li a.active{
			color: var(--new-blue)!important;
		}
		header .dropdown{
			display: none;
		}
}

@media screen and (max-width: 480px) {
	/* --- footer --- */
		footer .descricao img.img-fluid{
			margin-bottom: 30px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		footer .descricao p{
			font-size: 16px;
			padding-right: 0px;
			margin-bottom: 15px;
		}
		footer .redes{
			text-align: center;
			margin-bottom: 30px;
		}

		footer .menu{
			padding-left: 15px!important;
		}

		footer .fale{
			padding-left: 50px;
			padding-right: 50px;
		}
		footer .fale h2{
			text-align: center;
		}
		
	/* --- footer copyright --- */
		footer #copyright{
			height: auto;
		}
}

@media screen and (max-width: 768px) {
	.img-fluid1{
		width: 70%;
    	height: 70px!important;
	}
}

@media screen and (max-width: 600px) {
	.img-fluid1{
		width: 90%;
    	height: 70px!important;
	}
}

@media screen and (max-width: 375px) {
	/* --- header navegacao --- */
		header .btn-mobile{
			width: 79%;
		}
}