html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* This stylesheet generated by Transfonter (http://transfonter.org) on February 3, 2017 9:15 PM */

@font-face {
	font-family: 'Maven Pro';
	src: url('MavenProBold.eot');
	src: url('MavenProBold.eot?#iefix') format('embedded-opentype'),
		url('MavenProBold.woff') format('woff'),
		url('MavenProBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Maven Pro';
	src: url('MavenProMedium.eot');
	src: url('MavenProMedium.eot?#iefix') format('embedded-opentype'),
		url('MavenProMedium.woff') format('woff'),
		url('MavenProMedium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Maven Pro';
	src: url('MavenProRegular.eot');
	src: url('MavenProRegular.eot?#iefix') format('embedded-opentype'),
		url('MavenProRegular.woff') format('woff'),
		url('MavenProRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Maven Pro';
	src: url('MavenProBlack.eot');
	src: url('MavenProBlack.eot?#iefix') format('embedded-opentype'),
		url('MavenProBlack.woff') format('woff'),
		url('MavenProBlack.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on February 20, 2017 3:00 PM */

@font-face {
	font-family: 'Magnel Display';
	src: url('MagnelDisplay-Black.eot');
	src: url('MagnelDisplay-Black.eot?#iefix') format('embedded-opentype'),
		url('MagnelDisplay-Black.woff') format('woff'),
		url('MagnelDisplay-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

html, body {
	height: 100%;
	background: #fff;
	font-family: 'Maven Pro', sans-serif;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.theater-overlay, .curtain {
	width: 1020px;
	height: 768px;
	background: url('../img/teatro.png')no-repeat bottom center;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -510px;
	z-index: 9999;
	cursor: pointer;
}
.curtain {
	background: none;
	overflow: hidden;
	z-index: 1;
	
}
.logo {
	position: absolute;
	top: 300px;
	left: 386px;
	width: 292px;
	height: 71px;
	z-index: 9999;
}
.s-1 {
	position: absolute;
	left: 0px;
}
.s-2 {
	position: absolute;
	left: 178px;
}
.s-3 {
	position: absolute;
	left: 353px;
}
.s-4 {
	position: absolute;
	right: 307px;
}
.s-5 {
	position: absolute;
	right: 202px;
}
.s-6 {
	position: absolute;
	right: 111px;
}
.page {
	width: 1020px;
	height: 748px;
	margin: 0 auto;
}
.logos {
    position: absolute;
    left: 50%;
    margin-left: -310px;
    top: 490px;
}
@keyframes animate-left {
	to {
		left: -500px;
		width: 0;
	}
}
@keyframes animate-right {
	to {
		right: -500px;
		width: 0;
	}
}
@-webkit-keyframes animate-left {
	to {
		left: -500px;
		width: 0;
	}
}
@-webkit-keyframes animate-right {
	to {
		right: -500px;
		width: 0;
	}
}
@-moz-keyframes animate-left {
	to {
		left: -500px;
		width: 0;
	}
}
@-moz-keyframes animate-right {
	to {
		right: -500px;
		width: 0;
	}
}
.animate-left {
	animation: animate-left 1s ease-in forwards;
}
.animate-right {
	animation: animate-right 1s ease-in forwards;
}
.btn-home {
	padding: 10px 35px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 440px;
	z-index: 9999;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	background: url('../img/botao.png')no-repeat center;
	text-indent: -9999px;
	width: 140px;
	height: 40px;
	cursor: pointer;
}
.btn-home:hover {
	background: url('../img/botao-2.png')no-repeat center;
}
.page {
	padding-top: 330px;
	background: #fff url('../img/bailarina.jpg')no-repeat center 50px;
}
.content {
	padding-top: 90px;
	width: 600px;
	margin-left: 195px;
}
.text-center {
	text-align: center;
}
.text-center h2 {
	font-size: 29px;
	color: #bb9532;
	margin: 0 0 10px 0;
	font-family: 'Droid Serif';
	font-weight: bold;
}
.text-center h3 {
	font-size: 17px;
	color: #bb9532;
	margin: 0 0 10px 0;
	font-family: 'Droid Serif';
	font-weight: 400;
}
.text-center p {
	color: #333;
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height: 150%;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.divider {
	width: 100px;
	height: 3px;
	background: #0a0a44;
	margin: 25px auto;
}
input, textarea {
	background: #fcf1e2;
	padding: 8px 10px 10px 10px;
	font-family: 'Maven Pro', sans-serif;
	border:0px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	width: 100%;
}
input:focus, textarea:focus {
	outline: none;
	background: #f1e6cf;
}
.form {
	width: 640px;
	margin: 20px auto 0 -20px;
	z-index: 9999;
	position: relative;
}
.form span {
	font-size: 18px;
	line-height: 140%;
}
.form h2 {
	font-size: 20px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	margin: 10px 0 0 0;
}
input + input {
	margin-top: 10px;
}
.half {
	width: 49%;
	float: left;
}
.half.right {
	float: right;
}
textarea {
	margin-top: 10px;
	height: 76px;
	resize: none;
}
.btn-send {
	padding: 5px 25px;
	border-radius: 25px;
	border: 2px solid #040343;
	z-index: 9999;
	text-transform: uppercase;
	color: #040343;
	font-weight: bold;
	float: right;
	background: #fff;
	width: auto;
	font-family: 'Maven Pro', sans-serif;
	font-size: 14px;
	margin-top: 10px;
}
.loading {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.loader {
    border: 6px solid #fff; /* Light grey */
    border-top: 6px solid #bb9532; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999999;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}