/*
Theme Name: Madeleine
Theme URI: https://saudevidaefelicidade.com.br
Description: Saúde, Vida & Felicidade
Author: Mauricio Zaha
Version: 0.7
Text Domain: madeleine
*/

*{
	padding:0;
	margin:0;
	border:none;
	box-sizing:border-box;
	font-family:"Cairo", sans-serif;
}

img{
	border:none;
	max-width:100%;
}


.shadow{
	box-shadow:0 0 50px #ccc !important;
}

.maximo{
	max-width:1950px;
	margin:0 auto;
}

.bg-top{
	width:100%;
	height:100vh;
	background:url('assets/image/banner.jpeg')no-repeat top left;
	background-size:cover;
}

/*

MENU

*/

.caixa{
	width:100%;
	padding:0 3% !important;
	max-width:1950px;
	height:auto !important;
}

.logo{
	font-size:0;
	float:left;
	height:70px;
	width:250px;
	background:url(assets/image/logotipo.png)no-repeat;
	margin-top:8px;
	background-size:contain;
}

.btn-mostra-menu{
	float:right;
	width:40px;
	height:40px;
	border-radius:40px;
	font-size:33px;
	text-align:center;
	line-height: 40px;
	color:#fff;
	background:linear-gradient(to right, #0A3858, #0A3857);
	cursor:pointer;
	margin-top:0.6em;
	display:block;
	margin: 3%;
}

.nav-top{
	position:absolute !important;
	width:100%;
	height:100% !important;
	background-color:rgba(0,0,0,0.9);
	top:0;
	left:0;
	align-items:center !important;
	text-align:center;
	font-family:"Cairo", sans-serif;
	font-size:16px;
	z-index:1000;
}

.nav-top ul{
	list-style:none;
}

.nav-top ul li{
	padding:10px 0 !important;
}

.nav-top ul li a{
	text-decoration:none;
	color:#0A3858 !important;

}


header{
	display:block;
	height:5.5em;
	z-index:1000 !important;
	line-height:5.5em; 
}


.fixo{
	position:fixed;
	width:100vw !important;
	background:rgba(255,255,255,0.9);
	line-height:50px;
	box-shadow:0 1px 30px #555 !important;
	top:0;
	left:0;

	.btn-mostra-menu{
		margin-top:20px;
	}

    h1.logo {
		margin-top:8px !important;
	}
}


.link-do-slider{
	color:#fff !important;
	text-decoration: underline !important;
}

/*

	FIM MENU

*/


#chamada{
	animation:moveToRight 0.5s ease-in-out;
	color:#fff;
	margin-top:68px;
	text-shadow:3px 3px 10px #000 !important;
	font-size:50px !important;
}

@keyframes moveToRight {
	from {
		transform: translateX(-2500px);
	}
	to {
		transform:translateX(center);
	}
}

.artigo{
	animation:moveToUp 0.7s ease-in-out;
}

@keyframes moveToUp {
	from {
		transform: translateY(6000px);
	}
	to {
		transform: translateY(0);
	}
}

@keyframes moveToBottom {
	from {
		transform: translateY(-15000px);
	}
	to {
		transform: translateY(0);
	}
}

.marcadagua{
	animation:moveToBottom 1.2s ease-in-out;
}


@keyframes moveToLeft {
	from {
		transform: translateX(25000px);
	}

	to {
		transform: translateX(0);
	}
}

.tarja > h3{
	animation:moveToLeft 1.4s ease-in-out;
}


.sobre-nos a{
	color:#F5C714;
}


/*

	BANNER

*/
.marcadagua{
	float:left;
}

/*.banner{
	width:100%;
	height:500px;
	clear:both !important;
	margin-bottom:2.5em;
	background:url(assets/image/banner.png) no-repeat;
	background-position:center;
	font-style:italic;
	background-size:cover;
	background-position:center;
	z-index:0 !important;
}*/

.max{
	max-width: 1300px;
	margin:0 auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	height:auto;
}

.max-footer{
	max-width: 1100px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}

.glass-footer{
	background:#ffffff70;
	backdrop-filter:blur(1px);
	padding:30px;
	min-height:350px;
	border:1px solid #ffffff;
	margin: 0 2% !important;
	padding-bottom:50px !important;
}

.texto-banner h2{
	font-family:'Lato', sans-serif;
	color:#fff;
	text-shadow:0 0 20px #0A3858;
	font-weight: 700;
}

