/* Layout
-----------------------------*/
@font-face {
	font-family: 'Speeday';
	src: url('../fonts/Speeday-Regular-FFP.ttf') format('truetype');
  }
  
html, body, #home {
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

body {
	background: url(../imagens/capa.png),
				url(../imagens/ruido.png),
				linear-gradient(50deg,#880813,#2b4892);
	background-attachment: fixed;
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

/* Barra de navegação
-----------------------------*/

.menuFixo {
    position: fixed;
    top: 0px;
    background-color: #ccf;
}
#menu {
    height: 50px;
}
#body {
    height: 2000px;
}

.menu-auxiliar {background-color:orange;}

.conteudo {
    height: 2000px;
}

#home .navbar-transparente .home,  #empresa .navbar-transparente .empresa, 
#residencial .navbar-transparente .residencial, #comercial .navbar-transparente .comercial,
#icamento .navbar-transparente .icamento, #contato .navbar-transparente .contato,
#depoimento .navbar-transparente .depoimento, #orcamento .navbar-transparente .orcamento {
	color: black;
}

#home .navbar-opaca .home,  #empresa .navbar-opaca .empresa, 
#residencial .navbar-opaca .residencial, #comercial .navbar-opaca .comercial,
#icamento .navbar-opaca .icamento, #contato .navbar-opaca .contato,
#depoimento .navbar-opaca .depoimento, #orcamento .navbar-opaca .orcamento {
	color: #2b4892;
}



nav.navbar-transparente {
	padding: 15px 0px;
	background-color: rgba(0, 0, 0, 0.05);
}
nav.navbar-opaca {
	position: fixed;
	width: 100%;
	z-index: 10000;
	padding: 15px 0px;
	background: rgb(255,255,255);
	transition: background 1s, color 1s;
}
.navbar-transparente .navbar-nav .nav-link {
	color: rgb(255, 255, 255);
}

.navbar-opaca .navbar-nav .nav-link:hover {
	color: #2b4892;
	transition: color 0.7s, color 0.7s;
}

.navbar-transparente .navbar-toggler {
    color: white;
    border-color: white;
}

.navbar-opaca .navbar-nav .nav-link {
	color: black;
}
.navbar-transparente .navbar-nav .nav-link:hover {
	color: black;
	transition: color 0.7s, color 0.7s;
}

.navbar-opaca .navbar-nav .nav-link:hover {
	color: #2b4892;
	transition: color 0.7s, color 0.7s;
}


.navbar-opaca .navbar-toggler {
    color: #325cc6;
    border-color: #325cc6;
}


.divisor {
	width: 1px;
	background: white;
	margin: 12px 15px;
}

/* Capa
-----------------------------*/
.capa {
	text-align: center;
}

.btn-custom {
	color: white;
	-webkit-border-radius: 15px !important;
    -moz-border-radius:  5px !important;
    text-transform: uppercase;
    transition: background 0.4s, color 0.4s;
    padding: 10px 20px;
}

.btn-roxo {
	background: #2b4892;
}

.btn-roxo:hover {
	background: #325cc6;
	color: white;
}

.btn-branco {
	border: 2px solid white;
}

.btn-branco:hover {
	background-color: white;
	color: black;
}
#servicos .btn-branco {
	padding-top: 3px;
	height: 40px;
	color: #2b4892;
	border: 2px solid #2b4892;
}
#servicos .btn-branco:hover {
	background: #2b4892;
	color: white;
}

.function-padding {
	padding-top:175px;
	transition: padding 1s, color 1s;
}


 /* Footer
-----------------------------*/

#rodape {
	background: #181717;
	color: white;
	background-attachment: fixed;
	padding-top: 50px;
	

}

#rodape ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#rodape a {
	text-decoration: none;
	color: white;
}

#rodape a:hover {
	text-decoration: none;
	color: rgb(124, 119, 119);
}
#rodape a h4:hover {
	text-decoration: none;
	color: rgb(124, 119, 119);
}

.btn-social {
	background: #1C1C1C;
	border-radius: 500px;
	width: 40px;
	height: 40px;
	padding: 0;
	margin-right: 5px;

}
.icone {
	font-size: 25px;
	text-align: center;
	padding-top: 20%;
}





