body{
	font-family: 'Lexend Deca', sans-serif;
}

.bg-conteudo{
	background-color: #f5f5f5;
}

.bg-orange{
	background-color: #cb0101;
}

h1{
	font-weight: normal !important;
	font-size: 2em;
	text-transform: uppercase;
}

img{
	max-width: 100%;
}

section.conteudo{
	padding: 50px 0;
}

header{
	background-color: #f0f0f0;
	border-top: 2px solid #cb0101;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #cecece;
}

header div.social-icons a{
	color: rgba(0,0,0, 0.5);
}

header div.social-icons a i{
	font-size: 1.5rem;
}

.fa-mobile{
	font-size: 1.5em !important;
}

header div.location{
	color: #999;
	font-size: 0.8em;
}

header div.location i{
	margin-left: 15px;
}

.breadcrumb{
	background: none;
}

@media screen and (max-width: 768px) {
	header div.location span{
		display: block;
	}

	header div.social-icons{
		padding-top: 10px;
		text-align: right !important;
	}
}

@media screen and (max-width: 999px) {
	header div.social-icons{
		padding-top: 10px;
		text-align: right !important;
	}
}

section.navigation{
	padding: 20px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

#nav-bar{
	background: none;
	border: none;
	margin: 0;
	float: right;
	padding: 0px;
    transition: .5s;
}

#nav-bar .nav-link{
	font-size: 1.1em;
	margin-left: 15px;
	padding: 0 1rem;
	text-transform: uppercase;
	text-align: center;
}

#nav-bar .nav-link i{
	font-size: 1.4rem !important;
	display: block;
}

.fixed-top{
	background: rgba(255,255,255, 0.98) !important;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.1);
    box-shadow: 0 4px 4px rgba(0,0,0,0.1);
    padding: 10px 0 !important;
    transition: .5s
}

#nav-bar.fixed-top .nav-link{
	font-size: 0.9em !important;
}

#nav-bar.fixed-top .nav-link i{
	font-size: 1.1em !important;
}

#nav-bar .navbar-brand{
	display: none;
	float: right !important;
}

@media screen and (max-width: 999px) {
	#carouselBanners{
		width: 100%;
		height: auto !important;
	}

	#carouselBanners img{
		width: 100%;
		height: auto !important;
	}
}

@media screen and (max-width: 768px) {
	#nav-bar {
		margin-bottom: 20px;
		margin-top: 20px;
		justify-content: flex-end;
		width: 100% !important;
	}

	#nav-bar .navbar-brand{
		display: block;
		float: right !important;
	}

	#nav-bar .navbar-toggler{
		float: right;
	}

	#nav-bar .nav-link{
		border-bottom: 1px solid #cecece;
		margin: 0;
		padding: 10px 0;
	}
}

#carouselBanners img{
	width: 100%;
}

div.divider-shadow{
	background: #cb0101;
	height: 10px;
	margin: 0 auto;
	margin-bottom: 5rem;
	width: 80px;
}

section.intro .box-intro{
	text-align: center;
}

section.intro .box-intro a,
section.intro .box-intro span,
section.intro .box-intro p{
	color: #222;
}

section.intro .box-intro a{
	display: block;
	font-size: 1.1em;
}

section.intro .box-intro p{
	margin-top: 10px;
	font-size: 0.9em;
}

section.intro .box-intro span.icon{
	background-color: #fff;
	border-radius: 100%;
	color: #cb0101;
	display: inline-block;
	height: 100px;
	margin-bottom: 10px;
	text-align: center;
	transition: .4s;
	width: 100px;
}

section.intro .box-intro span.icon i{
	line-height: 100px;
}

section.intro .box-intro span.icon:hover{
	background: #f15922;
	color: #fff;
	transition: .4s;
}

section.chamada{
	padding: 25px 0;
}

section.chamada h2{
	font-size: 1.4em;
	margin: 0;
}

section.obras .box-obra .image{
	width: auto !important;
	height: 200px;
	max-height: 200px;
	margin: 0 auto;
	overflow: hidden;
}

section.obras .box-obra .image img{
	object-fit: cover;
}

section.obras .box-obra{
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0px;
	margin-bottom: 25px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.1) !important;
}

section.obras .box-obra .image{
	background-color: #000;
	text-align: center;
}

section.obras .box-obra .desc{
	padding: 1rem;
}

section.obra .box{
	background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    padding: 15px;
}

section.obra .box h3{
	margin: 0;
	margin-bottom: 10px;
}

section.obras-index{
	padding: 3rem 0 !important;
}

#carouselFotos{
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}

#carouselFotos div.carousel-inner{
	border-radius: 5px;
    background-color: #000;
    text-align: center;
}

#carouselFotos div.carousel-inner .carousel-item img{
    margin: 0 auto !important;
    max-width: 100%;
    max-height: 550px !important;
    min-height: 550px !important;
}

footer{
	background: url('../imagens/footer-bg.jpg');
	padding-top: 35px;
	color: #fff;
}

footer h3{
	color: #fff;
}

footer img{
	margin-top: 30px;
}

footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul li a{
	color: rgba(255, 255, 255, 0.9);
}

footer ul li a:hover{
	color: #fff;
}

footer i{
	margin-right: 5px;
}

footer .copyright{
	border-top: 1px solid rgba(0,0,0, 0.1);
	font-size: 0.8em;
	margin-top: 40px;
	padding: 0px 0;
}

.whats-footer{
	position: fixed;
	left: 10px;
	bottom: 10px;
}

@media screen and (max-width: 999px) {
	div.logo-footer img{
		margin-bottom: 25px !important;
	}

	section.chamada .btn{
		margin-top: 20px;
	}
}

@media screen and (max-width: 500px) {
	footer h5{
		margin-top: 15px !important;
	}
}

form .form-control{
	border-radius: 0px;
}

form .form-control:focus{
	border-color: #f15922;
	box-shadow: none;
}

form .form-control[type=text],
form .form-control[type=email]{
	height: 50px;
}

.btn-custom{
	background-color: #cb0101;
	color: #fff;
}

.btn-custom:hover{
	color: #fff;
	opacity: 0.9;
}