/**********************************
    Tipografia
**********************************/

@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700);

/**********************************
    Geral
**********************************/

body{
	background-color:#bdc523;
	color: #000;
	font-family: 'Merriweather Sans', sans-serif;
	width: 100%;
	overflow-x: hidden;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5{
	font-family: arial;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

h1{
	font-size: 36px;
	color: #807d00
}

h3{
	font-size: 19px;
	font-weight: bold;
	margin-top: 25px;
}

.nav>li>a,
.voltar-home,
.galeria_de_fotos li{
	-webkit-transition: all .4s ease; 
	-moz-transition: all .4s ease; 
	-o-transition: all .4s ease; 
	transition: all .4s ease;
}

.container {
max-width: 870px;
}

#main{
	background: #fff;
	padding: 60px 30px 65px;
	margin-top: 100px;
	position: relative;
	z-index: 100;
}

#home-main{
	margin-top: -30px;
}


/**********************************
    Header
**********************************/
 
#header{
	height: 135px;
	background: url('../images/menu2.png') repeat-x top center;
	position: fixed;
	z-index: 333;
	top:0; width: 100%;
} 

.admin-bar #header{
	margin-top: 20px;
}
 
#logo{
	position: absolute;
	width: 70%;
	height: 80px;
	top: 50px;
	left: 50%;
	margin-left: -35%;
	opacity: 0;
}

.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
}

.assistive-text{display: none}

.nav>li>a{
	padding: 15px 10px;
}

.navbar-default {
background-color: #807d00;
border: none;
margin-top: -16px;
}

.navbar-default .navbar-nav>li>a {
color: #bcc52b;
text-transform: lowercase;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: transparent;
}

.facebook{
	background: url('../images/facebook.png') no-repeat;
	width: 9px;
	height: 19px;
	float: right;
	text-indent: -9999px;
	margin-right: 10px;
	margin-top: 17px;
	margin-left: 10px;
}

.instagram{
	background: url('../images/instagram.png') no-repeat;
	width: 19px;
	height: 20px;
	float: right;
	text-indent: -9999px;
	margin-top: 17px;
}

.voltar-home,
.voltar-home:focus{
	float: left;
	font-size: 11px;
	color: #bcc52b;
	margin-top: 19px;
	text-decoration: none;
}

.voltar-home:hover{
	color: #fff;
	text-decoration: none;
}

.newsletter{
	margin-top: 16px;
}

.newsletter .email{
	width: 85px;
padding: 0 10px;
font-size: 10px;
border: none;
height: 18px;
margin-left: 60px;
}

.newsletter .submit{
	background: url('../images/cadastre-se.png') no-repeat center center;
	background: #6e3510;
	height: 20px;
	padding: 0 5px;
	border: none;
	border-radius: 0;
	font-size: 10px;
	color: #fff;
}

/**********************************
    Pages
**********************************/

.wrapper{
	margin-top: 30px
}

.admin-bar .wrapper{
	margin-top: 0px
}



.hr{
height: 20px;
width: 100%;
position: absolute;
bottom: 0;
border: none;
margin: 0;
z-index: 111;
}

#home-content img{
	margin: 0 auto;
	width: auto;
	display: block;
	/*max-width: 1152px;*/
}

#home-content p{
	margin: 0;
}

.home-section{
	width: 100%;
	position: relative;
	overflow: hidden
}

