div.newsletter {font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; border: none!important; background: black; margin: 0!important; border-radius: 0!important; padding: 50px;}
div.newsletter .tit {background: none; text-align: center; width: 1000px; margin: 0 auto;}
div.newsletter .tit b {display: none;}
div.newsletter .tit:before {content:'Cadastre-se e receba novidades sobre o lançamento em primeira mão:'; color: #fff; font-weight: 600; font-size: 44px;}
div.newsletter .email {padding: 10px 5px 20px; width: 560px; margin: 0 auto;}
div.newsletter .box .type1 {padding: 10px; position: relative; font-size: 18px; width: 450px; margin: 0; border-radius: 10px 0 0 10px; height: 65px; z-index: 100}
div.newsletter .box .ok {position: relative;}
div.newsletter .box label {display: none;}

div.newsletter .box .error,div.newsletter .box .success {color: #fff; text-align: center;}
div.newsletter .box .error p,div.newsletter .box .success p {color: #fff}
div.newsletter .box .error .bt {background: black; border: 1px solid #fff; padding: 20px; text-transform: uppercase; text-align: center; width: 160px; border-radius: 10px; line-height: 2px;}
div.newsletter .box .ok input {background: black; color: #fff; height: 64px; width: 100px; border-radius: 0 10px 10px 0; border: 1px solid #fff; position: relative;}
div.newsletter .box .ok:before {content: 'Enviar'; color: white; font-size: 18px; text-align: center; position: absolute; z-index: 1; top: 22px; left: 24px;}
div.newsletter .box .loading {color: #fff}

@media (max-width: 768px){
	div.newsletter {padding: 20px}
	div.newsletter .tit {width: 100%;}
	div.newsletter .tit:before {font-size: 24px;}
	div.newsletter .email {width: 330px;}
	div.newsletter .box .type1 {padding: 10px 20px; font-size: 16px; width: 230px; margin: 0; border-radius: 10px 0 0 10px; height: 51px; z-index: 100;}
	div.newsletter .box .ok input {width: 90px; height: 51px;}
	div.newsletter .box .ok:before {top: 16px; left: 20px;}
}