@import url('https://fonts.googleapis.com/css?family=Ruda:400,700,900');

html, body {
	font-family: 'Ruda', sans-serif;
}

.atendimento-wpp {
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 75px;
  animation: shake 10s infinite;
}

@media (max-width: 576px) {
  .atendimento-wpp {
    width: 50px;
  }
}

@keyframes shake {
      4.5%, 10.5% {
        transform: translate(0px, 0px) rotate(0deg);
      }
      5% {
        transform: translate(1px, 1px) rotate(0deg);
      }
      5.5% {
        transform: translate(-1px, -2px) rotate(-1deg);
      }
      6% {
        transform: translate(-3px, 0px) rotate(1deg);
      }
      6.5% {
        transform: translate(3px, 2px) rotate(0deg);
      }
      7% {
        transform: translate(1px, -1px) rotate(1deg);
      }
      7.5% {
        transform: translate(-1px, 2px) rotate(-1deg);
      }
      8% {
        transform: translate(-3px, 1px) rotate(0deg);
      }
      8.5% {
        transform: translate(3px, 1px) rotate(-1deg);
      }
      9% {
        transform: translate(-1px, -1px) rotate(1deg);
      }
      9.5% {
        transform: translate(1px, 2px) rotate(0deg);
      }
      10% {
        transform: translate(1px, -2px) rotate(-1deg);
      }
    }

/* Formatação Menu */

section#menu-responsivo {
	display: none;
}

section#menu {
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 100;
	border-bottom: 1px solid #fdc600;
}

div#menu ul {
	height: 90px;
	margin: 0 0 0 0;
}

div#menu ul li {
	display: inline-block;
	margin: 2%;
	margin-top: 3%;
}

div#menu ul li a {
	font-family: 'Ruda', sans-serif;
	color: #e84e0e;
	font-size: 1.1em;
	text-align: center;
	font-weight: 700;
}

div#menu ul li a:hover {
	color: #9abd36;
}

div#menu img {
	margin: 3%;
	width: 90%;
	margin-left: 20%;
}


.social-pages .social-list {
	list-style: none;
}

.social-pages .social-list a {
    color: #e84e0e;
    opacity: .8;
}

.social-pages .social-list a:hover {
	text-decoration: none;
	opacity: 1;
}

.social-pages .social-list a::after {
	color: #e84e0e;
	font-family: "FontAwesome";
	font-size: 27px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.social-pages .social-fb::after { content: "\f230"}
.social-pages .social-insta::after { content: "\f16d"}

@media (max-width: 1200px) {
	div#menu ul li a {
	font-size: 1em;
	}

}

@media (max-width: 995px) {
	section#menu {
		display: none;
	}

	section#menu-responsivo {
		display: block;
		position: fixed;
		z-index: 100;
	}
}

/* Banner */

section#home {
	width: 100%;
	padding-top: 107px;
	height: 700px;
}

div#carousel h1 {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	text-align: left;
	font-size: 3em;
	letter-spacing: 1px;
	padding-left: 20%;
	text-shadow: #333 1px 1px 1px;
}

div#carousel p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 2em;
	font-weight: 400;
	text-align: left;
	line-height: 1.5em;
	padding-left: 20%;
	text-shadow: #333 1px 1px 1px;
}

div#carousel a {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-weight: 400;
	text-shadow: #333 1px 1px 1px;
	text-decoration: none;
}

video {
	margin-left: -15px;
}

div#video {
	width: 100%;
	margin-top: -5%;
}

div#video img {
	display: none;
}

div#banner1 {
	background-image: url(../_img/banner1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 700px;
	padding-top: 10px;
}

div#banner1 img {
	width: 35%;
	margin-top: 30%;
	margin-left: 10%;
}

div#banner2 {
	background-image: url(../_img/banner2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 700px;
	padding-top: 10px;
}

div#banner2 img {
	width: 35%;
	margin-top: 30%;
	margin-left: 10%;
}

