* {
	--fundo-1bloco: #CE4C67;
	--fundo-2bloco: #fff0ff;
	--fundo-3bloco: #C86464;
	--borda-input: #CE4C67;
	--cor-texto-input: #CE4C67;
	--fundo-destaque-rodape: #C35757;
	--fundo-goiaba: #dd647a;
	
}

html {
	/* background: #d6a78d; */
	box-sizing: border-box;
	color: var(--cor-principal);
}

p {
	margin: 0;
	padding: 0;
}

.body {
	width: 100%;
	box-sizing: border-box;
}

.container {
	width: 100%;
	padding: 30px 15px;
	position: relative;
}

.row {
	width: 100%;
	max-width: 1180px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
	transform: translateX(-50%);
	margin-left: 50%;
	padding: 30px 0;
}

.bloco1 {
	background-color: var(--fundo-1bloco);
}

.bloco2 {
	background-color: var(--fundo-2bloco);
}

.bloco3 {
	background-color: var(--fundo-3bloco);
}

.blocoDiferenciais {
	background-color: var(--fundo-goiaba);
}

.direitos {
	background-color: var(--fundo-destaque-rodape);
}

.banner {
	position: relative;
}

.banner .banner-img { width: 100%; }

.banner .banner-txt {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}

.banner .banner-txt h1 {
	font-family: 'baginda_scriptregular';
	font-size: 9rem;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 200;
}

.texto-destaque p {
	font-size: 28px;
	font-family: 'gothambold';
	color: #fff;
	text-align: center;
}

.mensagem p {
	font-size: 26px;
	font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
	text-align: center;
}

.mensagem p b {
	font-family: 'gothambold';
}

input[type='text'],  input[type='tel'], input[type='email'] {
	width: 80%;
	height: 50px;
	border: 1px solid var(--borda-input);
	border-radius: 5px;
	padding: 0 15px;
	font-size: 16px;
	font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
	background-color: #fff;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 0;
	outline: none;
}

.input {
	text-align: center;
}

input[type='submit'] {
	/* width: 80%; */
	height: 50px;
	border: none;
	border-radius: 5px;
	padding: 0 50px;
	font-size: 16px;
	font-family: 'Gotham-Book';
	color: #fff;
	background-color: var(--cor-texto-input);
	margin: 20px;
	text-align: center;
	border-radius: 0;
	outline: none;
	letter-spacing: 2px;
	cursor: pointer;
}

input[type='submit']:hover {
	background-color: var(--fundo-3bloco);
}

label { width: 89%;display: block;position: relative;margin: 0 auto; }

.checkbox-text { display: inline-table;width: 89%;text-align: left;margin: 0 15px; font-family: 'Gotham-Book';}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
}
::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
}

::placeholder { /* Most modern browsers support this now. */
    font-family: 'Gotham-Book';
	color: var(--cor-texto-input);
}

input[type=checkbox] {
  position: relative;
  cursor: pointer;
}

input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  background-color: var(--fundo-1bloco);
}

input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 5px;
  left: 9px;
}

.rodape {
	width: 100%;
	max-width: 1180px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: center;
	padding: 30px 0;
	font-family: 'MyriadPro-Regular';
	color: #fff;
}

.text-footer {width: 300px; padding-top: 30px;}

.telefone, .endereco {
	display: block;
	margin-bottom: 20px;
}

.telefone-img, .endereco-img {
	width: 21px;
    float: left;
    display: inline;
    margin-right: 10px;
}

.telefone-txt, .endereco-txt {
	width: auto;
    display: inline-block;
}

.direitos, .direitos .row {
	padding: 5px 0;
}

.direitos-txt {
	color: #EFD3D3;
	text-align: center;
	font-family: 'MyriadPro-Regular';
}

.whatsapp {
	position: fixed;
	top: 15px;
	right: 15px;
}

.whatsapp img {
	width: 50px;
}


.blocoDiferenciais .row .mensagem p {
	color: #fff;
}

.blocoDiferenciais .diferenciais{
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.blocoDiferenciais .diferenciais .item {
    width: 350px;
    padding: 1em 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blocoDiferenciais .diferenciais .item * { color: #fff; font-family: 'Gotham-Book'; text-align: center; }

.blocoDiferenciais .diferenciais .item h2 { font-family: 'Gothambold'; }

.blocoDiferenciais .row .mensagem p { font-size: 28px; font-family: 'gothambold'; }


@media (max-width: 800px) {

	.rodape {
		flex-direction: column;
		justify-content: center;
		align-content: center;
		display: flex;
		align-items: center;
	}

	.container {
		padding: 0;
	}

	.row {
		flex-direction: column;
		justify-content: center;
		align-content: center;
		display: flex;
		align-items: center;
		max-width: 100%;
	}

	.banner .banner-txt h1 {
		font-size: 4rem;
	}

	.texto-destaque p {
		font-size: 18px;
		padding: 0 20px;
	}

	.mensagem p {
		font-size: 16px;
		padding: 0 20px;
	/* font-weight: 200; */}

	.checkbox-text {
		width: 80%;
		text-align: left;
		margin: 0;
	}

	label {
		width: 100%;
		display: block;
		position: relative;
		margin: 0 auto;
	}

	input[type=checkbox] {margin: 0 15px;}

	.logo {
		margin-left: 35px;
	}
	
	.blocoDiferenciais .diferenciais{
		flex-direction: column;
	}
	
	.blocoDiferenciais .row {
		padding-bottom: 0;
	}

}