.artigo{
	position:relative;
	max-width:260px;
	width:260px;
	float:left;
	border:1px solid #f5f5f5;
	border-radius:10px;
	padding:20px;
	margin-right:10px;
	box-shadow:0 0 10px #00000045;
	background:url('assets/image/fundo-aticle.jpg')center no-repeat;
	height:350px;
}

.artigo:last-child{
	margin-right:0;
}

.artigo > p{
	margin-top:10px;
}


.down{
	margin-top:50px;
}

.txt-artigo{
	font-family:'Cairo', sans-serf;
	font-size:18px;
	line-height:20px;
	color:#777;
	margin-top:-20px !important;
	display:block;
	max-height:300px;
	max-width:195px;
	width:195px !important;
	/*word-break:break-all;*/
	/*word-wrap:break-word;*/
    /*word-wrap: break-word;*/
    /*word-break: break-all !important;*/
    /*overflow-wrap: break-word;*/
	overflow: hidden;
}

.tarja{
	font-family:'Lato', sans-serif;
	color:#fff;
	background-color:#f8f8f8;
	height:auto !important;
	border-radius:10px 10px 0 0;
	padding:15px;
	margin:-20px -20px 20px -20px;
	margin-bottom:10px !important;
}


.tarja > h2{
	font-size:25px !important;
	line-height: 25px !important;
	font-weight: bold;
	color:#970198 !important;
}

.secao{
	display:block !important;
	clear:both !important;
	width:100% !important;
	height:auto !important;
	background:url(assets/image/fundo_texto.png) center no-repeat;
	background-size:cover;
}

.sub-top{
	max-width:1080px;
	margin:0 auto;
	padding-top:150px;
	font-family:'Lato', sans-serif;
	font-size:20px;
	line-height:30px;
	color:#555;
	background:#0A3858 !important;
	padding:50px;
	color:#fff;
	position:relative;
	border-radius:30px 30px 0 0 !important;
}

.qs_img{
	float:left;
	height:150px;
}

.nossos-numeros{
	max-width:1024px;
	margin:0 auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	margin-top:20px;
	margin-bottom:20px;
}

.rounded{
	width:200px;
	height:200px;
	border-radius:100px;
	box-shadow: 0 0 20px #ddd;
	padding-bottom:10px;
	overflow:hidden;
	margin-bottom:7px !important;
}

.rounded > img{
	height:200px;
	width:200px;
}

footer{
	font-family:'Cairo', sans-serif;
	width:100% !important;
	min-height:490px;
	background:url(assets/image/rodape.jpg)repeat;
}


.pc{
	height:180px;
	width:100%;
	background:#f0f0f0;
}

.social-icons{
	height:30px;
	width:auto;
	margin:0 auto !important;
}

.social-icons a{
	color:#fff;
	padding:10px;
	font-size:20px;
}


.links-footer{
	height:250px;
	float:left !important;
	padding-left:50px;
}

.links-footer ul li{
	display:block;
	margin-bottom:10px;
}

.links-footer ul li a{
	color:#fff;
	text-decoration: none;
	font-family:'Lato', sans-serif;
	font-size:15px;
}

.social-icons{
	padding:50px;
}

#my-map{
	width:230px !important;
	height:250px !important;
	margin:0 auto;
}

.addr{
	width:230px;
	height:200px;
	text-align:center;
	color:#fff;
	font-family:'Lato', sans-serif;
}

.machinery{
	height:250px;
	text-align:center;
}

.lightblue {
	/*background:#96D8DE !important;*/
	background:#f8f8f8 !important;
}

.lightblue > div > h2{
	color:#96D8DE;
}

.btn-back{
	 position:absolute;
	 font-size:15px;
	 color:#fff;
	 background:#229A9D !important;
	 top:330px;
	 left:80px;
}

.tags_titulo{
	clear:both;
	height:auto;
	margin:0 auto;
	color:#970198 !important;
	padding:20px;
	font-size: 2.5em !important;
	font-weight: bold;
	text-shadow: 2px 2px #333;
}


/*
Separador do display:flex
*/

.titulo_box{
	display:block !important;
	clear:both !important;
	margin:0 auto;
	height:80px !important;
	width:100vw;
}



.separator{
	position:relative;
	display:block !important;
	clear:both !important;
	width:100vw !important;
	margin-top:50px;
}


/*  -- Single.php -- */
.site-content{
	clear:both;
	width:80%;
	margin:50px auto;
	padding:20px;
	background:#f0f0f0;
}

