@import url('font-univers.css');

html,
body { width: 100%; height: 100%; }

body {
	font-family: UniversLTStd55Roman, Arial, 'Trebuchet Ms';
	font-size: 14px;
	line-height: 1.5;
	color: #444;
	background: #FFF;
}

a { color: #52057b; }
a:focus,
a:hover { color: #E60039; }

.btn-primary {
	color: #fff;
	background-color: #52057b;
	border-color: transparent
}

.btn-primary.focus,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:hover {
	color: #fff;
	background-color: #ff668c;
	border-color: transparent
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active.hover,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active.hover,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle.hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
	color: #fff;
	background-color: #e52e5c;
	border-color: transparent
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled.hover,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled].hover,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary.hover,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
	color: #fff;
	background-color: #52057b;
	border-color: transparent
}

.btn-primary .badge {
	color: #52057b;
	background-color: #fff
}

.btn-link { color: #888; }
.btn-link:focus,
.btn-link:hover {
	color: #333;
}

nav.navbar {
	height: 60px;
	padding: 6px 0;
	margin: 0;
	color: #FFF;
	border: none;
	background: #52057b;
	background: -webkit-linear-gradient(to left, #52057b, #52057b);
	background: linear-gradient(to left, #52057b, #52057b);
	transition: 0.2s ease;
	text-transform: lowercase;
	box-shadow:
		0 84px 100px 0 rgba(0, 0, 0, 0.1),
		0 29px 58px 0 rgba(0, 0, 0, 0.2),
		0 2px 4px -1px rgba(0, 0, 0, 0.10);
}

nav.navbar .navbar-brand {
	visibility: hidden;
	padding: 0;
}
nav.navbar .navbar-brand img {
	margin-top: 12px;
	height: 26px;
}

nav.navbar .navbar-text {
    margin-top: 13px;
    margin-bottom: 13px;
}

nav.navbar-fixed {
	box-shadow:
		0 4px 5px 0 rgba(0, 0, 0, 0.07),
		0 1px 10px 0 rgba(0, 0, 0, 0.06),
		0 2px 4px -1px rgba(0, 0, 0, 0.10);
	transition: 0.2s ease;
}
nav.navbar .navbar-nav {
	float: none;
	margin: 0 auto;
	display: inline-block;
}
nav.navbar .navbar-collapse {
    text-align: center;
}

nav.navbar .navbar-toggle {
	background: none !important;
	border: none !important;
	margin-right: 0;
}

nav.navbar .navbar-toggle:focus {
	outline: none;
}
nav.navbar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}
nav.navbar .navbar-toggle .icon-bar {
	width: 22px;
	height: 3px;
	background-color: #FFF;
	-webkit-transform-origin: 21px;
	-moz-transform-origin: 21px;
	-ms-transform-origin: 21px;
	transform-origin: 21px;
	-webkit-transition: -webkit-transform .2s;
	-moz-transition: -moz-transform .2s;
	-o-transition: -o-transform .2s;
	transition: transform .2s;
}
nav.navbar .navbar-toggle .icon-bar:nth-child(3) {
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}

nav.navbar .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

nav.navbar .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
	opacity: 0
}

nav.navbar .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}


nav.navbar .navbar-toggle:hover .icon-bar {
	background-color: #FFF;
}
nav.navbar .nav li a,
nav.navbar .nav li a:focus {
	color: #892cdc;
	background: none !important;
}
nav.navbar .nav li.active a,
nav.navbar .nav li a:hover {
	color: #FFF !important;
	background: none;
}
nav.navbar .nav li a:focus {
	outline: none;
	background: none;
}
nav.navbar .nav li a:active {
	outline: none;
	background: none;
}

nav.navbar .nav.social li {
	display: inline-block !important;
}


header {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;

	background-image:
		url(../img/bg-noise.png),
		url(../img/bg10.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center;
	background-color: #000;
}
header .logo {
	display: inline-block !important;
	padding: 30px;
	text-align: center;
	max-width: 250px;
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 150px;
	transform: translate(-50%, -50%);
	*/
}

header .scroll-down {
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align: center;
}

header .scroll-down .btn {
	padding: 0;
	padding-top: 8px;
	height: 50px;
	width: 50px;
	color: #FFF;
	font-size: 30px;
	border: 2px solid #FFF;
	border-radius: 100% !important;
	letter-spacing: normal;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

header .scroll-down .btn:hover {
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.5);
	outline: none;
}

	/*** SMALL ***/
	header.topo-small {
		height: auto !important;
		padding: 120px;
		background-image:
			url(../img/bg10.jpg);

		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
	}
	header.topo-small .painel-logo {
		display: none;
	}

	nav.navbar.navbar-small {
		box-shadow: none !important;
	}
	nav.navbar.navbar-small .navbar-brand {
		visibility: visible !important;
		padding: 0;
	}

footer { padding: 30px; background: #000; }

.bg-filter-pb { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.img-filter-pb { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }
.anima,
.anima * { -khtml-transition: all 400ms !important; -moz-transition: all 400ms !important; -ms-transition: all 400ms !important; -o-transition: all 400ms !important; -webkit-transition: all 400ms !important; transition: all 400ms !important; }
.padding10 { padding: 10px; }
.espaco50-bottom { margin-bottom: 50px; }
.espaco30-topbottom { margin-top: 30px; margin-bottom: 30px; }
.espaco30-top { margin-top: 30px; }
.espaco30-bottom { margin-bottom: 30px; }
.no-padding { padding: 0 !important; margin: 0 !important; }
.bg-white { background: #FFF; }
.bg-gray { background: #EEE; }
.bg-foto-200,
.bg-foto-auto,
.bg-foto-small {
	min-height: 500px;
	background-repeat: repeat, no-repeat;
	background-position: center center;
	background-size: auto, cover;
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
}

.bg-foto-200 { min-height: 200px !important; }
.bg-foto-auto { min-height: auto !important; }
.bg-alter { background: #52057b; }
.bg-alter h1 { color: #FFF; }
.text-vertical-center { display: table-cell; text-align: center; vertical-align: middle; }

.efeito-pb { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); }
.efeito-pb:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: gray; -webkit-filter: grayscale(0); }

section { padding: 50px 0; }

section .box-titulo {
	padding-bottom: 9px;
	margin: 0 0 20px;
	border-bottom: 1px solid #cad4d8;
}
h1 {
	font-family: UniversLTStd67BoldCondensed, Arial, 'Trebuchet Ms';
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	color: #BBB;
}

section#a-festa .bg-foto-galeria a {
	display: block;
	padding: 120px;
	line-height: 32px;
	font-family: UniversLTStd67BoldCondensed, Arial, 'Trebuchet Ms';
	font-style: italic;
	font-weight: bold;
	font-size: 32px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
}
section#a-festa .bg-foto-galeria a:hover {
	text-decoration: none;
}


section#solicitar-convite h1 {
	margin-top: 0 !important;
}
section#solicitar-convite b.btn {
	margin-right: 10px;
}
section#solicitar-convite .btn:last-child {
	margin-right: 0;
}
section#solicitar-convite #form-solicitar .form-mensagem {
}
section#solicitar-convite #form-solicitar .g-recaptcha {
	display: inline-block;
}

