@charset "UTF-8";

/* CSS Padrão DP Marmeleiro - Jhon Macedo */

/*CSS geral do menu*/


@media screen and (min-width: 600px) {
  .whats {
    display:none;
  }

}
  


.mynav li {
	margin:0px 15px 0px 15px;
	font-size:18px;
	font-family:arvo;
	color:#007bff;
}

.cool-link::after {
	content:'';
	display:block;
	width:0;
	height: 3px;
	background: #5cb85c;
	transition: width .3s;
	}

.cool-link:hover::after {
	width: 110%;
	transition: width .3s;
	}

bg-white {
	background-color:#fff;
}	


/* CSS elementos avulsos do menu */

@media screen and (min-width: 600px) {
	div.call{
	  display:none;
	}
  
  }

.call {
	min-width:100%;
	margin:0 auto 0 auto;
	background-color: #5cb85c;
	min-height:60px;
	position: -webkit-sticky;
    position: sticky;
    top: 0px;
}
/*logotipo*/

@media screen and (max-width: 600px) {
  .desktop {
    display: none;
  }

}

@media screen and (min-width: 600px) {
  .celular {
    display: none;
  }

}

/*CSS barra de contato*/

@media screen and (max-width: 600px) {
  div.barradecontato {
    display: none;
  }

}

.contato {
	color: #fff; font-size: 20px; font-family: 
arial; margin: 15px 0 0 0;

}

.botao {
	position: relative; right: 14px;
	
}

.but:link {

text-decoration: none;


}
.but1:link {

text-decoration: none;


}

.but1{
	-webkit-filter:grayscale(100%);
}

.but1:hover {
	-webkit-filter:grayscale(0%);
    transition: 1s;
}

#tel {
	margin-left: 23px;
	
}


/*CSS article*/

@media screen and (max-width: 600px) {
  .principal {
    display: none;
  }

}

.mySlides {
	display:none;
	
}

.principal {
	padding:20px;
	
}

.box {
	display: flex;
	max-width:1280px;
	padding: 10px;
}

.materiais {
	max-width:250px;
	
}

.materiais p {
 font-family:Trebuchet MS;	
	
}

.linha {
	max-width:220px;
}

.titulosart {
	text-align:center;
	font-size:30px;
	
	
}



/*CSS article mob*/

.paramob {
	margin: 5px 0px 5px 0px;
}

@media screen and (min-width: 600px) {
  .principalmob {
    display: none;
  }

}

.mySlidesmob {
	display:none;
	
}

.principalmob {
	padding:0px;
	
}

.materiaismob {
	max-width:500px;
	margin: 15px auto 15px auto;
	
}

.materiaismob p {
	max-width:90%;
	text-align:center;
	
}

.linhamob{
	max-width:80%;
}

.boxmob{
	padding:0px;
}

/*CSS da section NOSSOS SERVIÇOS mobile*/

@media screen and (min-width: 600px) {
  .nossosserviços {
    display: none;
  }

}

.nossosserviços {
	padding:0px;
	background-image:url("../imagens/Article-principal/fundomob.png");
	background-color: #fff;
	background-position:center;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-attachment: fixed;
	max-width:100%;
	
}

.serviçosmob {
	min-height:50px;
    background-color:#5cb85c;
	min-width:100%;
	padding:12px 0px 0px 0px;
	margin:0px;
}

.serviçosmob p {
	margin: 0 auto 0 auto;
	color: #fff;
	font-family: fantasy;
	font-size:20px;
	
	}
	
.serviçosmob2 {
	min-height:40px;
	padding:12px 0px 0px 0px;
	margin:10px;
}

.serviçosmob2 p {
	margin: 0 auto 0 auto;
	color: #fff;
	font-family: arial;
	font-size:18px;
	font-weight:bold;
	
	}
	
.textosserviços p {
	max-width:536px;
	text-align:left;
	font-family:Trebuchet MS;
	margin:5px 2px;
	color:#fff;
	
}

.serviçosmob3 {
	padding:0px;
	margin:0px;
}


/*CSS da section NOSSOS SERVIÇOS desktop*/

@media screen and (max-width: 600px) {
  .nossosserviçosdesk {
    display: none;
  }

}

.nossosserviçosdesk {
	background-image:url("../imagens/Article-principal/fundo.png");
	background-color: #000;
	background-position:center;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-attachment: fixed;
	width:100% !important;
}