@media (max-width: 995px) {

	section#home {
	height: 300px;
	padding-top: 100px;
	}

	div#video {
		background-image: url(../_img/banner1.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 250px;
		background-size: 120%;
		padding-top: 10px;
	}

	.allegro-video {
		display: none;
	}

	div#banner1 {
	height: 250px;
	background-size: 120%;
	}

	div#banner2 {
	display: none;
	}

	div#video img {
	width: 70%;
	margin-top: 50%;
	margin-left: 10%;
	display: block;
	}

	div#banner1 img {
	width: 70%;
	margin-top: 40%;
	margin-left: 15%;
	}

	div#banner2 img {
	display: none;
	}

	.carousel-control {
		display: none;
	}
	.carousel-indicators {
		display: none;
	}
}

/* Home */

section#quem-somos {
	background-color: #e84e0e;
}

div#quem-somos {
	padding-top: 110px;
}

div#quem-somos h1 {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 2.5em;
	margin-top: 2%;
	font-weight: 900;
	margin-bottom: 5%;
}

div#quem-somos p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 5%;
}

div#tags {
	position: absolute;
	left: -100%;
	right: 100%;
}

@media (max-width: 767px) {
	div#quem-somos {
		margin-right: 5%;
		margin-left: 5%;
	}
}

/* Nosso Espaço */

section#espaco {
	background-color: #9abd36;
}

div#espaco {
	padding-top: 110px;
	padding-bottom: 10%;
}

div#espaco h1 {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 2.5em;
	margin-top: 2%;
	font-weight: 900;
	margin-bottom: 5%;
}

div#espaco p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 5%;
}

div#espaco img {
	width: 100%;
	margin-top: 10%;
	margin-right: 10%;
}

@media (max-width: 767px) {
	div#espaco img {
		width: 80%;
		margin-right: 0%;
	}
}

/* Festas */

section#festas {
	background-color: #e40974;
}

div#festas {
	padding-top: 110px;
	padding-bottom: 10%;
}

div#festas h1 {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 2.5em;
	margin-top: 2%;
	font-weight: 900;
	margin-bottom: 5%;
}

div#festas p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 5%;
}

div#festas img {
	width: 100%;
	margin-top: 10%;
	margin-right: 10%;
}

iframe#decora {
	width: 100%;
	height: 650px;
	border: none;
}

/* Depoimentos */

section#depoimentos {
	background-color: #009fe3;
}

div#depoimentos {
	padding-top: 110px;
}

div#depoimentos h1 {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 2.5em;
	margin-top: 2%;
	font-weight: 900;
	margin-bottom: 5%;
}

div#depoimentos p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1.1em;
	font-weight: 400;
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 5%;
	padding: 5%;
}


@media (max-width: 767px) {
	div#depoimentos {
		margin-right: 5%;
		margin-left: 5%;
	}
}

/* Cardapios */

section#cardapios {
	background-color: #fdc600;
}

div#cardapios {
	padding-top: 110px;
	padding-bottom: 10%;
}

div#cardapios h1 {
	font-family: 'Ruda', sans-serif;
	color: #a01d80;
	font-size: 2.5em;
	margin-top: 2%;
	font-weight: 900;
	margin-bottom: 5%;
}

div#cardapios p {
	font-family: 'Ruda', sans-serif;
	color: #a01d80;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 1%;
}

div#cardapios a {
	font-family: 'Ruda', sans-serif;
	color: #a01d80;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
}

div#cardapios a:hover {
	text-decoration: none;
	font-weight: 900;
}

div#cardapios img {
	width: 100%;
	margin-top: 10%;
	margin-right: 10%;
	border:2px solid #fff;
	border-radius: 5px;
}

@media (max-width: 767px) {
	div#cardapios img {
		width: 80%;
		margin-right: 0%;
	}
}

/* Orçamento */

section#orcamento {
	background-color: #a01d80;
}

div#orcamento {
	padding-top: 110px;
	padding-bottom: 10%;
}

div#orcamento h1 {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 2.5em;
	margin-top: 2%;
	font-weight: 900;
	margin-bottom: 5%;
}

