*{
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	}

*,
*:before,
*:after{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

body{ font-size: 14px; color: #666; background: #eee; }

.clear{ clear: both; }
ul{ list-style: none; }

a{ color: #666; text-decoration: none; }
.align{ width: 960px; margin: 0 auto; }

.bt-whatsapp {display: table; width: 60px; height: 60px; background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic_whatsapp.svg) no-repeat center; background-size: contain; position: fixed; right: 20px; bottom: 20px; transition: .2s; z-index: 10;}
.bt-whatsapp:hover {opacity: .9;}

/* Clear[both] =======*/
/*====================*/
#topo:after,
#topo .align:after,
#banner:after,
#quem-somos:after,
#content:after,
#footer:after{ content: ""; display: block; clear: both; }



/*====================================================================================*/
/* TOPO ==============================================================================*/
/*====================================================================================*/
#topo .align{
	position: relative;
	padding: 30px;
	border-radius: 10px 10px 0 0;
	background: #fefefe;
	}

#topo{
	position: relative;
	z-index: 10;
	width: 100%;
	padding: 40px 0 0;
	border-bottom: 5px solid rgba(255,255,255, 0.8);
	background: #941219;
	}

#topo .logotipo{
	float: left;
	display: block;
	margin: 0;
	}

#topo .logotipo img{
	width: 500px;
	}



/* Busca/Telefones ===*/
/*====================*/
.busca,
.telefone{
	/*position: absolute;
	bottom: 40px;*/

	position: relative;
	float: right;
	}

.telefone{
	color: #333;
	font-size: 17px;
	text-align: right;
	}

.telefone{ /*right: 250px;*/ width: 160px; /*height: 35px;*/ line-height: 25px; margin: 70px 0 0 0; padding: 0 0 0 30px; overflow: hidden; background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-telefone.png) no-repeat left center; }
.telefone2{ right: 30px; }

.busca{
	/*right: 30px;*/
	width: 200px;
	height: 36px;
	margin: 25px 0 0 0;
	border-radius: 50px;
	border: 1px solid #912a8c;
	background: ;

	clear: right;
	}