.btn-home{
	outline:none;
	border:none;
	padding:10px;
	background:#229A9D;
	color:#fff;
	border-radius:10px;
	margin:50px auto;
}


@media screen and (min-width:320px){
	#navegacao{display:none;}
	.down{margin-top:0}
	.max{text-align:center;justify-content:center;}
	.artigo{margin-top:15px}
	.secao{height:800px}
/*	.fixo{margin-top:-2.5em !important;}*/
	/*.banner{
		height:380px;
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position: top center;
	}*/
	.addr{
		margin:80px auto;
	}
	.links-footer{
		text-align:center !important;
		margin-left:-30px;
	}



	.artigo{
		clear:both;
		margin-bottom:50px;
		margin-top:70px;
	}

	#chamada{
		margin-top:110px !important;
		clear:both !important;
	}

	#sobre {
		margin-top:50px !important;
	}

	.top-back-sm{
		background-color:#1DAEBB;
	}

	.gallery{
		text-align:center;
		margin-top:120px;
	}

	.rounded{
		margin:0 auto;
	}

	.pc{
		clear:both !important;
		height:310px !important;
	}

	.tags_titulo{
		font-size:18px;
	}

}

@media screen and (min-width:400px) {

	.artigo{
		clear:both;
		margin-bottom:50px;
	}

	#chamada{
		margin-top:110px !important;
	}

	.top-back-sm{
		background-color:#1DAEBB;
	}

	.tags_titulo{
		font-size:18px;
	}

	#navegacao{display:none;}


}

@media screen and (min-width:480px){
	/*.banner{
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position: top center;
		height:400px;
	}*/

	.qs_img{
		float:left;
		height:200px;
	}

	.nossos-numeros{
		margin-bottom:20px;
		margin-top:20px;
	}

	.secao{
		height:580px;
		background:#f0f0f0;
		margin-top:80px;
		margin-bottom:60px;
	}

	.sub-top{
		padding-top:80px;
	}

/*	.fixo {
		margin-top:-2.5em !important;
	}
*/
	.vis-1024{
		display:none !important;
	}


	.artigo{
		clear:both !important;
		margin-bottom:50px;
	}

	#chamada{
		margin-top:120px !important;
	}

	#sobre {
		margin-top:-120px !important;
	}
	.top-back-sm{
		background-color:#1DAEBB;
	}

	.sub-top{
		margin-top:200px !important;
	}

	.pc{
		clear:both !important;
		height:250px !important;
	}

	#navegacao{display:none;}
}

@media screen and (min-width:600px){
	/*.banner{
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top center;
		height:400px;
	}*/
	.qs_img{
		float:left;
		height:300px;
	}

	.nossos-numeros{
		margin-top:50px;
	}

	.secao{
		width:100%;
		height:800px;
		padding-top:50px;
		background:url(assets/image/faixa.jpg) center no-repeat;
		background-size:cover;
	}


	#sobre{
		margin-top:0 !important;
	}

	#chamada{
		margin-top:180px !important;
	}

	.top-back-sm{
		background-color:#1DAEBB;
	}

	.sub-top{
		margin-top:-50px !important;
	}

#navegacao{display:none;}
}

@media screen and (min-width:760px){
/*	.banner{
		height:460px;
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top center;
	}*/

	.addr{
		margin:0 auto;
	}

	.links-footer{
		text-align:center !important;
	}


	#sobre{
		margin-top:-350px !important;
	}

	.top-back-sm{
		background-color:#1DAEBB;
	}

	.sub-top{
		margin-top:320px !important;
	}

	.tarjados{
		margin-top:300px !important;
	}

	#navegacao{display:none;}

}

@media screen and (min-width:780px){


	.links-footer{
		text-align:left !important;
	}

	#navegacao{display:none;}

}

@media screen and (min-width:800px){
/*	.banner{
		height:495px;
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top center;
	}*/

	.top-back-sm{
		background-color:#1DAEBB;
	}

	.links-footer{
		text-align:left !important;
	}

	.pc{
		clear:both !important;
		height:180px !important;
	}

	#navegacao{display:none;}
}


@media screen and (min-width:900px){
/*	.banner{
		height:400px;
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top center;
	}*/

	.top-back-sm{
		background-color:#1DAEBB;
	}

	#navegacao{display:none;}
}


@media screen and (min-width:980px) {
/*	.banner{
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top center;
		height:350px;
	}*/
	.qs_img{
		float:left;
		height:300px;
	}

	.nossos-numeros{
		margin-bottom:50px;
		margin-top:50px;
	}

	.top-back-sm{
		background-color:#1DAEBB;
	}

	#navegacao{display:none !important;}

}


