.wrapper {margin:0 auto;width:100%;max-width:1220px;padding:0px 10px;}
.wrap {clear:both;float:none;margin-left:-10px;margin-right:-10px;}
.column {position:relative;min-height:1px;padding-right:10px;padding-left:10px;float:left;}
/* GENERAL STYLESS / RESETS */
*{margin:0;padding:0;}
*:not(html),*:not(body){box-sizing:border-box;}
*:focus {outline:none;}
a {text-decoration:none;color:inherit;}
body {font-family: 'Roboto', sans-serif;}
body, html {height:100%;width:100%;}
body.block-scroll {overflow:hidden;}
img {max-width:100%;max-height:100%;}

.view {width:100%;min-height:100%;position:relative;}
.page {width:100%;}

header {height:70px;position:fixed;z-index:1000;top:0;left:0;right:0;background:white;box-shadow:0px 2px 5px rgba(40,40,40,.2);o-border-image:linear-gradient(to right, #057b49 0%, #ec008c 100%);border-image:linear-gradient(to right, #057b49 0%, #ec008c 100%);-webkit-border-image:linear-gradient(to right, #057b49 0%, #ec008c 100%);-moz-border-image:linear-gradient(to right, #057b49 0%, #ec008c 100%);border-image-slice:100%;border-image-slice:1;border-top:2px solid;}
header nav {}
header .logo {margin-top:10px;width:114px;height:55px;display:inline-block;}
header .btn-menu {float:right;width:50px;height:50px;margin:10px 0px;padding:11px 0px 11px 26px;position:relative;}
header .btn-menu .icon {width:24px;height:28px;position:relative;}

header .menu-wrapper {visibility:hidden;opacity:0;z-index:9999;width:100%;height:100vh;position:fixed;top:0;bottom:0;left:0;padding:10px;background:rgba(0,0,0, .75);transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;}
header .menu-wrapper .top-menu {height:70px;margin-bottom:10px;}
header .menu-wrapper .top-menu .icon {width:50px;height:50px;padding:11px 0px 11px 28px;position:relative;float:right;}

header .menu-wrapper.selected {visibility:visible;opacity:1;}

header .menu-wrapper ul {}
header .menu-wrapper ul li {display:block;height:50px;padding:0px 20px;line-height:50px;color:#fff;font-size:1.375em;}
header .menu-wrapper ul li a {display:block;}

/* MOBILE */
#page-home {height:100vh;box-shadow:0px -2px 25px rgba(0,0,0,.8) inset;padding-top:70px;background-image:url(../images/backgrounds/home.jpg);background-position:center;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;}
#page-home .headline {width:100%;padding:10px;}
#page-home .headline h2 {font-family:'Ubuntu',sans-serif;font-size:2.5em;font-weight:500;color:#fff;text-shadow:0px 0px 20px #c8ffc4;text-transform:uppercase;text-align:center;margin-bottom:20px;}
#page-home .headline p {font-family:'Open Sans',sans-serif;font-size:1em;line-height:1.5;text-align:center;margin-bottom:20px;color:white;text-shadow:0px 0px 20px #c8ffc4;}
#page-home .headline .cta {display:block;width:130px;height:50px;text-align:center;color:white;border:solid 1px #fff;line-height:50px;margin:0 auto;background:rgba(255,255,255, 0.0);transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;}
#page-home .headline .btn-pagedown {display:block;width:40px;height:40px;margin:30px auto;}
#page-home .headline .btn-pagedown .svg-fill {fill:rgba(255,255,255,.75);}
#page-home .headline .btn-pagedown:hover .svg-fill {fill:rgba(255,255,255,1);}

#page-descricao {}
#page-descricao .text-block {width:100%;padding:100px 10px 0px;}
#page-descricao .text-block .text-content {text-align:center;color:#000;}
#page-descricao .text-block .text-content h2 {font-family:'Ubuntu',sans-serif;font-size:2.75em;font-weight:700;margin-bottom:30px;color:#4d4d4d;position:relative;}
#page-descricao .text-block .text-content h2::after {content:"Fantasia";font-family:'Ubuntu',sans-serif;font-size:1.6363em;font-weight:700;color:rgba(77,77,77, .10);position:absolute;left:50%;transform:translate(-50%);top:-15px;}
#page-descricao .text-block .text-content h3 {font-family:'Open Sans',sans-serif;font-size:1.375em;font-weight:600;text-transform:uppercase;margin-bottom:30px;}
#page-descricao .text-block .text-content p {font-size:1em;line-height:1.5;color:#4d4d4d;margin-bottom:15px;}
#page-descricao .text-block .text-content form {margin-top:40px;}
#page-descricao .text-block .text-content .btn-compra {width:100%;margin-bottom:30px;}
#page-descricao .text-block .text-content input[type=submit] {width:100%;border:none;font-family:'Roboto', sans-serif;text-transform:uppercase;font-size:0.875em;color:#fff;height:50px;padding:0px 25px;background:linear-gradient(to right, #0abb0a,#1fd99e)}
#page-descricao .text-block .text-content a {display:block;width:100%px;margin:0px auto;border:none;font-family:'Roboto', sans-serif;text-transform:uppercase;font-size:0.875em;color:#fff;height:50px;line-height:50px;text-align:center;background:linear-gradient(to right, #ec008c,#cd4be4)}
#page-descricao .text-block .text-content .btn-compra .legenda {text-align:center;color:#666;}
#page-descricao .text-block .text-content .btn-compra .legenda span {font-family:'Ubuntu',sans-serif;font-size:1.25em;font-weight:500;}

#page-desfile {background:linear-gradient(to right, #ad4c79,#c3799e);}
#page-desfile .text-block {width:100%;padding:100px 10px 0px;}
#page-desfile .text-block .text-content {text-align:center;color:#000;}
#page-desfile .text-block .text-content h2 {font-family:'Ubuntu',sans-serif;font-size:2.75em;font-weight:700;margin-bottom:30px;color:#fff;position:relative}
#page-desfile .text-block .text-content h2::after {content:"Desfile";font-family:'Ubuntu',sans-serif;font-size:1.6363em;font-weight:700;color:rgba(255,255,255,.19);position:absolute;left:50%;transform:translate(-50%);top:-15px;}
#page-desfile .text-block .text-content h3 {font-family:'Open Sans',sans-serif;font-size:1.375em;font-weight:600;text-transform:uppercase;margin-bottom:30px;}
#page-desfile .text-block .text-content p {text-align:left;font-size:1em;min-height:40px;color:#fff;margin-bottom:15px;padding:10px 10px 10px 50px;background-position:center left;background-repeat:no-repeat}

#page-desfile .text-block .text-content p:nth-of-type(1) {background-image:url(../images/icons/calendario.png);}
#page-desfile .text-block .text-content p:nth-of-type(2) {background-image:url(../images/icons/posicao.png);}
#page-desfile .text-block .text-content p:nth-of-type(3) {background-image:url(../images/icons/relogio1.png);}
#page-desfile .text-block .text-content p:nth-of-type(4) {background-image:url(../images/icons/relogio2.png);}
#page-desfile .text-block .text-content p:nth-of-type(5) {background-image:url(../images/icons/local.png);}
#page-desfile .text-block .text-content p:nth-of-type(6) {background-image:url(../images/icons/metro.png);}

#page-enredo {background-color:#fff;background-image:url(../images/backgrounds/logo-mangueira.png);background-repeat:no-repeat;background-position:center;background-size:300px;border-bottom:solid 1px #eaeaea;padding-top:100px;}
#page-enredo .text-block {width:100%;padding:10px;}
#page-enredo .text-block .text-content {text-align:left;color:#4d4d4d;}
#page-enredo .text-block .text-content h2 {font-family:'Ubuntu',sans-serif;font-size:2.75em;font-weight:700;margin-bottom:30px;color:#057b49;position:relative}
#page-enredo .text-block .text-content h2::after {content:"Samba Enredo";font-family:'Ubuntu',sans-serif;font-size:1.6363em;font-weight:700;color:rgba(05,123,73,.20);position:absolute;left:50%;transform:translate(-50%);top:-15px;}
#page-enredo .text-block .text-content h3 {font-family:'Open Sans',sans-serif;font-size:1.375em;font-weight:600;text-transform:uppercase;margin-bottom:30px;}
#page-enredo .text-block .text-content p {font-size:1em;line-height:1.3;margin-bottom:20px;}
#page-enredo .media-block .youtube-video {position:relative;padding-bottom:56.25%;/* 16:9 */padding-top: 25px;height:0;margin-bottom:70px}
#page-enredo .media-block .youtube-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

#page-entrega {background:linear-gradient(to top, #46d946,#258c25);}
#page-entrega .text-block {width:100%;padding:100px 10px 10px;}
#page-entrega .text-block .text-content {text-align:center;color:#fff;}
#page-entrega .text-block .text-content h2 {font-family:'Ubuntu',sans-serif;font-size:2.75em;font-weight:700;margin-bottom:30px;color:#fff;position:relative}
#page-entrega .text-block .text-content h2::after {content:"Entrega";font-family:'Ubuntu',sans-serif;font-size:1.6363em;font-weight:700;color:rgba(255,255,255,.35);position:absolute;left:50%;transform:translate(-50%);top:-15px;}
#page-entrega .text-block .text-content h3 {font-family:'Open Sans',sans-serif;font-size:1.375em;font-weight:600;text-transform:uppercase;margin-bottom:30px;}
#page-entrega .text-block .text-content p {font-size:1em;line-height:1.5;margin-bottom:20px;}
#page-entrega #map {height:50vh;}

#page-contato {box-shadow:0px -2px 25px rgba(0,0,0,.8) inset;padding-top:100px;background-image:url(../images/backgrounds/contato.jpg);background-position:center;background-size:cover;}
#page-contato .text-block {width:100%;padding:10px;}
#page-contato .text-block .text-content {text-align:left;color:#fff;}
#page-contato .text-block .text-content h2 {font-family:'Ubuntu',sans-serif;font-size:2.75em;font-weight:700;margin-bottom:30px;color:#fff;position:relative}
#page-contato .text-block .text-content h2::after {content:"Contato";font-family:'Ubuntu',sans-serif;font-size:1.6363em;font-weight:700;color:rgba(255,255,255,.20);position:absolute;left:50%;transform:translate(-50%);top:-15px;}
#page-contato .text-block .text-content p {line-height:1.5;font-size:1em;margin-bottom:20px;}
#page-contato .text-block .text-content ul {list-style-type:none;}
#page-contato .text-block .text-content ul li {position:relative;min-height:40px;padding:13px 10px 13px 40px;line-height:1.3;display:block;}
#page-contato .text-block .text-content ul li::before {content:"";position:absolute;height:28px;top:50%;margin-top:-14px;left:0;background-repeat:no-repeat;}
#page-contato .text-block .text-content ul li.wpp::before {background-image:url(../images/icons/whatsapp.svg);width:24px;}
#page-contato .text-block .text-content ul li.mail::before {background-image:url(../images/icons/envelope.svg);width:28px;}
#page-contato .text-block .text-content ul li.tel::before {background-image:url(../images/icons/phone.svg);width:22px;}

#page-contato .form-block {width:100%;padding:10px;}
#page-contato .form-block ul {list-style-type:none;}
#page-contato .form-block ul li {display:block;margin-bottom:10px;}
#page-contato .form-block ul li label {display:block;color:#fff;height:40px;line-height:40px;}
#page-contato .form-block ul li .txtbox-form {height:50px;width:100%;border:solid 1px #ccc;position:relative;}
#page-contato .form-block ul li .txtbox-form.status-valido {border-color:#258c25;}
#page-contato .form-block ul li .txtbox-form.status-valido::after {content:"";position:absolute;width:20px;height:20px;top:15px;right:15px;background:url(../images/icons/check.svg);}
#page-contato .form-block ul li .txtbox-form.status-erro {border-color:#dd0000;}
#page-contato .form-block ul li .txtarea-form {height:150px;width:100%;border:solid 1px #ccc;position:relative;}
#page-contato .form-block ul li .txtarea-form.status-valido {border-color:#258c25;}
#page-contato .form-block ul li .txtarea-form.status-valido::after {content:"";position:absolute;width:20px;height:20px;top:15px;right:15px;background:url(../images/icons/check.svg);}
#page-contato .form-block ul li .txtarea-form.status-erro {border-color:#dd0000;}
#page-contato .form-block ul li input[type=text],
#page-contato .form-block ul li input[type=email],
#page-contato .form-block ul li input[type=tel],
#page-contato .form-block ul li textarea {width:100%;height:100%;border:none;outline:none;padding:10px 40px 10px 20px;line-height:1.5;}
#page-contato .form-block ul li textarea {resize:none;}
#page-contato .form-block ul li .mensagem-erro {height:30px;width:100%;color:#ff2222;margin-top:10px;display:none;}
#page-contato .form-block ul li .mensagem-erro span {display:block;width:100%;height:100%;line-height:30px;text-align:center;}
#page-contato .form-block ul li input[type=submit] {height:50px;width:100%;text-transform:uppercase;color:#fff;background:linear-gradient(to right, #0abb0a,#1fd99e);border:none;}
#page-contato .form-block ul li input[type=submit].desabilitado {color:#888;background:linear-gradient(to right, #ccc,#aaa);}



#page-promocao {box-shadow:0px -2px 25px rgba(0,0,0,.8) inset;padding-top:100px;background-image:url(../images/backgrounds/contato.jpg);background-position:center;background-size:cover;}
#page-promocao .text-block {width:100%;padding:10px;}
#page-promocao .text-block .text-content {text-align:left;color:#fff;}
#page-promocao .text-block .text-content h2 {font-family:'Ubuntu',sans-serif;font-size:2.75em;font-weight:700;margin-bottom:30px;color:#fff;position:relative}
#page-promocao .text-block .text-content h2::after {content:"Carnaval";font-family:'Ubuntu',sans-serif;font-size:1.6363em;font-weight:700;color:rgba(255,255,255,.20);position:absolute;left:50%;transform:translate(-50%);top:-15px;}
#page-promocao .text-block .text-content p {line-height:1.5;font-size:1em;margin-bottom:20px;}
#page-promocao .text-block .text-content ul {list-style-type:none;}
#page-promocao .text-block .text-content ul li {position:relative;min-height:40px;padding:13px 10px 13px 40px;line-height:1.3;display:block;}
#page-promocao .text-block .text-content ul li::before {content:"";position:absolute;height:28px;top:50%;margin-top:-14px;left:0;background-repeat:no-repeat;}
#page-promocao .text-block .text-content ul li.wpp::before {background-image:url(../images/icons/whatsapp.svg);width:24px;}
#page-promocao .text-block .text-content ul li.mail::before {background-image:url(../images/icons/envelope.svg);width:28px;}
#page-promocao .text-block .text-content ul li.tel::before {background-image:url(../images/icons/phone.svg);width:22px;}

#page-promocao .form-block {width:100%;padding:10px;}
#page-promocao .form-block ul {list-style-type:none;}
#page-promocao .form-block ul li {display:block;margin-bottom:10px;}
#page-promocao .form-block ul li label {display:block;color:#fff;height:40px;line-height:40px;}
#page-promocao .form-block ul li .txtbox-form {height:50px;width:100%;border:solid 1px #ccc;position:relative;}
#page-promocao .form-block ul li .txtbox-form.status-valido {border-color:#258c25;}
#page-promocao .form-block ul li .txtbox-form.status-valido::after {content:"";position:absolute;width:20px;height:20px;top:15px;right:15px;background:url(../images/icons/check.svg);}
#page-promocao .form-block ul li .txtbox-form.status-erro {border-color:#dd0000;}
#page-promocao .form-block ul li .txtarea-form {height:150px;width:100%;border:solid 1px #ccc;position:relative;}
#page-promocao .form-block ul li .txtarea-form.status-valido {border-color:#258c25;}
#page-promocao .form-block ul li .txtarea-form.status-valido::after {content:"";position:absolute;width:20px;height:20px;top:15px;right:15px;background:url(../images/icons/check.svg);}
#page-promocao .form-block ul li .txtarea-form.status-erro {border-color:#dd0000;}
#page-promocao .form-block ul li input[type=text],
#page-promocao .form-block ul li input[type=email],
#page-promocao .form-block ul li input[type=tel],
#page-promocao .form-block ul li textarea {width:100%;height:100%;border:none;outline:none;padding:10px 40px 10px 20px;line-height:1.5;}
#page-promocao .form-block ul li textarea {resize:none;}
#page-promocao .form-block ul li .mensagem-erro {height:30px;width:100%;color:#ff2222;margin-top:10px;display:none;}
#page-promocao .form-block ul li .mensagem-erro span {display:block;width:100%;height:100%;line-height:30px;text-align:center;}
#page-promocao .form-block ul li input[type=submit] {height:50px;width:100%;text-transform:uppercase;color:#fff;background:linear-gradient(to right, #0abb0a,#1fd99e);border:none;}
#page-promocao .form-block ul li input[type=submit].desabilitado {color:#888;background:linear-gradient(to right, #ccc,#aaa);}




footer .upper-footer {background:#272b2d;padding:25px 0px;}
footer .upper-footer .logos {list-style-type:none;}
footer .upper-footer .logos li {display:block;width:100%;max-width:200px;margin:0 auto;text-align:center;}
footer .upper-footer .logos li.facebook {margin-bottom:30px;max-width:100%;}
footer .upper-footer .logos li.pagseguro {margin-bottom:30px;}
footer .upper-footer .logos li a {display:block;}
footer .upper-footer .logos li.ffs span {display:block;height:30px;line-height:30px;color:#999;font-size:0.875em;}
footer .lower-footer {background:#1b1e20;}
footer .lower-footer p {padding:25px 0px;color:#999;font-size:0.875em;text-align:center;line-height:1.5;}

@media screen and (min-width:950px){
	header .btn-menu {display:none;}
	header .menu-wrapper {visibility:visible;opacity:1;position:relative;float:right;padding:0;top:auto;left:auto;right:auto;bottom:auto;height:68px;width:auto;background:transparent;border:none;}
	header .menu-wrapper .top-menu {display:none;}
	header .menu-wrapper ul li {display:inline-block;height:68px;line-height:68px;padding:0px 10px;font-size:1em;color:#444;position:relative;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;}
	header .menu-wrapper ul li:hover {color:#ec008c}

	#page-home, #page-contato, #page-promocao  {background-attachment:fixed;}
	#page-home .headline h2 {font-size:2.875em;margin-bottom:30px;}
	#page-home .headline p {font-size:1.25em;margin-bottom:40px;}
	#page-home .headline .cta:hover {background:rgba(255,255,255, 0.4);}

	#page-descricao {}
	#page-descricao .text-block {width:45%;float:left;padding:90px 0px 40px;}
	#page-descricao .text-block .text-content h2::after {left:25px;transform:translate(0);color:rgba(77,77,77, .20);}
	#page-descricao .text-block .text-content {text-align:left;}
	#page-descricao .text-block .text-content input[type=submit] {height:40px;}
	#page-descricao .text-block .text-content a {height:40px;line-height:40px;margin:0px}
	#page-descricao .text-block .text-content form {margin-top:0px;}
	#page-descricao .text-block .text-content .btn-compra {width:50%;float:left;margin-top:30px;}
	#page-descricao .text-block .text-content .btn-compra:nth-of-type(1) {padding-right:10px;}
	#page-descricao .text-block .text-content .btn-compra:nth-of-type(2) {padding-left:10px;}
	#page-descricao .media-block {width:55%;float:left;text-align:right}

	#page-desfile .text-block {width:60%;float:right;}
	#page-desfile .text-block .text-content {text-align:left;}
	#page-desfile .text-block .text-content h2::after {left:25px;transform:translate(0);}
	#page-desfile .media-block {width:40%;float:left;}

	#page-enredo .text-block {padding:10px 10px 40px;width:50%;float:left;}
	#page-enredo .text-block .text-content h2::after {left:25px;transform:translate(0);}
	#page-enredo .media-block {width:50%;float:left;padding-top:10px;text-align:center;}

	#page-entrega #map {height:300px;}

	#page-contato {padding-bottom:40px;}
	#page-contato .text-block .text-content h2::after {left:25px;transform:translate(0);}
	#page-contato .text-block {width:50%;float:left;}
	#page-contato .form-block {width:50%;float:left;}
	#page-contato .form-block ul li:last-child {text-align:right}
	#page-contato .form-block ul li input[type=submit] {width:auto;padding:0px 25px;}
	#page-contato .form-block ul li .mensagem-erro span {text-align:left;}

	#page-promocao {padding-bottom:40px;}
	#page-promocao .text-block .text-content h2::after {left:25px;transform:translate(0);}
	#page-promocao .text-block {width:50%;float:left;}
	#page-promocao .form-block {width:50%;float:left;}
	#page-promocao .form-block ul li:last-child {text-align:right}
	#page-promocao .form-block ul li input[type=submit] {width:auto;padding:0px 25px;}
	#page-promocao .form-block ul li .mensagem-erro span {text-align:left;}

	
	footer .upper-footer .logos {text-align:center;min-height:100px;width:840px;margin:0 auto;}
	footer .upper-footer .logos li {float:left;width:200px;height:100px;}
	footer .upper-footer .logos li.facebook {width:350px;height:300px;}
	footer .upper-footer .logos li.pagseguro {padding:29px 0px;margin-left:30px;margin-right:30px;margin-bottom:0px;}
	footer .upper-footer .logos li.ffs {margin-left:30px;}
	footer .upper-footer .logos li.ffs span {display:block;height:30px;}
	footer .upper-footer .logos li.ffs a {height:70px;}
	footer .upper-footer .logos li.ffs a svg {height:70px;}
}