.serviços {
	min-height:50px;
    background-color:#5cb85c;
	min-width:100%;
	padding:3px 0px 0px 0px;
	margin:0px;
}

.serviços p {
	margin: 0 auto 0 auto;
	color: #fff;
	font-family: fantasy;
	font-size:28px;
}

.serviços2 {
	min-height:40px;
	padding:12px 0px 0px 0px;
	margin:10px;
	max-width:100%;
	
}

.serviços2 p {
	margin: 0 auto 0 auto;
	color: #fff;
	font-family: Trebuchet MS;
	font-size:26px;
	
	}
	
.textosserviçosdesk {
  color:#fff;
  margin: 10px;
  float:left;
  max-width: 450px;
  text-align:justify;
  font-family:Trebuchet MS;
  font-size:19px;
}

.imgdesk {
	margin: 10px;
	float:right;
}

.lote1 {
	
	max-width:100%;
	padding: 10px;
	box-shadow:2px 2px 8px #000;
}

.divdobotão {
	max-width: 450px;
}

.buserv1 {
	background-color:#5cb85c;
	border:0px;
	box-shadow: 2px 2px 5px #000;
	padding:15px;
	border-radius:15px;
	color:#fff;
	font-family:Avantgarde;
	font-size:20px;
	margin:8px;
}