.busca input[type=text]{ color: #912a8c; font-size: 16px; width: 130px; height: 36px; float: left; display: block; padding: 9px 0; margin: -1px 0 0 20px; outline: none; border: none; background: none; }
.busca input[type=button],
.busca input[type=submit]{ width: 30px; height: 30px; float: right; display: block; margin: 2px 2px 0 0; padding: 0; cursor: pointer; outline: none; border: none; border-radius: 50px; }
.busca input[type=button],
.busca input[type=submit]{ background: #912a8c url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-busca.png) no-repeat center; background-size: auto 60%; }



/* Menu ==============*/
/*====================*/
.menu2{}
.menu:after{ content: ""; position: relative; bottom: -25px; width: 100%; height: 1px; display: block; background: #ddd; }

.menu{
	position: relative;
	z-index: 15;
	width: 960px;
	margin: -5px auto 0;
	padding: 0 30px 50px 30px;
	background: #fefefe;
	text-align: center;
	}

.menu > ul > li{ display: inline-block; margin: 0 5px; }
.menu > ul > li > a{ color: #941219; font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; padding: 10px; }
.menu .ativo,
.menu > ul > li:hover > a{ color: #fefefe; background: #912a8c; }

.menu .ativo:after,
.menu > ul > li > a:hover:after{}

.menu ul ul{ display: none; }
.menu ul li:hover ul{
	position: absolute;
	z-index: 10;
	max-width: 220px;
	display: block;
	margin: 0;
	padding: 3px 3px 3px;
	background: #912a8c;
	text-align: left;
	box-shadow: 0 7px 5px -7px #373435;
	-webkit-box-shadow: 0 7px 5px -7px #373435;
	   -moz-box-shadow: 0 7px 5px -7px #373435;
	}

.menu ul ul li{}
.menu ul ul li a{ color: #fefefe; font-size: 13px; text-transform: uppercase; display: block; padding: 15px 10px; }
.menu ul ul li a:hover{ color: #912a8c; background: #fefefe; }



/*====================================================================================*/
/* BANNER ============================================================================*/
/*====================================================================================*/
.banner-interno{}
.banner:after{ content: ""; position: absolute; z-index: 5; position: absolute; right: 0; bottom: -19px; left: 0; width: 100%; height: 20px; background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/bg-sombra.png) no-repeat center; }

.banner{
	position: relative;
	width: 960px;
	height: 325px;
	margin: 0 auto;
	padding: 0 30px;
	background: #fefefe;
	}



/*====================================================================================*/
/* RESUMO ============================================================================*/
/*====================================================================================*/
.titulo-resumo2{ padding: 0 30px !important; }
.titulo-resumo{
	font-size: 16px;
	width: 960px;
	line-height: 22px;
	margin: 0 auto;
	padding: 0 30px;
	background: #fefefe;
	}

.titulo-resumo .align{
	width: 100%;
	}

.titulo-resumo .descricao{
	display: block;
	margin: 10px 0 0 0;
	}



/*====================================================================================*/
/* CONTEÚDO ==========================================================================*/
/*====================================================================================*/
#content{
	width: 960px;
	margin: 0 auto;
	padding: 30px;
	background: #fefefe;
	}



/* h1 h2 h3 h4 h5 h6 =*/
/*====================*/
h1,
h2,
h3,
h4,
h5,
h6{ color: #912a8c; display: block; margin: 0 0 10px 0; }

h1{ font-size: 16px; text-transform: uppercase; }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4{ font-size: 12px; }
h5{ font-size: 10px; }
h6{ font-size: 8px; }



/* Colunas ===========*/
/*====================*/
.col-left,.inv-left,.home-left,
.col-right,.inv-right,.home-right{ background: none; }

.col-left,
.inv-left,
.home-left{ float: left; }
.col-right,
.inv-right,
.home-right{ float: right; }

.col-left{ width: 20%; }
.col-right{ width: 75%; }
.inv-left{ width: 70%; }
.inv-right{ width: 25%; }

.home-left{ width: 48%; }
.home-right{ width: 48%; }



/* Menu Lateral ======*/
/*====================*/
.menu-lateral *{ margin: 0; padding: 0; list-style: none; text-decoration: none; }
.menu-lateral{ width: 100%; }

.menu-lateral > ul > li{ margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; }
.menu-lateral > ul > li > a{
	color: #666;
	font-size: 16px;
	display: block;
	padding: 0 0 0 15px;
	background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-bc-ml.png) no-repeat left center;
	}

.menu-lateral .ativo,
.menu-lateral > ul > li > a:hover{ color: #912a8c; background-position: 2px center; }

.menu-lateral ul ul{ margin: 10px 0 0 15px; }
.menu-lateral ul ul li{ margin: 10px 0 0 0; }
.menu-lateral ul ul li a{ color: #666; font-size: 14px; display: block; }
.menu-lateral ul ul li a:hover{ color: #912a8c; }

.menu-lateral > ul > li:last-child{ margin: 0; padding: 0; border: none; }



/* Veja mais =========*/
/*====================*/
.veja-mais{ color: #912a8c; font-size: 13px; text-decoration: none; display: inline-block; margin: 10px 0; }
.veja-mais:hover{ text-decoration: underline; }



/* Serv/Prod Home ====*/
/*====================*/
.home-servprod:after{ content: ""; display: block; clear: both; }
.home-servprod div.int{ position: relative; }

.home-servprod span.prev,
.home-servprod span.next{ position: absolute; z-index: 9; width: 30px; height: 100%; cursor: pointer; }
.home-servprod span.prev{ left: 0; background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-c-prev.png) no-repeat center; }
.home-servprod span.next{ right: 0; background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-c-next.png) no-repeat center; }
.home-servprod span.prev:active{ left: -2px; }
.home-servprod span.next:active{ right: -2px; }
.home-servprod span.disabled{ opacity: 0.5; }

.home-servprod div.center{ width: 100%; height: 100%; margin: 0 auto; }
div.center #ul{ width: 100% !important; height: 100% !important; }
div.center #ul ul li{ height: 100% !important; }

.home-servprod{ width: 100%; margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: 1px solid #eee; }
.home-servprod:after{ content: ""; display: block; clear: both; }
.home-servprod div.center{ padding: 0 40px; }

div.center ul li{
	width: 200px;
	float: left;
	margin: 0 10px;
	}

div.center ul li a{ display: block; }
div.center ul li a .titulo{ font-size: 14px; font-weight: bold; display: block; margin: 0 0 5px 0; }
div.center ul li a .descricao{ display: block; }

div.center ul li a .image{ width: 100%; height: 120px; margin: 0 0 10px 0; padding: 3px; border: 1px solid #ddd; }
div.center ul li a .image span{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
div.center ul li a .image > span:after{ color: #fefefe; font-size: 19px; font-weight: bold; text-align: center; }
div.center ul li a .image > span:after{ content: "+"; position: absolute; bottom: 0; left: -35px; width: 35px; height: 35px; line-height: 35px; opacity: 0.8; background: #912a8c; transition: 0.15s; }
div.center ul li a .image,
div.center ul li a .image span{ position: relative; display: block; overflow: hidden; }
div.center ul li a .indisponivel span{ background-color: #ccc; }
div.center ul li a .indisponivel span span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 80%; height: 80%; opacity: 0.6; background-size: contain; }

div.center ul li a:hover .image{ border-color: #912a8c; }
div.center ul li a:hover .titulo{ color: #912a8c; }
div.center ul li a:hover .descricao{ color: #912a8c; }
div.center ul li a:hover .image > span:after{ left: 0; }

.home-servprod-off div.center{ padding: 0 !important; }
.home-servprod-off span.prev,
.home-servprod-off span.next{ display: none; }
.home-servprod-off ul li{
	width: 23% !important;
	margin: 0 1% !important;
	}



/* Vídeo Home ========*/
/*====================*/
.home-video{
	width: 470px;
	float: left;
	}

.home-video .titulo{ font-size: 16px; display: block; margin: 0 0 10px 0; }
.home-video .data{ font-size: 13px; display: block; }
.home-video iframe{ width: 460px; height: 254px; }



/* Publicações Home ==*/
/*====================*/
.home-noticias{
	width: 100%;
	margin: 30px 0 0 0;
	padding: 20px;
	background: #eee;
	}

.home-noticias h1{ color: #912a8c; margin: 0 0 25px 0; }
.home-noticias .veja-mais{ display: none; }

.home-noticias li{ width: 31.3% !important; margin: 0 1%; padding: 0 !important; border: none !important; }
.home-noticias li a{ padding: 0 !important; }
.home-noticias li a .data,
.home-noticias li a .titulo,
.home-noticias li a .descricao{ color:  !important; }

.home-noticias li a:hover{ background: none !important; }
.home-noticias li a:hover .data{ color: #912a8c !important; }
.home-noticias li a:hover .titulo{ color: #912a8c !important; }
.home-noticias li a:hover .descricao{}



/* Colunas Home ======*/
/*====================*/
.home-col{ width: 100%; text-align: center; }
.home-col li{
	width: 31%;
	display: inline-block;
	vertical-align: top;
	margin: 0 1%;
	text-align: left;
	}

.home-col li .veja-mais{ display: table; }
.home-col li .quemsomos{}
.home-col li .paginas{}
.home-col li .noticias{}
.home-col li .fotos{}
.home-col li .videos{}

.home-col li .videos a,
.home-col li .fotos a{ width: 100%; display: table; }

.home-col li a .image{ width: 100px; height: 100px; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #ddd; }
.home-col li a .image span{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.home-col li a .image,
.home-col li a .image span{ display: block; overflow: hidden; }

.home-col li a .data,
.home-col li a .titulo{ display: block; }
.home-col li a .data{ color: #912a8c; font-size: 13px; margin: 0 0 5px 0; }
.home-col li a .titulo{ font-size: 16px; }

.home-col li a:hover .image{ border-color: #912a8c; }
.home-col li a:hover .titulo{ color: #912a8c; }



/*====================================================================================*/
/* FOOTER ============================================================================*/
/*====================================================================================*/
#footer:before{
	content: "";
	position: relative;
	top: -30px;
	width: 100%;
	height: 1px;
	display: block;
	background: #eee;
	}

#footer{
	width: 960px;
	margin: 0 auto 40px;
	padding: 30px;
	border-radius: 0 0 10px 10px;
	background: #fefefe;
	}

#footer .direitos{ font-size: 13px; line-height: 30px; float: left; }
#footer .direitos a{}
#footer .direitos a:hover{ color: #912a8c; }

#footer .social{ float: right; }
#footer .social a{
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	margin: 0 0 0 5px;
	border-radius: 5px;
	background-color: #912a8c;
	background-image: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-social.png);
	}

#footer .social a:hover{ background-color: #999; }

#footer .social .facebook{ background-position: left center; }
#footer .social .twitter{ background-position: -30px center; }
#footer .social .youtube{ background-position: -60px center; }
#footer .social .instagram{ background-position: -90px center; }
#footer .social .linkedin{ background-position: -120px center; }
#footer .social .blog{ background-position: -150px center; }



/*====================================================================================*/
/* CONTATO ===========================================================================*/
/*====================================================================================*/
div.box-info{ padding: 0 0 20px 0; }
div.box-info > h1{ font-size: 16px; font-weight: normal; display: block; margin: 0 0 5px 0; padding: 0; }
div.box-info > span{ display: block; }

.bullet{ position: relative; color: #f47d7d; }
.campo-obrigatorio{ border-color: #ff9e9e !important; }

div.neo-captcha{ margin: 0 0 5px 0; padding: 5px; border-radius: 0; border: solid 1px #ddd; background: #fefefe; }
div.neo-captcha img{ width: 100%; }
div.google-maps{ margin: 30px 0 0 0; }
div.google-maps iframe{ width: 100%; height: 350px; }

div.box_alert{ font-size: 14px; line-height: 22px; margin: 10px 0; padding: 10px 15px; }
div.box_alert span{ color: #f32626; font-weight: bold; }
div.red{ background: #ffd1d1; border: 1px solid #f47d7d; }
div.yellow{ background: #fffcd1; border: 1px solid #f4f27d; }
div.green{ background: #d1ffd1; border: 1px solid #93f47d; }