div#orcamento p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 5%;
}


/* Formatação Formulário */

#formulario {
	padding-top: 4%;
}

#formulario label {
	padding-top: 10px;
	font-family: 'Ruda', sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #333;
}

#formulario label.error {
	float: left;
	padding-right: 10px;
}

#formulario input[type='text'], 
#formulario input[type='email'] {
	width: 90%;
	height: 50px;
	border: 1px solid #ccc;
	resize: none;
	font-family: 'Ruda', sans-serif;
	font-size: 1em;
	font-weight: 200;
	color: #333;
	border-radius: 10px;
}

#formulario textarea {
	width: 90%;
	height: 115px;
	border: 1px solid #ccc;
	resize: none;
	font-family: 'Ruda', sans-serif;
	font-size: 1em;
	font-weight: 200;
	color: #333;
	border-radius: 10px;
}

#formulario select {
	width: 90%;
	height: 50px;
	border: 1px solid #ccc;
	resize: none;
	font-family: 'Ruda', sans-serif;
	font-size: 1em;
	font-weight: 200;
	color: #333;
}

#formulario input[type='submit'] {
	width: 30%;
	height: 30px;
	color: #FFF;
	background-color: #fdc600;
	border: 1px solid #fdc600;
	margin-bottom:5px;
	font-family: 'Ruda', sans-serif;
	font-size: 1em;
	font-weight: 700;
	border-radius: 10px;
}

#formulario input[type='submit']:hover {
	cursor: pointer;
	font-family: 'Ruda', sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #fdc600;
	background-color: #fff;
	border: 1px solid #fff;
}

@media (max-width: 767px) {

	#formulario input[type='text'], 
	#formulario input[type='email'] {
		width: 90%;
	}

	#formulario textarea {
		width: 90%;
	}

	#formulario select {
		width: 90%;
	}

	#formulario input[type='submit'] {
		width: 70%;
	}
}


/* Contato */

section#contato {
	background-color: #009fe3;
}

div#contato {
	padding-top: 110px;
	padding-bottom: 10%;
}

div#contato h1 {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 2.5em;
	margin-top: 2%;
	font-weight: 900;
	margin-bottom: 5%;
}

div#contato p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 5%;
}

div#contato a {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 5%;
	text-decoration: none;
}

@media (max-width: 767px) {
	div#contato {
		margin-right: 5%;
		margin-left: 5%;
	}
	div#contato p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 0.8em;
	font-weight: 400;
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 5%;
	}

	.redes-sociais .social-list a::before {
	color: #fff;
	font-family: "FontAwesome";
	font-size: 17px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	}
}


.redes-sociais .social-list {
	list-style: none;
}

.redes-sociais .social-list a {
    color: #fff;
}

.redes-sociais .social-list a:hover {
	text-decoration: none;
}

.redes-sociais .social-list a::before {
	color: #fff;
	font-family: "FontAwesome";
	font-size: 25px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.redes-sociais .social-fb::before { content: "\f230"}
.redes-sociais .social-insta::before { content: "\f16d"}
.redes-sociais .social-mail::before { content: "\f2b6"}
.redes-sociais .social-local::before { content: "\f041"}
.redes-sociais .social-phone::before { content: "\f095"}
.redes-sociais .social-wpp::before { content: "\f232"}


/* Mapa */

section#mapa {
	width: 100%;
}

iframe#mapa {
	width: 100%;
	height: 300px;
}


/* footer */

section#rodape {
	background-color: #e84e0e;
	width: 100%;
	height: 35px;
}

div#footer p {
	font-family: 'Ruda', sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	margin-top: 8px;
}

div#footer img {
	margin-top: 10px;
	height: 20px;
}


@media (max-width: 767px) {
	section#rodape {
		height: 80px;
	}

	div#footer p {
		text-align: center;
		padding-left: 0px;
	}

	div#footer img {
		padding-left: 40%;
		padding-right: 40%;
	}
}