@media screen and (min-width: 1024px) {


	#navegacao{display:block !important;}

/*	.banner{
		background:url('assets/image/banner.png');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top center;
		width:100%;
		height:320px;
		
	}*/


	.btn-mostra-menu {
		display:none;
	}

	.logo{
		position:relative;
		float:left;
	}

	.nav-top{
		position:relative !important;
		display:block !important;
		color:#e24c69;
		background-color:transparent !important;
	}


	.nav-top ul {
		float:right;
	}

	.nav-top ul li{
		display:inline-block !important;
		padding:center 10px !important;
		border:none;
		margin-top:0;
		line-height:50px;
	}

	.nav-top ul li:last-child{
		padding:0 4.5em 0 0;
	}

	.nav-top ul li.fechar_menu{
		display:none !important;
	}



	.nav-top ul li a{
		color:#e24c69;
	}

	.qs_img{
		float:left;
		height:500px;
	}

	.sub-top-txt{
		margin-top:100px;
	}

	.nossos-numeros{
		margin-bottom:100px;
		margin-top:90px;
	}

	#chamada{
		font-size:25px;
		margin-top:80px !important;
	}

	.fechar_menu{
		display:none;
	}
}


@media screen and (min-width:1200px) 
{

	.qs_img{
		float:left;
		height:600px;
	}

	.sub-top-txt{
		margin-top:80px;
	}

	.nossos-numeros{
		margin-bottom:120px;
		margin-top:120px;
	}

	.secao{
		height:800px;
	}

/*	.banner{
		background:url(assets/image/banner.png) no-repeat;
		background-size:contain;
		width:100%;
		height:380px;
	}*/

	#chamada{
		font-size:30px;
		margin-top:90px !important;
	}

	.sub-top{
		margin-top:230px !important;
	}

	.down{
		margin-top:100px;
	}

	#navegacao{display:block !important;}

}

@media screen and (min-width:1300px)
{
/*	.banner{
		background:url(assets/image/banner.png) no-repeat;
		background-size:contain;
		width:100%;
		height:399px;
	}*/

	#navegacao{display:block !important;}
}

@media screen and (min-width:1420px){
/*	.banner{
		background:url(assets/image/banner.png) no-repeat;
		background-size:contain;
		width:100%;
		height:500px;
		padding-top:100px;
	}*/

	#chamada{
		font-size:30px;
		margin-top:0 !important;
	}

	#navegacao{display:block !important;}
}

@media screen and (min-width:1600px) {
/*	.banner{
		background:url(assets/image/banner.png) no-repeat;
		background-size:contain;
		width:100%;
		height:500px;
		padding-top:100px;
	}*/

	#chamada{
		font-size:30px;
		margin-top:50px !important;
	}

	.sub-top{
		margin-top:280px !important;
	}

	#navegacao{display:block !important;}
}

@media screen and (max-width:1023px){


	.nav-top{
		display:none;
		padding-top:100px;
		position:absolute !important;
		width:100vw;
		height:100vh !important;
		background-color:rgba(0,0,0,0.8);
		top:-10px !important;
		left:-10px !important;
		align-items:center !important;
		text-align:center;
		font-family:'Cairo', sans-serif;
		font-size:18px;
		font-weight:700;
	}
	.nav-top ul{
		list-style:none;
	}

	.nav-top ul li{
		display:block;
		height:50px;
		margin-top:10px;
		vertical-align: center;
	}
	.nav-top ul li a{
		display:block;
		color:#fff !important;
		margin:0 auto;
		height:50px !important;
		width:200px;
		line-height:50px;
		border-radius:4px;
		background-color:#91B02F;
		vertical-align: center;
	}

	.nav-top ul li a:hover{
		background-color:#22999D;
	}

	.btn-mostra-menu{
		display:block;
	}

	/*
	.nav-top ul li a:hover{
		animation:menuAnimation 0.5s ease;
	}*/

	.fechar_menu{
		display:block;
	}

}


.produtos-infoprodutos{
	position:relative;
	clear:both !important;
	margin-top:100px !important;
}


.rugas{
	position:relative;
	clear:both !important;
	margin-top:50px !important;
}



/*@keyframes menuAnimation {
	from {
		width:210px;
		background:linear-gradient(to right, #0A3858, #0A3858);
	}
	to {
		width:200px;
		background:linear-gradient(to right, #0A3858, #FFF);
	}
}*/