.home-box{
	position: relative;
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

	.xilogravura{
		position: absolute;
		z-index: 100;	
		width: auto!important;
		max-width: auto;
		opacity: 0;
		
	}
	
	.burro{
		top: 150px;
		left: 0;
	}
	
	.passaro{
		right: 0;
		top: 180px;
	}
	
	.arvore-dir{
		right: 0;
		bottom: 0px;
	}

	.arvore-esq{
		left: 0;
		bottom: -3px;
	}
	
	.peixe{
		right: 10%;
		top: 160px;
	}
	
	.barco{
		left: 0;
		bottom: -2px;
		z-index: 10;
	}
	
		.homembox{
			z-index: 20;
			bottom: 188px;
			left: 150px;
			
			width: 400px!important;
			height: 260px;
			overflow: hidden;
		}
		
		.homem{
			position: absolute;
			bottom: -10px;
			left: 20px;
			width: auto!important;
		}
		
		.onca{
			z-index: 20;
			top: 248px;
		}
		
		.braco1{
			z-index: 15;
			top: 327px;
			left: 27px;
		}
		
		.braco2{
			z-index: 15;
			top: 360px;
			left: 32px;
		}

	.galo{
		right: 0;
		bottom: 0px;
	}
	
	.tartaruga{
		top: 110px;
		left: 0;
	}
	
	.balao{
		top: 10%;
		left: 0;
	}
	
	.boi{
		right: 0;
		bottom: 0;
	}


	.boi-cabeca{
		right: 80px;
		bottom: 60px;
		z-index: 300;
	}

	.boi-cauda{
		right: 0;
		bottom: 60px;
		z-index: 300;
	}


	.boianim{
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 300;
		width: 230px;
		height: 300px;

		-webkit-animation: cabeca 3s linear infinite both;
		animation: cabeca 3s linear infinite both;
		
		-webkit-animation-timing-function:steps(3);
		animation-timing-function:steps(3);
	}
	
	.caudaanim{
		position: absolute;
		right: -10px;
		bottom: 0;
		z-index: 300;

		width: 230px;
		height: 300px;

		-webkit-animation: cauda 3s linear infinite both;
		animation: cauda 3s linear infinite both;
		
		-webkit-animation-timing-function:steps(3);
		animation-timing-function:steps(3);

	}

	.lua{
		top: 0px;
		right: 0;
	}
	
	.pato{
		right: 0;
		top: 115px;
	}
	
	.anjo{
		bottom: 0;
		right: 0;
	}
	
	.cacto{
		left: 0;
		bottom: 0;
	}

	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9{
		position: absolute;
		z-index: 300;
		padding: 2% 5%;;
		color: #fff;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		opacity: 0;
		font-weight: 700;

	}

	.home-section div div{
		position: absolute;
		top:50%;
		width: 100%;
		width: 90%;
		left: 5%;
	
	    -webkit-transform: translateY(-50%);	
	        -ms-transform: translateY(-50%);	
	            transform: translateY(-50%);	
	}

.home-section .c1 div{
	width: 76%;
	left: 14%;
	line-height: normal;
}

.home-section .c7 div{
	margin-top: 20px
}

	.c1{
		background: url('../images/c1.png') no-repeat center center;
		width: 400px;
		height: 375px;
		margin-top: -187px;
		top:50%;
		right:20%;
	}

	.c2{
		background: url('../images/c2.png') no-repeat center center;
		width: 373px;
		height: 340px;
		margin-top: -170px;
		margin-left: -185px;
		top:50%;
		left:30%
	}
	.c3{
		background: url('../images/c3.png') no-repeat center center;
		width: 271px;
		height: 257px;
		margin-top: -130px;
		margin-left: -140px;
		top:60%;
		right: 10%;
	}
	.c4{
		background: url('../images/c4.png') no-repeat center center;
		width: 406px;
		height: 367px;
		margin-top: -183px;
		margin-left: -200px;
		top:45%;
		left:50%
	}
	.c5{
		background: url('../images/c5.png') no-repeat center center;
		width: 366px;
		height: 325px;
		margin-top: -163px;
		margin-left: -160px;
		top: 50%;
		right: 20%;
	}
	.c6{
		background: url('../images/c6.png') no-repeat center center;
		width: 320px;
		height: 290px;
		margin-top: -145px;
		margin-left: -160px;
		top:40%;
		right: 30%
	}
	.c7{
		background: url('../images/c7.png') no-repeat center center;
		width: 303px;
		height: 275px;
		margin-top: -137px;
		margin-left: -150px;
		top:60%;
		left:40%
	}
	.c8{
		background: url('../images/c8.png') no-repeat center center;
		width: 315px;
		height: 290px;
		margin-top: -145px;
		top: 55%;
		left: 20%;
	}
	.c9{
		background: url('../images/c9.png') no-repeat center center;
		width: 375px;
		height: 340px;
		margin-top: -170px;
		margin-left: -187px;
		top: 70%;
		right: 20%;
	}

#content{
	font-size: 12px;
}

.entry-title{
	margin-top: 0;
	text-transform: lowercase;
}

.page-content{
	margin-top: 10px;
}

.page-content h3:first-child{
	margin-top: 0;
}

.baixar-cardapio{
	background: url('../images/baixar-cardapio.png') no-repeat center center;
	color: #fff;
	text-align: center;
	width: 145px;
	height: 134px;
	font-size: 17px;
	line-height: 20px;
	padding: 16px;

	position: absolute;
	top: 660px;
	right: 30px;
}

