@charset "UTF-8";
/* CSS Document */

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, font, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1,4} ol, ul {list-style: none;} li{ display:inline} blockquote, q {quotes: none} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none} :focus {outline: 0} ins {text-decoration: none} del {text-decoration: line-through} table {border-collapse: collapse;border-spacing: 0}
/**FIM RESET **/

html, body {min-height:100%; height:100%}

body {background:black url(images/bg.jpg) top center no-repeat; background-attachment:fixed; background-size:cover; color:white; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

.contentor {position:relative; max-width:750px; height:100%; display:table; margin:0 auto 30px}
.conteudo {position:relative; width:auto; display:table-cell; vertical-align:middle}

.logo {float:left; padding-top:220px; margin-right:45px}
.message {float:left; margin:60px 0}


.overlay {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(189,32,46,.93); z-index:1; display:none}
.inner {width:auto; position:absolute; top:50%; left:50%; margin-left:-145px; margin-top:-93px}

.close-button {height: 50px; width: 50px; position:absolute; box-sizing: border-box; line-height: 50px; display: inline-block; right:-50px}

.close-button:before, .close-button:after {
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -15px;
	display: block;
	height: 2px;
	width: 30px;
	background-color: #fff;
	transition: all 0.25s ease-out;
}

.close-button:after {transform: rotate(-135deg)}

.close-button:hover:before, .close-button:hover:after {transform: rotate(0deg)}


#mc_embed_signup {background:#BD202E; clear:left; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

#mc_embed_signup label {font-size:22px!important; padding-bottom:25px!important; letter-spacing:.5px}
#mc_embed_signup form {padding:25px!important; width:240px}
#mc_embed_signup input.email {width:227px!important}
#mc_embed_signup input.button {width:240px!important; background:#222; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; height:38px; letter-spacing:1px}

.social {margin-top:8px; padding-left:30px}
.social a:first-child {margin-right:8px}

a.form-go {display:none}


@media only screen and (max-width: 767px) {
.logo {float:none; padding-top:0; margin:60px auto 20px; text-align:center}
a.form-go {display:block; margin-bottom:60px}
a.form-go img {max-width:100%; height:auto}
.message > img, map {display:none}
}

@media only screen and (max-width: 502) {
.message {max-width:100%}
.message img {max-width}
}



@media only screen and (max-device-width: 767px) {
.logo {float:none; padding-top:0; margin:60px auto 20px; text-align:center}
a.form-go {display:block; margin-bottom:60px}
a.form-go img {max-width:100%; height:auto}
.message > img, map {display:none}
}

@media only screen and (max-device-width: 502) {
.message {max-width:100%}
.message img {max-width}
}