@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('menu.css');
@import url('botoes.css');

:root {
	--cinza: #808080;
	--azul: #14233d;
	--azul2: #1F2C3D;
	--verde: #1bce9b;
	--azulClaro: #D9DDF0;
	--branco: #ffffff;
}

* {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: var(--cinza);
}

.btn-to-top a img {
	position: fixed;
	bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow: 0px 0px 15px #1bce9b;
}


h1 {
	font-size: 54px;
	font-weight: 300;
}

h2 {
	font-size: 40px;
	font-weight: 300;
}

h6 {
	font-size: 24px;
	font-weight: 300;
}

h5 {
	font-size: 24px;
	font-weight: 700;
}

/*				Header - Home                */

header {
		width: 100%;
    height: 68vh;
    margin-top: 80px;
    background-color: var(--azul);
}

header .content-header .header-text {
	display: flex;
	flex-direction: column;
	align-self: center;
}

header .content-header .header-text h1 {
	color: var(--branco);
	font-weight: bold;
	font-size: 55px;
	margin-top: -20px;
}

header .content-header .header-text h1 span {
	color: var(--verde);
	font-weight: lighter;
	font-size: inherit;
}

header .content-header .header-text h6 {
	font-weight: lighter;
	color: var(--branco);
  font-size: 14px;
  letter-spacing: 6px;
  margin-top: -15px;
}

header .header-download {
	display: flex;
	margin-top: 60px;
	text-decoration: none;
}

header .header-download img {
	margin-top: -10px;
	animation-name: seta;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

header .header-download p {
	color: var(--branco);
	font-weight: Bold;
	padding-left: 8px;
	padding-top: 18px;
	font-size: 28px;
	line-height: 33px;
}

header .header-image {
	margin-top: 40px;
}

@keyframes seta {
  0% {margin-top: -25px;}
  50% {margin-top: 30px;}
  100% {margin-top: -25px;}
}



/*				Baixe o Ebook         */
#baixeoebok {
	padding-top: 100px;
	padding-bottom: 70px;
}

#baixeoebok h2 {
	color:  var(--azul);
	font-weight: lighter;
	font-size: 40px;
}

#baixeoebok form button {
	margin: 0 auto;
	display: flex;
	align-items: center;
}
/*				       O que podemos fazer por Você?                */
#suaempresa {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #f8faff;
}

#suaempresa .content-suaempresa {
	text-align: center;
	padding-bottom: 70px;
}

#suaempresa .content-suaempresa h3 {
	color: var(--azul);
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 28px;
}

#suaempresa .content-suaempresa h3 span {
	color: var(--verde);
	font-size: inherit;
}

#suaempresa .content-suaempresa h4 i,
#suaempresa .content-suaempresa h4 {
	font-size: 24px;
}

#suaempresa .content-suaempresa p {
	margin-top: 50px;
}

#suaempresa .content-oquepodemos h2 {
	font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: var(--azul);
}

#suaempresa .content-oquepodemos .box-podemos .box-podemos-numero p {
	color: var(--azul);
	font-weight: bold;
	font-size: 48px;
}

#suaempresa .content-oquepodemos .box-podemos .box-podemos-content b {
	color: var(--azul);
}

#suaempresa .content-oquepodemos .box-podemos .box-podemos-content {
	text-align: justify;
}

/*		       Entre em contato          */
#entreemcontato {
	padding-top: 70px;
	padding-bottom: 70px;
}

#entreemcontato h2 {
	font-weight: lighter;
	color: var(--azul);
	text-align: center;
}

#entreemcontato p.subtitulo {
	color: var(--azul);
	font-size: 24px;
	text-align: center;
}

#entreemcontato p.subtitulo b{
	color: inherit;
	font-size: inherit;
}

#entreemcontato .telefone {
	display: flex;
	justify-content: center;
}

#entreemcontato .telefone img {
	width: 40px;
	margin-right: 10px;
}

#entreemcontato .telefone p {
	letter-spacing: 4px;
	color: var(--azul);
	font-weight: bold;
	font-size: 32px;
	padding-top: 14px;
}