.baixar-cardapio a,
.baixar-cardapio a:focus{
	color: #fff;
}
.baixar-cardapio a:hover{
	opacity: .7;
	text-decoration: none;
}

.importante{
	background: url('../images/importante.png') no-repeat center center;
	color: #fff;
	text-align: center;
	width: 407px;
	height: 370px;
	font-size: 19px;
	padding: 60px 40px;
	
	position: absolute;
	top: 970px;
	right: 80px;
}

.importante h3{
	font-size: 34px;
	margin: 0;
}


.fancybox-skin{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;

background: #807c1d;
}

.galeria_de_fotos{
	margin: 0; padding: 0;
}

.galeria_de_fotos li{
	float: left;
	width: 185px;
	height: 185px;
	list-style: none;
	margin: 0;
	padding: 0;
}


.galeria_de_fotos img, .hentry img, .widget img{
	max-width: 100%;
}

.galeria_de_fotos li:hover{ opacity: .5}


.page-quem-somos #main{
	background: #fff url('../images/quem-somos.png') no-repeat bottom center;
}

.page-nossas-festas #main{
	background: #fff url('../images/nossas-festas.png') no-repeat top center;
}

.page-equipe #main{
	background: #fff url('../images/equipe.png') no-repeat bottom center;
	min-height: 580px;
}

.page-contato #main{
	background: #fff url('../images/contato.png') no-repeat bottom left;
}

.page-contato h3{
	font-size: 22px;
}

.page-contato .page-content a{
	margin: 5px 0;
	display: block;
}

.page-contato #main{
	padding-bottom: 10px;
}




.gform_wrapper {
	margin: 1em 0 0!important;
	max-width: 100%!important;
}

.gform_wrapper div.validation_error{
	font-size: 12px;
}

.gform_wrapper .top_label .gfield_label{
	display: none!important;
}

input, textarea {
	border: #ccc 1px solid!important;
}

.gform_wrapper .gform_footer{
	margin: 0!important
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
width: 100%;
}




/**********************************
    animation
**********************************/



.active .burro {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;	
}

