/*FONTS / FONTs ICONS*/
@font-face {
		font-family: 'robotolight';
		src: url('fonts/roboto-light.eot');
		src: url('fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
				 url('fonts/roboto-light.woff2') format('woff2'),
				 url('fonts/roboto-light.woff') format('woff'),
				 url('fonts/roboto-light.ttf') format('truetype'),
				 url('fonts/roboto-light.svg#robotolight') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'robotoregular';
		src: url('fonts/roboto-regular.eot');
		src: url('fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
				 url('fonts/roboto-regular.woff2') format('woff2'),
				 url('fonts/roboto-regular.woff') format('woff'),
				 url('fonts/roboto-regular.ttf') format('truetype'),
				 url('fonts/roboto-regular.svg#robotoregular') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'icomoon';
		src:url('icons/icomoon.eot?6demdo');
		src:url('icons/icomoon.eot?#iefix6demdo') format('embedded-opentype'),
				url('icons/icomoon.ttf?6demdo') format('truetype'),
				url('icons/icomoon.woff?6demdo') format('woff'),
				url('icons/icomoon.svg?6demdo#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

.icon-massa:before {content: "\e608";}
.icon-sobremesa:before {content: "\e600";}
.icon-email:before {content: "\e601";}
.icon-facebook:before {content: "\e602";}
.icon-pizza-doce:before {content: "\e603";}
.icon-hipopotamus:before {content: "\e604";}
.icon-hamburguer:before {content: "\e605";}
.icon-pizza-salgada:before {content: "\e606";}
.icon-carne:before {content: "\e607";}
.icon-phone:before {content: "\e942";}
.icon-empresarial:before {content: "\e609";}
.icon-casamento:before {content: "\e60a";}
.icon-graduacao:before {content: "\e60b";}
.icon-aniversario:before {content: "\e60c";}

/*====================================================================================*/
/*Body, header, conteudo*/
/*====================================================================================*/
body {font-family: 'Roboto', sans-serif; background: url(./../images/textura-header.jpg);}
/* Custom Stylesheet * /
/* Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 * Made By MaterializeCSS.com */

* {padding: 0; margin: 0;}
.icon-block {padding: 0 15px;}
.popup{display: block;}
.fancybox-skin {display: block;}
#fechar-alerta{cursor: pointer;}

/*Header*/

.logotipo {padding: 10px 0 !important; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s;}
.logotipo img {max-height: 128px;}

.atendimento {padding: 20px 0 !important;}
.atendimento h4, .atendimento a, .atendimento p {
	letter-spacing: -1px; 
	font-weight: 400;
	color: #a3a3a3;
	font-size: 12pt;
	padding: 0 !important; 
	margin: 0 !important; 
	line-height: 14pt;
	text-align: right;
}
.atendimento h4 {font-weight: 400;}
.atendimento a {font-size: 20pt; color: #51302e; line-height: 20pt;text-align: right;}
.atendimento p i {color: #51302e; font-size: 16pt; padding-top: 5px !important;}
.atendimento p i:hover:active {color: #6c4947;}
.atendimento p i:last-child {padding-left: 10px !important; font-size: 18pt; }

.aviso {
  text-align: right;
  line-height: 27px;
  font-weight: bolder;
  letter-spacing: -1px;
  font-size: 20px;
  color: #6c4947;
}

.aviso p:first-child {margin-top: 20px;}

.aviso .hora {
	color: #aaa;
	font-weight: 300;
	font-size: 13pt;
}

@media only screen and (max-width: 827px) {
	.atendimento h4, .atendimento a, .atendimento p {text-align: center}
	.atendimento p i {padding-right: 10px !important; color: #51302e; font-size: 16pt; padding-top: 5px !important;}
	.atendimento p i:first-child {margin-left: 15px !important;}
	.atendimento p i:last-child {font-size: 18pt; padding-left: 0 !important; padding-right: 0 !important;}

	.aviso {text-align: center; line-height: normal;}
	.aviso p:first-child {margin-top: 0;}
}

@media only screen and (max-width: 1100px) {
	.atendimento a {font-size: 14pt; color: #51302e; line-height: 20pt;text-align: right;}
	.aviso {font-size: 18px;}
}

/*Menu principal*/
.outer-centro {text-align: center;  min-width: 100%; background-color: rgba(206,206,206,0.3);}
.inner-centro {display: inline; display: inline-block;}
.inner-centro ul {margin: 0; padding: 0;}
.inner-centro ul li {padding: 8px 5px 0 5px; line-height: 40px; display: inline-block;}
.inner-centro ul li a {color: rgb(74,39,36); font-weight: 300; font-size: 13pt; padding: 8px 4px;}
.inner-centro ul li a:hover {
	color: #d0302b;
	-webkit-transition: color 2s;
	-moz-transition: color 2s;
	-o-transition: color 2s;
	-ms-transition: color 2s;
	transition: color 2s;
}

@media only screen and (max-width: 992px) {
	/*FAZ O MENU FLUTUANTE E JOGA O HEADER MAIS PRA BAIXO*/
	.outer-centro {
		background-color: rgba(206,206,206,0.9); z-index: 99999; position: fixed; top: 0;
	}
	.topo-principal {
		margin-top: 50px; 
	}
}


.hamburguer i {color: #51302e;}

.side-nav {
	position: fixed;
	width: 200px;
	left: -105%;
	top: 5%;
	margin: 0;
	background-color: #FFF;
	z-index: 999;
	overflow-y: auto;
	will-change: left;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}

.side-nav li {float: none; border-bottom: 1px solid #e3e3e3;}
.side-nav li:hover, .side-nav li.active {background-color: #f3f3f3;}

.side-nav a {
	color: rgb(74,39,36);
	text-align: right;
	display: block;
	font-size: 1rem; 
	padding: 15px 10px;
	font-weight: 300;
}

.hamburguer a {padding: 10px 0;}

#conteudo {
	padding: 60px 0 48px 0;
	background: url(./../images/acabamento.png) repeat-x top, rgba(157,95,80,1);
	background: url(./../images/acabamento.png) repeat-x top, -moz-radial-gradient(center, ellipse cover, rgba(157,95,80,1) 0%, rgba(112,59,47,1) 100%);
	background: url(./../images/acabamento.png) repeat-x top, -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(157,95,80,1)), color-stop(100%, rgba(112,59,47,1)));
	background: url(./../images/acabamento.png) repeat-x top, -webkit-radial-gradient(center, ellipse cover, rgba(157,95,80,1) 0%, rgba(112,59,47,1) 100%);
	background: url(./../images/acabamento.png) repeat-x top, -o-radial-gradient(center, ellipse cover, rgba(157,95,80,1) 0%, rgba(112,59,47,1) 100%);
	background: url(./../images/acabamento.png) repeat-x top, -ms-radial-gradient(center, ellipse cover, rgba(157,95,80,1) 0%, rgba(112,59,47,1) 100%);
	background: url(./../images/acabamento.png) repeat-x top, radial-gradient(ellipse at center, rgba(157,95,80,1) 0%, rgba(112,59,47,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d5f50', endColorstr='#703b2f', GradientType=1 );
	}

#conteudo p {
	color: #fff;
	font-weight: 300;
	line-height: 22pt;
	font-size: 16pt;
	text-align: justify;
}

#conteudo h1 {
	padding: 0 !important; 
	margin: 0 !important;
	color: #d9c123;
	font-weight: 300;
	font-size: 24pt;
	line-height: 24pt;
}

/*Footer*/
.rodape {
	background: url(./../images/bg-rodape.jpg);
	color: #989898;
	padding: 20px 0;
	font-weight: 300;
	font-size: 14pt;
}

.rodape p {
	white-space: normal;
}
/*====================================================================================*/
/*Facilita a vida*/
/*====================================================================================*/
.text-center {text-align: center !important;}

/*acabamentos*/
.acabamento3, .acabamento4 {background: url(./../images/space-section.png) center; height: 40px; margin-bottom: 20px;}
.acabamento4 {background: url(./../images/acabamento-conteudo.png) center repeat-x;}

/*====================================================================================*/
/*Página Incicial*/
/*====================================================================================*/
/*Promoção - Header*/
.promocao-header {
	padding: 15px 5px !important;
	background: rgba(74,39,36,0.8);
	text-align: center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid rgba(74,39,36,0.8);
	position: relative;
	top: 100px;
}
.promocao-header h4, .promocao-header p, .promocao-header h3, .promocao-header a {
		 padding: 0 !important; 
		 margin: 0 !important; 
		 font-family: 'Roboto', sans-serif;
		 letter-spacing: -1.2pt;
		 line-height: 24pt;
		 word-wrap: break-word; 
}
.promocao-header a {display: none;}
.promocao-header p {color: #ffffff; font-weight: 300; font-size: 19pt; color: #d9c123;}
.promocao-header span {color: #fff; line-height: 18pt;}
.promocao-header h3 {color: #ffffff; font-size: 24pt;font-weight: bold}
.promocao-header h4 {color: #d9c123; font-size: 18pt; font-weight: 400;text-decoration: underline;}

@media only screen and (max-width: 370px) {
.promocao-header h3 {font-size: 18pt;}
}

@media only screen and (max-width: 255px) {
.promocao-header a {display: block; color: #d9c123; font-weight: 300;}
.promocao-header a:active:hover {color: #fff;}
.promocao-header p {display: none}
.promocao-header h3 {display: none}
.promocao-header h4 {display: none}
}

/*Texto sobre a empresa*/
#sobre {
	background-image: url(./../images/bg-chamada-1.jpg);
	padding: 60px 0;
}

#sobre p {
	line-height: 36pt;
	font-size: 24pt;
	color: rgb(74,39,36);
	font-weight: 300;
	text-align: center;
}

/*Eventos*/
#eventos {background: url(./../images/bg-eventos.jpg); padding-bottom: 30px;}
#eventos h1 {
	padding: 50px 0 0 0 !important; 
	margin: 0 !important;
	color: #d9c123;
	font-weight: 300;
	font-size: 24pt;
	line-height: 4pt;
}
#salao-principal p, #salao-eventos p {
	color: #d9c123;
	font-weight: 300;
	padding: 20px 5px;
	font-size: 16pt;
}

.slide-eventos {
	display: inline-block;
	position: relative;
	border: none;
	font-size: 0;
	z-index: 2;
	width: 98%;
	margin-top: 30px;
	outline: 1px #d9c123 solid;
	transition: all 1s; 
	-webkit-transition: all 1s; 
	-moz-transition: all 1s;
}

.slide-eventos:after{
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	content: '';
	width: 98%%;
	height:100%;
	z-index: -1;
	background: #cab805;
	
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);

	transition: all 1s; 
	-webkit-transition: all 1s; 
	-moz-transition: all 1s;
}

/*Paralax de encerramento*/
.encerramento {
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 1); 
	color: #fff;
	font-weight: 300;
	font-size: 34pt;
	text-align: center;
	}

.encerramento a {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background: rgba(0,0,0,0.4);
	border: 4px solid #fff; 
	font-size: 24pt; 
	padding: 10px; 
	color: #fff;
}

.encerramento a:hover {
	background: rgba(0,0,0,0.6);
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
}

.encerramento h5 {
	padding-bottom: 60px !important;
	padding-top: 140px;
}

/*====================================================================================*/
/*Páginas Internas*/
/*====================================================================================*/
/*cardápio*/
.collapsible {
	border-top: 1px solid #e5e5e5; 
	border-right: 1px solid #e5e5e5; 
	border-left: 1px solid #e5e5e5; 
	background: url(./../images/textura-header.jpg);
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.collapsible-header {
	display: block;
	cursor: pointer;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1rem;
	background: rgba(206,206,206,0.3);
	border-bottom: 1px solid #e5e5e5;
}
.collapsible-header i {
	width: 2rem;
	font-size: 1.6rem;
	line-height: 3rem;
	display: block;
	float: left;
	text-align: center;
	margin-right: 1rem;
	color: #6e3a2e;
}
.collapsible-body {
	overflow: hidden;
	display: none;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(./../images/textura-header.jpg);
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
}

.collapsible-body ul li {
	padding: 6px;
	border-bottom: #d5d5d5 1px solid;
	width: 100%;
}
.collapsible-body ul li:hover {
	background-color: rgba(213,213,213,0.5);
}

.collapsible-body ul li h3{
	color: #6e3a2e;
	font-size: 1.4em;
	line-height: 0;
	font-weight: 500;
	padding: 0;
	margin: 15px 0;
	padding-left: 30px;
	position: relative;
}

.collapsible-body ul li h3:before{
	content: '\e604';
	font-family: 'icomoon';
	display: block;	
	position: absolute;
	left: 0;
}

.break {display: inline-block;}
.espaco-maior {height: 90px; border: 0 !important;}
.espaco-maior:hover {background: url(./../images/textura-header.jpg)}

@media only screen and (max-width: 540px) {
.collapsible-body {
	-moz-column-count: 1 !important;
	-moz-column-gap: 1px; !important;
	-webkit-column-count: 1 !important;
	-webkit-column-gap: 1px; !important;
	column-count: 1 !important;
	column-gap: 1px; !important;
	}	

	.espaco-maior {display: none;}
}

.collapsible-body p {margin: 0; padding: 10px}
.side-nav .collapsible-header i {line-height: inherit;}
.side-nav .collapsible-body {border: 0; background-color: #666;}
.side-nav .collapsible-body li a {margin: 0 1rem 0 2rem;}


/*espaço para eventos*/
.eventos-ideal {
	text-align: center; 
	padding: 20px 10px !important; 
	font-size: 48px; 
	color: #fff; 
	margin: 40px 0 0 0 !important;

	border-radius: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;

	transition: background 2s;
	-webkit-transition: background 2s;
	-moz-transition: background 2s;
	-o-transition: background 2s;
	-ms-transition: background 2s;
}
.eventos-ideal:hover {
	background: rgba(0,0,0,0.2);
	border-radius: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;

	transition: background 2s;
	-webkit-transition: background 2s;
	-moz-transition: background 2s;
	-o-transition: background 2s;
	-ms-transition: background 2s;
}

.eventos-ideal p {text-align: center !important; font-weight: 300;}

.btns {margin-top: 50px;}

#espaco-para-eventos p {text-align: center;}

#espaco-para-eventos .more {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: rgba(0,0,0,0.1);
	border: 2px solid #fff; 
	font-size: 18pt; 
	padding: 10px; 
	color: #fff;
	font-weight: 300;
}

#espaco-para-eventos a:hover {
	background: rgba(0,0,0,0.3);
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
}

@media only screen and (min-width: 993px) {
	.descricao-pagina {margin-bottom: 30px}
}

@media only screen and (max-width: 993px) {
	.slide-floripa {margin-top: 30px}
}


/*Fotos*/
figure, figcaption {margin: 0 !important;}
figure {margin-top: 30px !important;}
figcaption {
	background: rgba(0,0,0,0.2);
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

figcaption a {
	color: #fff; 
	padding: 0;
	margin: 0; 
	cursor: pointer; 
	line-height: 60px; 
	font-weight: 300;

	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
}

figcaption a:hover {
	text-shadow:0px 0px 15px #000000;
	color: #d9c123;

	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;

}

figure img {
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}


/*Promoções*/
#promocoes img {margin-bottom: 40px;}

/*História*/
#historia p {margin-bottom: 30px;}

/*Contato*/
#localizacao h2 {display: none;}
#localizacao .endereco {
	background: rgba(0,0,0,0.2); 
	padding: 20px;
	margin: 0 !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

#localizacao iframe {
	width: 100%; 
	height:320px; 
	frameborder: 0; 
	border:0; 
}

.endereco a, .endereco strong, .endereco span {
	font-weight: 300; 
	color: #fff; 
	line-height: 22pt;
	font-size: 16pt;
	font-style: normal;
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
}

.endereco a:hover{
	text-decoration: underline;
	color: #d9c123;
	transition: all 4s;
	-webkit-transition: all 4s;
	-moz-transition: all 4s;
	-o-transition: all 4s;
	-ms-transition: all 4s;
}

.endereco strong {
	font-weight: 400;
}

#formulario-de-contato label {display: none;}
#formulario-de-contato input, #formulario-de-contato textarea, #formulario-de-contato button {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;

	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
}

#formulario-de-contato textarea {min-height: 100px;}
#formulario-de-contato button {height: 40px; width: 100px; background-color: rgba(0,0,0,0.4);}

#formulario-de-contato input:focus, #formulario-de-contato textarea:focus {
	transform: scale(1.015, 1);
	-webkit-transform: scale(1.015, 1);
	-moz-transform: scale(1.015, 1);
	-o-transform: scale(1.015, 1);
	-ms-transform: scale(1.015, 1);

	transform: rotate(0.5deg) ;
	-webkit-transform: rotate(0.5deg) ;
	-moz-transform: rotate(0.5deg) ;
	-o-transform: rotate(0.5deg) ;
	-ms-transform: rotate(0.5deg) ;

	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
}

/*conserta o erro do formulario padrão do materialize*/
.hiddendiv {display: none !important;}

/*404*/
#erro404 {padding: 50px 0;}
#erro404 h1, #erro404 h2, #erro404 p, #erro404 span {
	text-align: center; 
	color: #d9c123;
	font-weight: 300;
	font-size: 22pt;
}

#erro404 a {color: #fff};

#erro404 .triste{font-size: 40pt;}


/*MOdal*/
.zoomslide {
	display: none;
	background: rgba(0,0,0,0.7);
	padding: 10px;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	top: 0;
}

.zoomslide .box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.zoomslide a {
	color: #fff
}

.zoomslide a.active {
	color: #f90;
}

/*ajuste da fancybox*/
.fancybox-wrap {
	top: 30px !important;
}
.fancybox-wrap, .fancybox-outer, .fancybox-inner {
	max-width: 630px !important;
	width: 100% !important;
	height: auto !important;
}

.fancybox-outer, .fancybox-inner {
	max-width: 600px !important;
}

@media (max-width: 1200px){
	.fancybox-wrap {
		top: 70px !important;
	}
}

@media (max-width: 700px){
	.fancybox-wrap {
		top: 70px !important;
	}
	.fancybox-wrap, .fancybox-outer, .fancybox-inner {
		max-width: 90% !important;
		width: 90% !important;
		height: auto !important;
		margin: 0 !important
	}

	.fancybox-outer, .fancybox-inner, .fancybox-skin {
		max-width: 100% !important;
		width: 100% !important;
	}
}


/*====================================================================================*/
/*Animate CSS*/
/*====================================================================================*/

/*Animate css para dispositivos grandes*/
/*Aconteceu um conflito no safari em mobile*/
@media only screen and (min-width: 994px) {
	.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
}



/*Promoção Header*/
@-webkit-keyframes zoomInUp {
  0% {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
	opacity: 1;
  }

  50% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
  }

  100% {
	opacity: 0;
  }
}

/*Customização*/


.fancybox-overlay {
    background: rgba(248, 248, 248, 0.5) !important;
}
.fancybox-close {
    background: url(../libraries/fancybox/css/fancybox_sprite.png) -3px -3px;
}