/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body {width:100%; height:100%; font-family: 'Montserrat', sans-serif;}
/*********************************************************/
:root {
	--amarelo: #a5a728;
	--cinza: #373737;
}

.esquerda {width: 50%; float: left;}
.direita {width: 50%; 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;}

.botao-cinza {width: 70%; background-color: var(--cinza); color: #fff; text-transform: uppercase; font-weight: 700; padding: 20px; text-align: center; border-radius: 50px; cursor: pointer;}
.botao-cinza:hover {background-color: black;}

.botao-verde {padding: 20px 30px; background-color: var(--amarelo); color: #fff; text-transform: uppercase; font-weight: 600; border-radius: 50px; cursor: pointer;}
.botao-verde:hover {background-color: var(--cinza);}

.botao-branco {padding: 15px 30px; background-color: #fff; color: var(--amarelo); text-transform: uppercase; font-weight: 600; border-radius: 50px; cursor: pointer;}
.botao-branco:hover {background-color: var(--cinza);}
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/
header {width: 100%; display: table; background-color: var(--amarelo); position: relative;}
header h1 {color: #fff; font-weight: 500; text-transform: uppercase; font-size: 2.4em; width: 50%; margin: auto; }
header h1 span {font-weight: 700; font-size: 1.6em;}
header p {color: #fff; font-weight: 400; }

header .input {background-color: #fff; padding: 20px 30px; border-radius: 50px; font-family: 'Montserrat', sans-serif; width: 70%; text-transform: uppercase;}

header .imagem {width: 55%; float: left; height: 500px;}
header .texto {width: 45%; float: right; padding: 80px; text-align: center;}
header .logo {width: 305px; height: 65px; position: absolute; left: 3%; top: 10px;}
header .small {font-size: 0.9em; font-weight: 300; font-style: italic;}

footer {text-align: center; width: 100%; padding: 30px 0; background-image: url(../images/bg-rodape.png); background-repeat: no-repeat; background-position: left bottom;}
footer h1 {color: var(--cinza);  text-transform: uppercase; font-weight: 800; font-size: 1.6em; padding-bottom: 10px;}
footer p {color: var(--amarelo); font-weight: 700; line-height: 30px;}

footer .fim li {color: var(--cinza); font-size: 0.9em; font-weight: 400; display: inline-block;}
footer .logo {width: 80px; height: 35px; margin: auto; background-image: url(../images/carvalho.jpg); background-size: 100%; background-repeat: no-repeat; display: inline-block;}
footer .lcd {top: 20px; position: relative; left: 10px;}
/*********************************************************/
.tela1 {width: 100%; display: table; padding: 20px 0; text-align: center;}
.tela1 h1 {color: var(--amarelo); text-transform: uppercase; font-weight: 600; font-size: 2em; padding-bottom: 10px;}
.tela1 h2 {color: #fff; text-transform: uppercase; width: 50%; margin: auto; font-weight: 800; font-size: 3em; padding-bottom: 20px;}
.tela1 p {color: #fff; font-weight: 400; }

.tela1 .quadro {width: 95%; margin: auto; border-radius: 15px; padding: 60px 0; background-attachment: fixed;}
/*********************************************************/
.tela2 {width: 100%; display: block; padding: 60px; text-align: center;}
.tela2 h1 {color: #fff; text-transform: uppercase; font-weight: 600; font-size: 2em; padding-bottom: 40px;}
.tela2 .foto {width: 95%; margin: auto; border: 4px solid var(--amarelo); height: 320px; border-top-left-radius: 60px;}
/*********************************************************/
.tela3 {width: 100%; display: table; background-position: bottom; padding: 120px 0;}
.tela3 h1 {color: var(--cinza); text-transform: uppercase; font-size: 3em; font-weight: 900; padding-bottom: 40px;}
.tela3 h1 span {background-color: var(--amarelo); color: #fff; padding: 5px;}
.tela3 p {color: var(--cinza); font-size: 1.4em; line-height: 30px; font-weight: 600;}
.tela3 p span {border-bottom: 2px solid var(--amarelo); }
/*********************************************************/
.tela4 {width: 100%; display: table;}
.tela4 h1 {color: #fff; text-transform: uppercase; font-weight: 800; font-size: 2em; padding-bottom: 40px;}
.tela4 p {color: #fff; font-weight: 400; line-height: 25px;}

.tela4 .esquerda {height: 700px; padding: 60px 40px 40px 15%;}
.tela4 .direita {height: 700px;}
/*********************************************************/
.tela5 {width: 100%; display: table; background-color: var(--amarelo);}
.tela5 h1 {color: #fff; text-transform: uppercase; font-weight: 800; font-size: 2em; padding-bottom: 40px;}
.tela5 p {color: #fff; font-weight: 300; line-height: 30px; font-size: 1.4em;}

.tela5 .esquerda {padding: 80px 60px 60px 15%;}
.tela5 .direita {margin-bottom: -5px;}
.tela5 iframe {width: 100%; height: 470px;}