.active .c1 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .passaro {
  -webkit-animation-name: aniPassaro;
          animation-name: aniPassaro;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .arvore-esq {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .arvore-dir {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .c2 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .c3 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .peixe {
  -webkit-animation-name: aniPeixe;
          animation-name: aniPeixe;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .c4 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .galo {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .barco, .active .homembox, .active .oncabox {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .lua {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .tartaruga {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .c5 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .balao {
  -webkit-animation-name: aniPassaro;
          animation-name: aniPassaro;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .c6 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .c7 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .boi,
.active .boi-cabeca,
.active .boi-cauda {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .cacto {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .c8 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .c9 {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;	
}

.active .pato {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.active .anjo {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;	

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}





.animated {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}


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

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

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




@-webkit-keyframes fadeInUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

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

@keyframes fadeInUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

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

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



@-webkit-keyframes fadeInDown {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

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

@keyframes fadeInDown {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

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

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


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

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

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

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



@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

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

@keyframes fadeInLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

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

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




@-webkit-keyframes fadeInRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(120%, 0, 0);
            transform: translate3d(120%, 0, 0);
  }

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

@keyframes fadeInRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(120%, 0, 0);
            transform: translate3d(120%, 0, 0);
  }

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

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





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

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;

	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;

}

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

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

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

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


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

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

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

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

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


@-webkit-keyframes aniPassaro {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }

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

@keyframes aniPassaro {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }

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

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





@-webkit-keyframes aniPeixe {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0);
  }

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




@keyframes aniPeixe {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0);
  }

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

.aniPeixe {
  -webkit-animation: aniPeixe 3s linear  both;
  animation: aniPeixe 3s linear  both;
}







.delay1{
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

.delay15{
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	animation-delay: 1.3s;
}

.delay2{
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}

.delay3{
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	animation-delay: 2.5s;
}

.delay4{
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}





@-webkit-keyframes cabeca {
  0%, 50%, 100%{
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  25%, 75% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}

@keyframes cabeca {
  0%, 50%, 100%{
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  25%, 75% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}


@-webkit-keyframes cauda {
  0%, 50%, 100%{
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  25%, 75% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
}

@keyframes cauda {
  0%, 50%, 100%{
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  25%, 75% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
}



@-webkit-keyframes burro {
  0%, 50%, 100%{
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  25%, 75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}

@keyframes burro {
  0%, 50%, 100%{
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  25%, 75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}



@-webkit-keyframes passaro {
  0%, 50%, 100%{
    -webkit-transform: translate3d(20px, 20px, 0);;
            transform:translate3d(20px, 20px, 0);
  }

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

@keyframes passaro {
  0%, 50%, 100%{
    -webkit-transform: translate3d(10%, 10%, 0);;
            transform:translate3d(10%, 10%, 0);
  }

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




@-webkit-keyframes braco {
  0%, 50%, 100%{
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  25%, 75% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
}

@keyframes braco {
  0%, 50%, 100%{
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  25%, 75% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
}



.burroanim{
  -webkit-animation: burro 3s linear infinite both;
  animation: burro 3s linear infinite both;

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.passaroanim{
  -webkit-animation: passaro 2s linear infinite both;
  animation: passaro 2s linear infinite both;

-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}




.homem{
opacity: 1;
  -webkit-animation: burro 2.5s linear infinite both;
  animation: burro 4s linear infinite both;


-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.braco2{
  opacity: 1;
  -webkit-animation: braco 2.5s linear infinite both;
  animation: braco 4s linear infinite both;


-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.braco1{
opacity: 1;
  -webkit-animation: braco 2s linear infinite both;
  animation: braco 2s linear infinite both;


-webkit-animation-timing-function:steps(3);
	animation-timing-function:steps(3);
}

.onca{
	opacity: 1
}

.oncabox{
	width: 400px!important;
	height: 600px;
	bottom: 168px;
}

.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8, 
.c9{
	-webkit-transition: all .4s cubic-bezier(.07,1.41,.82,1.41);
	-moz-transition: all .4s cubic-bezier(.07,1.41,.82,1.41);
	-o-transition: all .4s cubic-bezier(.07,1.41,.82,1.41); 
	transition: all .4s cubic-bezier(.07,1.41,.82,1.41);
}

.c1:hover, 
.c2:hover, 
.c3:hover, 
.c4:hover, 
.c5:hover, 
.c6:hover, 
.c7:hover, 
.c8:hover, 
.c9:hover{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}


/**********************************
    responsive
**********************************/

.logo{
	max-width: 100%;
	margin: -25px auto 0;
	display: none;
}

.navbar-default .navbar-toggle {
border-color: #ddd;
background: #fff;
border: none;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none}


#mc4wp-form-1{
	display:block;
	position:absolute;
	right:10px;
	top: 45px;
	z-index: 9999;
}

.topfomr {
    display: block;
    color: #bcc52b;
    text-transform: lowercase;
    font-size: 12px;
    text-align: right;
    margin-bottom: 5px;
}

.submitForm {
    padding: 3px 4px !important;
    color: #843e84 !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
	margin-left: 5px;
}

.corpoform {
    display: block;
    float: left;
    background: #e0e4a9;
    padding: 4px 10px;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
}

.emailForm {
    background: none;
    border: none!important;
    border-bottom: 1px solid #843e84 !important;
    width: 130px;
    float: left;
    margin: -3px 0px 0 0;
	color: #843e84 !important;
    font-size: 13px;
	outline:none !important;
}

.corpoform label {
    color: #843e84 !important;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0;
    float: left;
    margin-right: 2px;
}

.mc4wp-response{
	position: absolute;
    top: 60px;
    right: 10px;
    width: 200px;
    background: #fff;
    text-align: center;
    padding: 0;
	color: #843e84 !important;
    font-size: 13px;
}

.mc4wp-response p{
	padding: 10px 10px 0 !important;
}

@media (max-width: 1320px){
	#mc4wp-form-1 {
		width: 182px;
	}

	.emailForm {
		width: 89px;
	}

	.mc4wp-response {
		top: 76px;
		right: -6px;
	}
}

@media (max-width: 1210px){
	#mc4wp-form-1 {
		width: 150px;
	}

	.emailForm {
		width: 59px;
	}
}

@media (max-width: 1148px){
	#header {
		height: 135px;
		background: url(../images/menu2.png) no-repeat bottom center #817d00;
		position: fixed;
		z-index: 333;
		top: 0;
		width: 100%;
		background-size: auto 80%;
	}
}

@media (max-width: 1024px){
	
	.home-section{
		min-height: 500px!important
	}

	#home-content img.home-foto{
	width: 120%;
	max-width: 120%;
	height: 100%;
	margin-left: -10%;
	}
	
	.peixe {
		top: -10px;
	}
	
	.c4{
		top: 30%;
	    -webkit-transform: scale(.8);
        transform: scale(.8);

	}
	
	.tartaruga {
		top: -5px;
	}
	
	.c6{
		top: 20%;
		right: 10%;
	}
	
	.c7{
		top: 45%;
		left: 50%;
	}
	
	.c8, .c9{
	    -webkit-transform: scale(.8);
        transform: scale(.8);

	}

	.pato {
		right: 0;
		top: -5px;
	}

	.home-box{
	width: 100%;
	}

}



@media (max-width: 992px){

	.nav>li>a {
	padding: 15px 2px;
	font-size: 11px;
	}
	
	.newsletter .email {
	margin-left: 25px;	
	}
	
	.voltar-home {
	width: 100px;
	margin-top: 10px;
	}
	
	/*.logo{
		display: block;
	}
	
	#header{
		height: auto;
		background: none;
		margin-top: -10px;
	}*/

	#header {
		background-size: auto 70%;
		}

	.home-section{
		min-height: 500px!important
	}

	#home-content img.home-foto{
		width: 200%;
		max-width: 200%;
		height: 100%;
		margin-left: -50%;
	}

	.c8{
		top:35%;
	}

	.anjo{
		right: -100px
	}

	.cacto {
		left: -100px;
	}

	#main {
	padding: 90px 0px 10px;
	margin-top: 20px;
	}
	
	.col-xs-12 .col-xs-12,
	.col-xs-12 .col-sm-8,
	.col-xs-12 .col-sm-4{
		padding: 0;
	}

	.galeria_de_fotos li {
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.galeria_de_fotos li:hover {
	opacity: 1;
	}
	
	iframe{
		width: 100%;
	}
		
}

@media (max-width: 895px){
	#header {
		background-size: auto 54%;
	}
}

@media (max-width: 767px){

	#mc4wp-form-1 {
		top: 95px;
	}

	#header {
		background-size: auto 71%;
		height: 100px;
	}

	.navbar-header{
		background:none !important;
		margin-top: 25px;
	}
	
	.site-title{
		display:none;
	}

	.newsletter{
		display: none
	}
	
	.navbar .nav, .navbar .nav > li {
	width: 100%;
	text-align: center;
	}
	
	
	.baixar-cardapio{
		position: relative;
		top: 0;
		left: 50%;
	}
	
	.importante{
		position: relative;
		top: 0;
		left: 50%;
		margin-left: -205px;
		transform: scale(.7);
	}
	
	
	.page-quem-somos #main{
		background-size: contain;
		padding-bottom: 160px;
	}
	
	.page-nossas-festas #main{
		background-size: contain;
		background-position: 0px 110px;
	}
	
	.page-equipe #main{
		background-size: contain;
	}
	
	.page-contato #main{
	background-size: contain;
	padding-bottom: 300px!important;
	}
	
	
	.home-section{
		overflow: hidden;
	}

	#home-content img{
	width: 100%;
	width: 240%;
	max-width: 220%;
	height: 100%;
	margin-left: -60%;
	}
	
	.xilogravura{
		display: none!important
	}

	.c1, .c2, .c4, .c5, .c8, .c9{
		-webkit-transform: scale(.4)!important;
		transform: scale(.4)!important;	
		left: 50%;
		margin-left: -200px;
	}

	.c2{
		top:30%;
	}

	.c3 {
		margin-top: -30px;
		-webkit-transform: scale(.6)!important;
		transform: scale(.6)!important;	
	}
	
	.c6{
		left: 50%;
		top:25%;
		-webkit-transform: scale(.6)!important;
		transform: scale(.6)!important;	
	}

	.c7{
		margin-top: 0px;
		top:50%;
		left:40%;
		-webkit-transform: scale(.6)!important;
		transform: scale(.6)!important;	
	}
	
	.c8{
		top:25%;
	}
	
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9{
		display: block!important;
		opacity: 1!important;
	}
	
	.fadeOut{
		  -webkit-animation-name: fadeOutttt;
          animation-name: fadeOuttt;
	}
	
}

@media (max-width: 440px){
	#header {
		background-size: auto 48%;
		height: 100px;
		background-position: -140px bottom;
	}

	.navbar .nav, .navbar .nav > li {
		text-align: left;
		padding: 0 10px;
	}

	.nav>li>a {
		font-size: 1em;
	}

	#mc4wp-form-1 {
		top: 140px;
	}

	#mc4wp-form-1 {
		width: 50%;
	}

	.emailForm {
		width: 60%;
	}
}