/* Estrutura conteúdos
-----------------------------*/
.caixa {
	padding-top: 20px;
	padding-bottom: 20px;
}
#recursos.caixa  {
	padding-top: 20px;
	padding-bottom: 0px;
}

#servicos {
	background: white;
}

#parceria {
	background: white;
}

#recursos {
	color: white;
}

#servicos h2, h3 {
	color: #2b4892;
}

#recursos h2 {
	color: white;
}

#recursos h3 {
	color:white;
}

.albuns {
	padding: 10px 0;
}
.img-banner{
	width: 100%;
}
.container-footer{
	margin: 0px;
}
.ultimo-footer {
padding: 0px;
}
input {
	width: 100%;
}
.form-check-input {
	position: relative;
	float: left;
    margin-top: .3rem;
    width: 10%;
	margin-left: 0.0000001%;

}
.form-check-label {
    margin-bottom: 0;
    
}
/*
.rotacionar {
	-ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg); 
    transform: rotate(30deg);
	padding-left: 80px;
}
*/

/* Tipografia
-----------------------------*/
h1 {
	font-weight: 900;
	letter-spacing: -0.05em;
	margin-bottom: 50px;
	color: white;
}

h2 {
	font-size: 3em;
	font-weight: 700;
	letter-spacing: -0.04em;
	margin-top: 2%;
}

h3 {
	font-size: 2em;
	font-weight: 700;
	letter-spacing: -0.04em;
}
h4 {
	text-transform: uppercase;
	color: #2b4892;
	font-size: 0.9em;
}
.contato li p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
.contato li {
	margin-bottom: 10px;
}
#servicos h3 {
	margin-top: 20px;
}
.form-group p{
	margin-bottom: 2%;
	color: #2b4892;
	font-weight: 600;
	
}
.form-group{
	color: #2b4892;
	font-weight: 600;
}
.input{
	background-color: rgba(0, 0, 0, 0.1);
	border: none;
}
.input-style{
	margin-top: 1.5%;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.btn-custom {
		margin: 10px 15px;
	}
	.link-list{
		margin-top: 15px;
	}
	.margem-top {
		margin-top: 20px;
	}
	.margem-ultimo {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.margem-primeiro {
		margin-bottom: 5px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	h1 {
		font-size: 3em;
	}
	.btn-custom {
		margin: 10px 15px;
	}
	.link-list{
		margin-top: 15px;
	}
	.margem-ultimo {
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: auto;
	}
	.margem-primeiro {
		margin-bottom: 5px;
	}
	.btn-roxo{
		margin-bottom: 0px;
	}
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	h1 {
		font-size: 3em;
	}
	.link-list{
		margin-top: 15px;
		margin-right: 25px;
	}
	.btn-roxo{
		margin-bottom: 7px;
	}
	.btn-branco{
		margin-bottom: 7px;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	h1 {
		font-size: 5em;
	}
	.btn-social{
		margin-right: 4.5px;
	}
	.btn-roxo{
		margin-bottom: 10px;
	}
	.btn-branco{
		margin-bottom: 7px;
	}
	.icon-services {
		margin-top: 10%;
	}
	.icon-services a{
		text-decoration: none;
	}
	.icon-services i{
		display: block;
		font-size: 4em;
		text-align: right;
		margin-bottom: 225%;
		color: #2b4892;
	}
	.icon-services i:hover{
		color: #325cc6;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	h1 {
		font-size: 6em;
	}
	.btn-social{
		margin-right: 5px;
	}
	.btn-roxo{
		margin-bottom: 10px;
	}
	.btn-branco{
		margin-bottom: 7px;
	}
	.icon-services {
		margin-top: 5%;
	}
	.icon-services a{
		text-decoration: none;
	}
	.icon-services i{
		display: block;
		font-size: 4em;
		text-align: right;
		margin-bottom: 80%;
		color: #2b4892;
	}
	.icon-services i:hover{
		color: #325cc6;
	}

}
@media (min-width: 992px){
	.offset-lg-2 {
		margin-left: 0;
}

}
@media (min-width: 1200px){
	.container {
    max-width: 100%;
}}
@media (min-width: 1200px){
.container {
    max-width: 100%;
}}