@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/*-----------------------------------------<ITENS INCLUDE>----------------------------------------------*/

body, html {
	margin: 0 auto;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	scroll-behavior: smooth;
	position: relative;
	background-color: rgb(240, 240, 240);
}

.this-color {
	color: #47769C;
}
.space{
	padding-bottom: 20px;
}


.backhr{
	background-color: #476370;
}
.backhr_servico{
	background-color: #ffffff;
}

/*-------------------------------------------<FIM INCLUDE>----------------------------------------------*/

/*-----------------------------------------<ITENS NAVBAR>----------------------------------------------*/

#top-navbar {
	background-color:#ffffff;
	height: auto;
	padding: 5px 20px;
}

#top-navbar img {
	height: 60px;
	width: auto;
}

#top-navbar a {
	color: #807e7e;
}

#top-navbar button {
	color: #807e7e;
	border-color: #ffffff;
}

#top-navbar button:hover {
	color: #47769C;
	border-color: #47769C;
}

.container-fluid {
	background-color: transparent;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 3px;
}

#top-navbar a:link {
	text-decoration: none;
}

#top-navbar a:hover {
	color: #47769C;
}

/*-------------------------------------------<FIM NAVBAR>----------------------------------------------*/

/*-----------------------------------------<ITENS HOME>----------------------------------------------*/

#home {
	background: url(../img/back_end.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	padding: 247px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#home h3 {
	color: #ffffff;
	line-height: 1.5;
	text-shadow: 2px 2px rgb(85, 82, 82);
}

/*-------------------------------------------<FIM HOME>----------------------------------------------*/

/*-----------------------------------------<ITENS SOBRE>----------------------------------------------*/

#sobre {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 100px;
}
#sobre p {
	line-height: 1.8;
	font-size: 18px;
}

/*-------------------------------------------<FIM SOBRE>----------------------------------------------*/

/*-----------------------------------------<ITENS SERVIÇOS>----------------------------------------------*/

#servicos  {
	background-color: #b8b3b3;
	padding-top: 50px;
	padding-bottom: 60px;
	color: #ffffff;
}
.group-servico h5{
	font-size: 12px;
}
.btn-close {
	color: #2a3e50;
	right: 0px;
	font-size: 20px;
	top: 5px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px #888888;
}
.btn-close:hover {
	color: #6b6a6a;
	position: absolute;
	text-align: center;
}

.item-construcao,.item-projetos,.item-planejamento, .item-instalacao{
	display: none;
	margin: 10px 0px;
	background-color: #f1f1f1;
	color: #2a3e50;
	font-size: 12px;
	padding: 40px 40px;
	border: 2px solid #f1f1f1;
	border-radius: 5px;
}

.img-construcao {
	background: url(../img/contrucao_reforma.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0px 0px;
}

.img-projetos {
	background: url(../img/projetos.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0px 0px;
}

.img-planejamento {
	background: url(../img/planejamento.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0px 0px;
}

.img-instalacao {
	background: url(../img/instalacao.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0px 0px;
}

.construcao {
	background: url(../img/contrucao_reforma.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	border: 1px solid #f1f1f1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0px 0px;
}

.projetos {
	background: url(../img/projetos.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	border: 1px solid #f1f1f1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 2px 0px;
	color: #0A101E;
}
.planejamento {
	background: url(../img/planejamento.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	border: 1px solid #f1f1f1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 2px 0px;
	color: #0A101E;
}

.instalacao {
	background: url(../img/instalacao.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
	padding: 137px 0px;
	border: 1px solid #f1f1f1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0px 0px;
}

.construcao:hover, .projetos:hover, .planejamento:hover, .instalacao:hover {
	opacity: 0.5;
	cursor: pointer;
}

#servicos  h5{
	margin-top: 20px;
}

#servicos  div p {
	font-size: 13px;
}

#servicos  div img {
	height: 270px;
	width: 270px;
}


/*-------------------------------------------<FIM SERVIÇO>----------------------------------------------*/

/*-----------------------------------------<ITENS PORTFOLIO>----------------------------------------------*/

#portfolio {
	padding-top: 50px;
	padding-bottom: 70px;
}

#item-portfolio .fb-like {
	float: right;
}

#item-portfolio {
	position: relative;
	width: 80%;
	font-family: 'Montserrat', sans-serif;
	padding: 0px 80px;
	opacity: 0.8;
	bottom: 0;
}

#item-portfolio .card-img-top {
	height: 200px;
	width: 100%;
	padding: 30px;
}

#item-portfolio .card-title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
}