section#contatos {
	padding: 100px 0;
	background: #52057b;
}
section#contatos ul.list-social {
	margin-top: 30px;
	margin-bottom: 0;
}
section#contatos ul.list-social li a {
	display: block;
	width: 80px;
	font-size: 40px;
	color: #FFF;
}
section#contatos ul.list-social li a:hover {
	color: yellow;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px)
{
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 480px)
{
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px)
{
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px)
{
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px)
{
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px)
{
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px)
{
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px)
{
}
@media only screen and (max-width: 767px)
{
	nav.navbar {
		box-shadow: none;
	}
	nav.navbar .navbar-collapse {
		margin-top: 2px;
		border-top: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		background: #000;
		text-align: left;
	}
	nav.navbar .navbar-collapse .nav {
		margin: 0;
	}
	nav.navbar .navbar-collapse .navbar-nav {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}

	nav.navbar .navbar-collapse .navbar-nav.social {
		padding-top: 0 !important;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px)
{
	header {
		background-position: center center;
	}
	section#ingressos a.btn {
		display: block !important;
		margin-right: 0 !important;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px)
{
}










/*
	Use sempre dentro de blocos com position: relative
	Modo de usar:

		Adicione antes
		<div class="before-block"></div>

		e depois
		<div class="after-block"></div>

*/

.before-block:before, .before-block:after, .after-block:before, .after-block:after {
	content: '';
	position: absolute;
	width: 52.80%;
	height: 60px;
	top: -28px;
	left: 0;
	background: #52057b;
	-moz-transform: translateX(-5%) rotate(-3.5deg);
	-ms-transform: translateX(-5%) rotate(-3.5deg);
	-o-transform: translateX(-5%) rotate(-3.5deg);
	-webkit-transform: translateX(-5%) rotate(-3.5deg);
	transform: translateX(-5%) rotate(-3.5deg);
	z-index: 4;
}
@media (max-width: 2100px) {
	.before-block:before, .before-block:after, .after-block:before, .after-block:after {
		width: 53%;
	}
}
@media (max-width: 670px) {
	.before-block:before, .before-block:after, .after-block:before, .after-block:after {
		width: 53.4%;
	}
}
.before-block:after, .after-block:after {
	left: auto;
	right: 0;
	-moz-transform: translateX(5%) rotate(3.5deg);
	-ms-transform: translateX(5%) rotate(3.5deg);
	-o-transform: translateX(5%) rotate(3.5deg);
	-webkit-transform: translateX(5%) rotate(3.5deg);
	transform: translateX(5%) rotate(3.5deg);
}
.after-block:before, .after-block:after {
	top: auto;
	bottom: -28px;
	background: #fff;
	-moz-transform: translateX(-5%) rotate(3.5deg);
	-ms-transform: translateX(-5%) rotate(3.5deg);
	-o-transform: translateX(-5%) rotate(3.5deg);
	-webkit-transform: translateX(-5%) rotate(3.5deg);
	transform: translateX(-5%) rotate(3.5deg);
}
.after-block:after {
	-moz-transform: translateX(5%) rotate(-3.5deg);
	-ms-transform: translateX(5%) rotate(-3.5deg);
	-o-transform: translateX(5%) rotate(-3.5deg);
	-webkit-transform: translateX(5%) rotate(-3.5deg);
	transform: translateX(5%) rotate(-3.5deg);
}
@media (min-width: 1900px) {
	.before-block:before, .before-block:after, .after-block:before, .after-block:after {
		height: 80px;
		top: -40px;
	}
	.after-block:before, .after-block:after {
		top: auto;
		bottom: -40px;
	}
}