#entreemcontato .telefone p small {
	color: var(--azul);
	font-weight: lighter;
	font-size: 24px;
}

#entreemcontato button {
	margin: 0 auto;
	display: flex;
	align-items: center;
}

/*				    O que é PENHORA             */
#oqueepenhora {
	padding-bottom: 70px;
}

#oqueepenhora h2 {
	font-weight: lighter;
	color: var(--azul);
	font-size: 64px;
}

#oqueepenhora h2 b {
	font-weight: bold;
	color: inherit;
	text-transform: uppercase;
	font-size: inherit;
}

#oqueepenhora h2 span {
	color: var(--verde);
	font-size: inherit;
}

#oqueepenhora p {
	text-align: justify;
}

#oqueepenhora .botaolei {
	margin: 48px auto 0 auto;
	display: flex;
	justify-content: center;

}
#oqueepenhora .botaolei a img {
	margin-top: -6px;
	margin-right: 4px;
}

#oqueepenhora .content-oquee {
	padding-top: 32px;
}
#oqueepenhora .content-oquee .content-title {
	color: var(--azul2);
	font-size: 24px;
	font-weight: bold;
}

#oqueepenhora .content-oquee .content-text {
	margin-bottom: 24px;
	text-align: justify;
}

#oqueepenhora .content-oquee .box-azul {
	border: 1px solid var(--azul);
	padding: 20px;
	border-radius: 8px;
}

#oqueepenhora .content-oquee .box-azul p {
	text-align: center;
	color: var(--azul);
	margin-bottom: 0px;
}

#oqueepenhora .direitos {
  padding-top: 40px;
  padding-right: 10px;
}

#oqueepenhora .direitos h3 {
	font-weight: lighter;
	color: var(--azul);
	font-size: 32px;
}

#oqueepenhora .direitos p {
	font-size: 24px;
}

#oqueepenhora .direito-lista ul {
	list-style-image: url('../img/ico-list.svg');
}

#oqueepenhora .direito-lista ul li {
	padding: 4px 0 4px 0;
}


/*				      Interno                */

#header-int {
	background-color: var(--azul);
	height: 200px;
	margin-top: 98px;
	display: flex;
	align-items: center;
}

#header-int h1 {
	font-size: 48px;
	color: var(--branco);
	font-weight: lighter;
}

#content-int {
	padding-top: 70px;
	padding-bottom: 70px;
}

#content-int h2 {
	text-align: center;
	font-weight: bold;
}

/*				       Rodape                */

footer {
	background: var(--azul);
	padding: 70px 0 0px 0;
	text-align: center;
}

/*footer .content-rodape-img img{
	position: absolute;
	left: -40px;
  margin-top: -160px;
}*/

footer a.content-rodape {
	text-decoration: none;
}

footer .content-rodape img {
	width: 35px;
}

footer .content-rodape h4 {
	letter-spacing: 4px;
	font-weight: lighter;
	font-size: 24px;
	text-transform: uppercase;
	color: var(--branco);
  padding-top: 8px;
}

footer .redes {
    display: flex;
    justify-content: center;
}

footer .redes .content-rodape span {
	color: var(--branco);
	padding-top: 10px;
}

footer .redes a img {
	margin: 3px 8px 8px 8px;
}

footer .copyright {
	margin-top: 50px;
	background-color: var(--azul2);
	padding-top: 16px;
}

footer .copyright p {
	color: var(--branco);
	font-weight: 300;
}

/*                Contato                */

.form-control, .form-select {
	padding: 16px .75rem;
	background-color: #f1f1f1;
	border: 1px solid transparent;
	color: var(--verde);
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--cinza);
  opacity: .3;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: var(--cinza);
  opacity: .3;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: var(--cinza);
  opacity: .3;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: var(--cinza);
  opacity: .3;
}

#content-int form {
	padding-top: 70px;
}

form .row button {
	margin-top: 24px;
}

form label {
	color: var(--cinza)
}