#item-portfolio i {
	float: right;
	cursor: pointer;
	font-size: 15px;
}

#item-portfolio .card-body {
	padding: 5px 5px;
	color: #111111;
	font-size: 15px;
}

#item-portfolio .item-body {
	color: #0e0d0d;
	background-color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	height: 100px;
}

/*-----------------------------------------<FIM PORTFOLIO>----------------------------------------------*/

/*-----------------------------------------<ITENS CONTATO>----------------------------------------------*/

#contato {
	background-color: #2a3e50;
	padding-top: 50px;
	padding-bottom: 57px;
	color: #ffffff;
}

#contato .andress {
	color: #ffffff;
	padding: 10px 16px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}

#contato .andress strong {
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Montserrat', sans-serif;
}
#contato .andress .icon{
	font-size: 12px;
	padding: 5px 5px;
	color: #47769C;
}
#contato .andress span{
	margin-left: 3px;
}

#contato .fa-facebook {
	background: #3B5998;
	color: white;
	padding: 10px;
	font-size: 15px;
	width: 35px;
	text-align: center;
	text-decoration: none;
	margin: 8px 2px;
	border-radius: 50%;
}
#contato .fa-facebook:hover{
	background-color:#ffffff;
	color:#3b5999;
}
#contato .fa-linkedin {
	background: #007bb5;
	color: white;
	padding: 10px;
	font-size: 15px;
	width: 35px;
	text-align: center;
	text-decoration: none;
	margin: 8px 2px;
	border-radius: 50%;
}
#contato .fa-linkedin:hover {
	background: white;
	color: #007bb5;
}
#contato .fa-instagram {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	color: white;
	padding: 10px;
	font-size: 15px;
	width: 35px;
	text-align: center;
	text-decoration: none;
	margin: 8px 2px;
	border-radius: 50%;
}
#contato .fa-instagram:hover {
	background: white;
	color: #d9317a;
}
#contato .fa-twitter {
	background: #55ACEE;
	color: white;
	padding: 10px;
	font-size: 15px;
	width: 35px;
	text-align: center;
	text-decoration: none;
	margin: 8px 2px;
	border-radius: 50%;
}
#contato .fa-twitter:hover {
	background: white;
	color: #55ACEE;
}

#contato div button {
	background-color: white;
	color: #282f35;
	font-weight: bold;
	border-style: none;
}

#contato input.form-control, #contato textarea.form-control {
	margin-bottom: 10px;
}

#contato .form-control {
	display: block;
	width: 100%;
	padding: 7px 12px;
	font-size: 13px;
	line-height: 1.42857143;
	color: rgb(252, 247, 247);
	background-color: #476370;
	background-image: none;
	border: 0;
	border-top: 2px solid transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	transition: all 0.5s;
	font-family: 'Lato', sans-serif;
}

#contato .form-control:focus {
	border-color: #c7c7c7;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #222222;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-style: italic;
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #c2bdbd;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-style: italic;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #222222;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-style: italic;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #222222;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-style: italic;
}

/*-----------------------------------------<FIM CONTATO>----------------------------------------------*/

/*-----------------------------------------<ITENS LOADER>----------------------------------------------*/

.loader {
	display: none;
	border: 8px solid white;
	border-radius: 50%;
	border-top: 8px solid#47769C;
	border-bottom: 8px solid #47769C;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.alert-erro {
	display: none;
	padding: 20px;
	background-color: #f44336;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	margin-bottom: 15px;
	margin-top: 15px;
}

.alert-success {
	display: none;
	padding: 20px;
	background-color: #4CAF50;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	margin-top: 15px;
	margin-bottom: 15px;
}

.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.closebtn:hover {
	color: black;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*-------------------------------------------<FIM LOADER>----------------------------------------------*/

/*-----------------------------------------<ITENS FOOTER>----------------------------------------------*/

footer a i {
	list-style: none;
	margin-left: 20px;
	float: right;
	color: #ffffff;
	font-size: 14px;
}

footer {
	/**background-color: #0f1a24;**/
	background-color: #0A101E;
	color: white;
	padding: 10px 0px;
	font-size: 11px;
	height: 40px;
}
footer a{
	color: #ffffff;
}

footer a:hover{
	text-decoration: none;
}

footer ul li a {
	color: #ffffff;
	font-size: 14px;
}

/*-----------------------------------------<FIM FOOTER>----------------------------------------------*/