/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@font-face {
	font-family: 'nissan300';
		src: url('NissanBrand-Light.eot'); /* IE9 */
		src: url('NissanBrand-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('NissanBrand-Light.woff') format('woff'), /* Modern Browsers */
		url('NissanBrand-Light.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
	font-family: 'nissan400';
		src: url('NissanBrand-Regular.eot'); /* IE9 */
		src: url('NissanBrand-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('NissanBrand-Regular.woff') format('woff'), /* Modern Browsers */
		url('NissanBrand-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
	font-family: 'nissan500';
		src: url('NissanBrand-Bold.eot'); /* IE9 */
		src: url('NissanBrand-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('NissanBrand-Bold.woff') format('woff'), /* Modern Browsers */
		url('NissanBrand-Bold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

html, body {width:100%; height:100%; font-family: 'nissan400';}
/*********************************************************/
:root {
	--amarelo: #efc12e;
}

.esquerda {width: 47%; float: left;}
.direita {width: 47%; float: right;}

.bgcover {background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bg100  {background-repeat: no-repeat; background-size: 100%; background-position: center center;}

span {color: var(--amarelo) !important;}
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/
header {width: 100%; height: 100%; display: table;}
header h1 {font-size: 6em; font-weight: 900; padding-top: 15%; color: #fff; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 20px;}
header p {font-size: 3em; font-weight: 500; letter-spacing: 1px; text-shadow: black 0.1em 0.1em 0.2em; color: #fff;}
header .small {font-size: 1.2em !important; padding: 80px 0;}
header .logo {width: 540px; height: 155px;}

footer {width: 100%; display: table; padding: 20px 0; text-align: center; background-color: var(--amarelo);}
footer li {display: inline-block; padding: 0 20px; text-transform: uppercase; font-weight: 600;}
footer .carvalho {width: 110px; height: 25px; background-image: url(../images/carvalho.png); background-size: 100%; background-repeat: no-repeat; position: relative; top: 5px;}
/*********************************************************/
.formulario {width: 100%; display: table; padding: 140px 0 80px; background-attachment: fixed; color: #fff; text-align: center;}
.formulario h1 {font-size: 3em; font-weight: 400; letter-spacing: 1px; text-shadow: black 0.1em 0.1em 0.2em; color: #fff; padding-bottom: 40px; text-align: left;}
.formulario p {color: #fff; text-transform: uppercase; font-weight: 400;}
.formulario span {font-weight: 500;}
.formulario .esquerda {width: 30%;}
.formulario .input {width: 100%; padding: 15px; border-radius: 10px; font-family: 'nissan400';}
.formulario .botao {padding: 10px 30px; border-radius: 10px; background-color: var(--amarelo); color: #000; cursor: pointer; text-transform: uppercase; font-family: 'nissan400'; font-weight: 700; font-size: 1.2em;}
.formulario .botao:hover {background-color: #000; color: var(--amarelo);}
/*********************************************************/
.lojas {width: 100%; display: table; text-align: center; padding: 20px 0; background-color: #000;}
.lojas h1 {color: #fff; text-transform: uppercase; font-size: 1.2em; padding-bottom: 20px;}
.lojas li {display: inline-block; padding: 0 15px 20px 15px; color: #fff; font-size: 0.9em; font-weight: 300;}
/*********************************************************/
.social {width: 100%; display: table; padding: 40px 0; text-align: center; justify-content: center; display: flex;}
.social li {border: 1px solid #000; display: flex; margin: 0 10px; width: 60px; height: 60px; font-size: 2em; border-radius: 50%; color: #000; justify-content: center; align-items: center;}
.social li:hover {background-color: #000; color: var(--amarelo);}