.buserv1:hover {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*CSS do asside BLOG*/


.boxblog2 a:link {
	text-decoration:none;
}

.boxblog2 a:hover {
	color:#343434;
}

.blog {
	margin:0px 0px 0px 0px;
}


.blog2 {
	text-align:center;
	font-family:Trebuchet MS;
	font-size:35px;
}

.boxblog {
	display:flex;
	max-width:1290px;
	padding: 20px;
}

.boxblog2 {
	max-width:420px;
	margin: 0 auto 0 auto;
	padding:5px;
}

.boxblog2 p {
	max-width:350px;
	text-align: justify;
}

/*CSS FALE CONOSCO*/

.fale {
	min-width:100%;
	margin:0px;
}

.falando {
	padding:0px;
	margin:0px;
	min-width:100%;
}

.agende {
	max-width:500px;
	box-shadow:2px 2px 2px #000; 
	background-color:#5cb85c;
	padding:8px;
	margin:25px;
}

.agendetite {
	margin:0px;
	color:#FFF;
	background-color:#4682B4;
	min-width:100%;
	padding:5px;
	font-size:23px;
	border-radius:4px;
}

.formbut {
	background-color:#4682B4;
	color:#fff;
	margin:10px;
}

.agende input,select {
	border-radius:1px;
	border: none;
	height:30px;
	min-width:78%;
	text-align:center;
}

.agende textarea {
	border: none;
	min-width:78%;
}

.agende label {
	font-family:Trebuchet MS;
	font-size:17px;
	margin:3px;
}

.separa {
	background-color:#000;
	height:1px;
	min-width:100%;
}

.boxcontato {
	background-image:url("../imagens/Article-principal/fundo.png");
	background-color: #fff;
	background-position:center;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-attachment: fixed;
	max-width:100%;
	
}

.boxcontato input, textarea, select {
    border-radius:4px;
}

/*CSS DO FOOTER*/

footer {
	padding:30px;
	font-family:Trebuchet MS;
}

.footertext {
	text-align:center;
	padding: 20px 0px 0px 0px;
}




/* CSS PÁGINA 2 - BLOG */

.postmmob {
	margin:20px 20px 20px 20px;
	background-color:#F8F8FF;
	Padding:10PX;
}

@media screen and (max-width: 600px) {
  .blogdesk {
    display: none;
  }

}

@media screen and (min-width: 600px) {
.mobileblog {
    display: none;
  }

}

@media screen and (min-width: 600px) {
  .blogmob {
    display: none;
  }

}

.lidas {
	font-size:22px;
	font-family:Trebuchet MS;
	margin:5px 10px 5px 10px;
	text-align:left;
}

.lidas:hover {
	color:#2F4F4F;
}

.content {
	margin:20px 0px 0px 0px;
	background-color:	#F8F8FF;
	font-family:Trebuchet Ms;
}

.promotion {
	margin:20px 0px 0px 0px;
	padding:0px;
	background-color:	#F8F8FF;
	border-left:15px solid white;
	
}


.promotion p {
	font-family:Trebuchet MS;


}

.lat {
	min-height:30px;
	margin:0px 0px 5px 0px;
	background-color:#5cb85c;
	font-size:21px;
	color:#fff;

}


.blog-but {
	color:#000;
	text-align: center;
	max-width:150px;
	font-size:20px;
	float:right;
	
	
}

.content a:link {
	text-decoration:none;
}

.contentmob a:link {
	text-decoration:none;
}

.contentmob a:hover {
	color:#808080;
}

.content a:hover {
	color:	#808080;
}

.promotion a:link {
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	font-family:Trebuchet MS;
	margin:0px;
}

.promotion a:hover {
	color:blue;
}

.parceiros {
	max-width:1000px;
	margin:20px 0px 0px 0px;
}

.parceiros img {
    margin:15px;	
}

.parc {
	min-height:550px;
}

/*CSS SOBRE DESKTOP */

.insti {
	font-family: Trebuchet MS;
	font-size:16px;
	
}

.margi { 
	padding:20px 20px 0px 20px;
}

.margin {
	padding: 0px 0px 0px 20px;
}

.margina {
	padding: 0px 20px 0px 0px;
}

.marginan {
	padding: 0px 20px 20px 20px;
}

.sobreti {
	font-family: Trebuchet MS;
	font-size:20px;
	font-weight:bold;
}

/*CSS DA PÁGINA DE CONTATO*/

.contato {
	margin: 20px 0px 0px 0px;
	min-width:100%;
	
}

.contato h1,form,p {
     color:#000;	
}

.arrumando {
	display:flex;
}

.formulario {
	margin: 0px 0px 20px 0px;
}

.arrumando img {
	margin:20px 5px 20px 5px;
}

.arrumando p {
	margin:29px 5px 20px 5px;
}


.menor {
	max-width:85%;
}

.menormob {
	width:95%;
}
 
.formulario {
     text-align:left;
}

@media screen and (max-width: 600px) {
  .contato {
    display:none;
  }

}

@media screen and (min-width: 600px) {
  .contatomob {
    display:none;
  }

}

@media screen and (max-width: 600px) {
  .comerdesk {
    display:none;
  }

}

@media screen and (min-width: 600px) {
  .comermob {
    display:none;
  }

}

@media screen and (max-width: 600px) {
  .formulario {
    border:1px solid #000;
	padding:10px;
	box-shadow:1px 1px 2px #000;
  }

}


.latin {
	border-top:15px solid #fff;
	border-bottom:15px solid #fff;
	min-width:100%;
	margin:0px;
background-color:	#F8F8FF;
}

.nopadding {
   padding: 0 !important;
} 

.textoblog {
	font-family:arvo;
	font-size:20px;
	margin:20px;
}



.contentmat {
	margin:10px 0px 0px 0px;
	background-color:	#FFF;
	font-family:Trebuchet Ms;
}

.latinin {
	border-bottom:15px solid #fff;
	min-width:100%;
	margin:0px;
	background-color:	#F8F8FF;
	

}

.latinin form {
	margin:20px;
	
	
}

.latinfim {
	border-top:15px solid #fff;
	min-width:100%;
	margin:0px;

}

.promotion1 {
	margin:20px 0px 0px 0px;
	padding:0px;
	background-color:	#FfF;
	border-left:15px solid white;
	
}


.promotion1 p {
	font-family:Trebuchet MS;


}

.promotion1 a:link {
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	font-family:Trebuchet MS;
	margin:0px;
}

.promotion1 a:hover {
	color:blue;
}

.promotion12 {
	margin:20px 0px 0px 0px;
	padding:0px;
	background-color:	#FfF;
	
}


.promotion12 p {
	font-family:Trebuchet MS;


}

.promotion12 a:link {
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	font-family:Trebuchet MS;
	margin:0px;
}

.promotion12 a:hover {
	color:blue;
}

.botaoseta:hover {
	color:#fff;
	opacity:0.8;
}


.falando a:link {
	text-decoration:none;

}

.falando a:hover {
	color:none;
}

body {
	margin:0px !important;
	padding:0px !important;
}

/* Animação */
 
[data-anime] {
  opacity: 0;
  transition: .3s;
}
 
[data-anime="left"] {
  transform: translate3d(-50px, 0, 0);
}
 
[data-anime="right"] {
  transform: translate3d(50px, 0, 0);
}
 
[data-anime="top"] {
  transform: translate3d(0, -50px, 0);
}
 
[data-anime].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.celular {
	max-width:200px;
	max-height:70px;
	
}

.footertext img {
	max-width: 50%;
}