*{
	padding: 0;
	margin: 0;
	font-family: "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: ; }

.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/mobile/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{
	width: 100%;
	padding: 30px 15px;
	background: ;
	}

#topo .logotipo{
	display: block;
	}

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



/* Menu ==============*/
/*====================*/
.menu-abrir{
	color: #fefefe;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	display: block;
	padding: 20px 15px 20px 40px;
	background: #912a8c url(http://www.marshmallowkids.com.br/mobile/images/ic-menu.png) no-repeat center;
	}

.menu-abrir span,
.menu-abrir span:before,
.menu-abrir span:after{ position: absolute; left: 0; display: block; height: 2px; background: #fefefe; }
.menu-abrir span{
	position: absolute;
	top: 26.5px;
	left: 15px;
	width: 18px;
	margin: auto;
	}

.menu-abrir span:before,
.menu-abrir span:after{
	content: "";
	width: 100%;
	}

.menu-abrir span:before{ top: -6px; }
.menu-abrir span:after{ bottom: -6px; }

.menu-abrir span{ transition: transform 0.3s; }
.menu-abrir span:before{ transform-origin: top right; transition: transform 0.3s, width 0.3s, top 0.3s; }
.menu-abrir span:after{ transform-origin: bottom right; transition: transform 0.3s, width 0.3s, bottom 0.3s; }

.menu-abrir-ativo span{ transform: rotate(90deg); background: none !important; }
.menu-abrir-ativo span:before,
.menu-abrir-ativo span:after{ width: 68%; }
.menu-abrir-ativo span:before{ top: 0; transform: translateX(2px) translateY(1px) rotate(45deg); }
.menu-abrir-ativo span:after{ bottom: 0; transform: translateX(2px) translateY(-1px) rotate(-45deg); }

.menu-abrir-ativo{ opacity: 0.90; }
.menu-abrir-ativo span,
.menu-abrir-ativo span:before,
.menu-abrir-ativo span:after{ background: #fefefe; }

.menu{
	width: 100%;
	padding: 10px;
	background: #912a8c;
	}

.menu > ul > li{ display: block; }
.menu > ul > li > a{ color: #fefefe; font-size: 16px; text-transform: uppercase; display: block; padding: 20px 10px; }
.menu .ativo,
.menu > ul > li:hover > a{ background: #941219; }

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

.menu-ativo{
	display: block !important;
	}



/*====================================================================================*/
/* RESUMO ============================================================================*/
/*====================================================================================*/
.titulo-resumo{
	font-size: 16px;
	width: 100%;
	line-height: 22px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	}

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



/*====================================================================================*/
/* CONTEÚDO ==========================================================================*/
/*====================================================================================*/
#content-fixo,
#content{
	width: 100%;
	padding: 50px 15px;
	}

#content{
	position: relative;
	padding: 25px 15px;
	overflow: hidden;
	background: #eee;
	}

#content:after{
	position: absolute;
	z-index: 50;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	display: block;
	background: #eee;
	}



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

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



/* 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%; }



/* Veja mais =========*/
/*====================*/
.veja-mais{
	color: #333;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	margin: 20px 0 0 0;
	padding: 20px;
	background: #ddd;
	}

.veja-mais:hover{
	color: #ddd;
	background: #333;
	}



/* Contato ===========*/
/*====================*/
.home-contato{
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #eee;
	}

.home-contato .info{
	padding: 0 15px;
	}



/*====================================================================================*/
/* MENU FOOTER =======================================================================*/
/*====================================================================================*/
.menu-footer{
	width: 100%;
	padding: 20px;
	background: #912a8c;
	text-align: center;
	}

.menu-footer > ul > li{ display: inline-block; }
.menu-footer > ul > li > a{ color: #fefefe; font-size: 16px; text-transform: uppercase; display: block; padding: 20px 15px; }
.menu-footer .ativo,
.menu-footer > ul > li:hover > a{ background: #941219; }

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



/*====================================================================================*/
/* FOOTER ============================================================================*/
/*====================================================================================*/
#footer{
	width: 100%;
	padding: 50px 0;
	text-align: center;
	background: 
	}

#footer .veja-mais{ margin: 0; }
#footer .direitos{ margin: 15px 0 0 0; }



/*====================================================================================*/
/* List de publicações 3.5 ===========================================================*/
/*====================================================================================*/
.publicacao-list li a .data,
.publicacao-list li a .descricao{ font-size: 16px !important; }
.publicacao-list li a .titulo{ font-size: 20px !important; font-weight: normal; }

.conteudo-diverso .iframe{ max-width: 700px !important; margin: 0 auto; }

#owl-demo .owl-item div{ max-width: 960px; margin: 0 auto; padding: 0 5px; }
#owl-demo .owl-item img{ width: 100%; height: auto; display: block; }
.owl-carousel{ position: relative; width: 100%; display: none; }
.owl-theme .owl-controls .owl-page span{ width: 12px !important; height: 12x !important; opacity: 1 !important; background: #ddd !important; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{ background: #912a8c !important; }




/*====================================================================================*/
/* MOBILE ============================================================================*/
/*====================================================================================*/
@media handheld, screen and (max-width: 480px){

	#topo{ text-align: center; }
	.conteudo-diverso .iframe{ max-width: 100% !important; }

}