/*
 Theme Name:   jpmwagencia
 Theme URI:    http://www.jpmwagencia.com
 Description:  Theme of JPMW Agencia
 Author:       jpmwagencia Josue
 Author URI:   http://www.jpmwagencia.com
 Template:     oceanwp
 Version:      4.3.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Criação de sites, Agencia, responsive-layout, jpmwagencia, jpmw 
 Text Domain:  jpmwagencia
*/





/* testes */
/* icones e before*/

.local-link::before {
    content: url('../../media/examples/firefox-logo.svg');
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}


.ribbon {
  background-color: #5bc8f7;
}

.ribbon::before {
  content: "Look at this orange box.";
  background-color: #ffba10;
  border-color: black;
  border-style: dotted;
}




.bg-music{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}


.bg-music::before{content:"🎵 "}



.custom-timer{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}

.custom-timer::before{content:"⏲️ "}



/* BLOG FONTES */
/* TITULO DENTRO DA IMAGEM*/
.page-header-title{
    color: #050F26 !important;
    font-size:29px !important;

	font-family: Roboto, Montserrat, sans-serif !important;
    font-weight: 700 !important;
    padding: 0;
    margin: 0px 0px 0px 0px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase !important;	
}

/* TEXTO CAMINHO DENTRO DA IMAGEM */
.background-image-page-header .site-breadcrumbs a {	
	color: rgba(71,85,105) !important;
	font-weight: 700;
}

/* SEPARADOR TEXTO CAMINHO DENTRO DA IMAGEM  */
.trail-item{
    color: #EDD434 !important;
	
}


/* INSERIR IMAGEM DE FUNDO NO BLOG  */
/* SOPREPOSIÇÃO DE FUNDO DENTRO DA IMAGEM  
.background-image-page-header-overlay {
	
	opacity: 0.9 !important;

    background: url('https://jpmwagencia.com/wp-content/uploads/2020/02/desempenho-site-wordpress.jpg') no-repeat scroll bottom;
	
	
}
	
*/	



/* INSERIR EFEITO DE FUNDO NO BLOG  */
/* SOPREPOSIÇÃO DE FUNDO DENTRO DA IMAGEM  */
.background-image-page-header-overlay {
	
 opacity: 1 !important;  
	
 background-color: #F3F5F9 !important;
 background-image:radial-gradient(at 26% 83%,hsla(52.138,94%,70%,1) 0px,transparent 25%),radial-gradient(at 83% 26%,hsla(52.138,94%,70%,1) 0px,transparent 25%);
 animation:gradientblog 3s ease infinite;
 background-size:150% 150%
			 
}
	
	
@keyframes gradientblog {
 0% {
  background-position:0 20%
 }
 25% {
  background-position:100% 50%
 }
 50% {
  background-position:50% 70%
 }
 100% {
  background-position:0 20%
 }
}



/* BLOG - Borda erredondada das imagens dos posts */
.single-post.content-max-width figure img {
  border-radius: 9px;
}

/* BLOG - transparência imagens dos posts na sugestão de posts */
.elementor-451 .elementor-element.elementor-element-28eb0b8 .eael-timeline-post-image {
  opacity: 1 !important;
}






/* Typography CSS Fontes */
body{
	font-family: Roboto, Poppins, Montserrat, sans-serif !important;
	font-size:16px;
    line-height: 1.8;
    color: #050F26;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
    word-wrap: break-word;

}

/* TITULO TEXTO H1 BLOG */ 
.single .entry-title {
	font-size: 46px !important;
	font-family: Poppins, Montserrat, Roboto, Open Sans, sans-serif !important;
	font-weight: 700 !important;
    margin: 0 0 20px;
    color: #050F26;
	line-height: 1.4;	
    padding: 0 0 20px;
    margin: 0 0 15px;
    border-bottom: 1px solid #EFDE6C !important;
    letter-spacing: 0.6px;
}

/* TITULO TEXTO H2 BLOG */ 
.single-post.content-max-width .entry-content h2{
    font-size:28px !important;
	font-family: Poppins, Montserrat, Roboto, Open Sans, sans-serif !important;
	font-weight: 900 !important;
    margin: 0 0 20px;
    color: #050F26;
	line-height: 1.4;	 
}

/* TITULO TEXTO H3 BLOG */ 
.single-post.content-max-width .entry-content h3{
    font-size:24px !important;
	font-family: Poppins, Montserrat, Roboto, Open Sans, sans-serif !important;
	font-weight: 700 !important;
    margin: 0 0 20px;
    color: #050F26;
	line-height: 1.4;	 
}

/* TITULO TEXTO H4 BLOG */ 
.single-post.content-max-width .entry-content h4{
    font-size:20px !important;
	font-family: Poppins, Montserrat, Roboto, Open Sans, sans-serif !important;
	font-weight: 700 !important;
    margin: 0 0 20px;
    color: #050F26;
	line-height: 1.4;	 
}

/* TITULO TEXTO H5 BLOG */ 
.single-post.content-max-width .entry-content h5{
    font-size:19px !important;
	font-family: Poppins, Montserrat, Roboto, Open Sans, sans-serif !important;
	font-weight: 700 !important;
    margin: 0 0 20px;
    color: #050F26;
	line-height: 1.4;	 
}

/* TITULO TEXTO H6 BLOG */ 
.single-post.content-max-width .entry-content h6{
    font-size:18px !important;
	font-family: Poppins, Montserrat, Roboto, Open Sans, sans-serif !important;
	font-weight: 700 !important;
    margin: 0 0 20px;
    color: #050F26;
	line-height: 1.4;	 
}

/*---P PARÁGRAFO BLOG---*/
.single-post.content-max-width .entry-content p{

    font-size: 18px;
    font-style: normal;	
	font-family: Yantramanav, Roboto, Open Sans, sans-serif;
	color: #21304F;
}







	/*---RESPONSIVO BLOG---*/
	/* responsivo até Smartphone - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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


		
/* BLOG FONTES */
/* TITULO DENTRO DA IMAGEM*/
.page-header-title{
    font-size:19px !important;
}

/* TITULO TEXTO H1 BLOG */ 
.single .entry-title {
	font-size: 29px !important;

}
	

/* INSERIR EFEITO DE FUNDO NO BLOG  */
/* SOPREPOSIÇÃO DE FUNDO DENTRO DA IMAGEM  */
.background-image-page-header-overlay {
	
 opacity: 1 !important;  
	
 background-color: #F3F5F9 !important;
 background-image:radial-gradient(at 26% 83%,hsla(52.138,94%,70%,1) 0px,transparent 25%),radial-gradient(at 83% 26%,hsla(52.138,94%,70%,1) 0px,transparent 25%);
 animation:gradientblog 3s ease infinite;
 background-size:15% 15%
			 
}
	
	
@keyframes gradientblog {
 0% {
  background-position:0 20%
 }
 25% {
  background-position:100% 50%
 }
 50% {
  background-position:50% 70%
 }
 100% {
  background-position:0 20%
 }
}




	
	
	
	

}


	/*---RESPONSIVO BLOG---*/
/* responsivo Smartphone LANDSCAPE
- 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

@media screen and (min-width: 481px) and (max-width: 767px){


/* BLOG FONTES */
/* TITULO DENTRO DA IMAGEM*/
.page-header-title{
    font-size:19px !important;
}

		/* TITULO TEXTO H1 BLOG */ 
.single .entry-title {
	font-size: 29px !important;

}
	

}


	/*---RESPONSIVO BLOG---*/
/* responsivo até tablet - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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

/* BLOG FONTES */
/* TITULO DENTRO DA IMAGEM*/
.page-header-title{
    font-size:19px !important;
}
	
	
	
/* TITULO TEXTO H1 BLOG */ 
.single .entry-title {
	font-size: 29px !important;

}

	
	
	
}








	/*---LOGO---*/
#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{
    
	max-width: 170px !important;
    margin-left: -18px !important;
	margin-top: 20px !important;
	
}

/*----Menu-principal----*/
#site-header.transparent-header{
  
}



/* PLUGIN MENU - COLOCA COR DO SITE QUANDO O PLUGIN ATIVA - NOTEBOOK */
#mysticky-nav .myfixed {
    margin: 0 auto;
    float: none;
    border: 0px;
    max-width: 100%;

	background: linear-gradient(to right, rgba(5, 15, 38, 0.8), rgba(5, 15, 38, 0.6), rgba(5, 15, 38, 0.4), rgba(51, 75, 128, 0.4), rgba(51, 75, 128, 0.6), rgba(51, 75, 128, 0.8)) !important;
    background: -webkit-linear-gradient(to right, rgba(5, 15, 38, 0.8), rgba(5, 15, 38, 0.6), rgba(5, 15, 38, 0.4), rgba(51, 75, 128, 0.4), rgba(51, 75, 128, 0.6), rgba(51, 75, 128, 0.8)) !important;
    background: -moz-linear-gradient(to right, rgba(5, 15, 38, 0.8), rgba(5, 15, 38, 0.6), rgba(5, 15, 38, 0.4), rgba(51, 75, 128, 0.4), rgba(51, 75, 128, 0.6), rgba(51, 75, 128, 0.8)) !important;
    background: -ms-linear-gradient(to right, rgba(5, 15, 38, 0.8), rgba(5, 15, 38, 0.6), rgba(5, 15, 38, 0.4), rgba(51, 75, 128, 0.4), rgba(51, 75, 128, 0.6), rgba(51, 75, 128, 0.8)) !important;
    background: -o-linear-gradient(to right, rgba(5, 15, 38, 0.8), rgba(5, 15, 38, 0.6), rgba(5, 15, 38, 0.4), rgba(51, 75, 128, 0.4), rgba(51, 75, 128, 0.6), rgba(51, 75, 128, 0.8)) !important;


}



/*----Menu-principal-Submenu---*/
.sub-menu{

	background-color: rgba(237, 212, 52, 0.5) !important;	
    background: rgba(237, 212, 52, 0.5);



	border-color: #EDD434 !important;
	
}

/*----Footer-Menu-principal-Submenu-Linhas--*/
.widget_nav_menu li:first-child{
    border-top: 1px solid #D4C463 !important;
}
.widget_nav_menu li{
    padding: 6px 0;
    border-bottom: 1px solid #D4C463 !important;
}

/*----Menu-principal-MOBILE---*/
.sidr.left{
	background: linear-gradient(to right, #EFDE6C, #F2EDCB);	
}

/*----Menu-principal-Linha---*/
#site-header{
/*-	border-color: #D4C463 !important; */
}



/*----Menu-icon-MOBILE---*/
.oceanwp-mobile-menu-icon a{
	color: #EDD434 !important;
    font-size: 150% !important;
}

/*---texto-Menu-principal----*/
.text-wrap{

	font-size: 18px !important;
    color: #21304F !important;
    font-weight: 700 !important;
    margin: -10px -10px -10px -10px;	
	
}

/*---ESPAÇAMENTO-MENU-SUPERIOR--*/
#menu-menu-cabecalho{
	
	position: relative !important; 
    top: 20px !important; 
	left: 0px !important; 

}




/*---BOTÃO-ENTRE-EM-CONTATO-Menu-principal----CÓDIGO COM IMAGEM-
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-14{
	
	
    background: url('https://jpmwagencia.com/wp-content/uploads/2019/11/email-contato-jpmwagencia-com.png') no-repeat scroll bottom;
	
	
	
    text-align: center;
    vertical-align: middle !important;
	padding-top: -20px !important;
	border: solid 1px #EDD434;
	border-radius: 20px !important;

	font-size: 28px !important;
	
}
*/




/*---BOTÃO-ENTRE-EM-CONTATO-Menu-principal----IMAGEM FOI RETIRADA*/
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-14{
	
	
	
	
    text-align: center;
    vertical-align: middle !important;
	padding-top: -20px !important;
	border: solid 1px #EDD434;
	border-radius: 20px !important;

	font-size: 28px !important;
	
}

.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-14:hover{
	-webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;	
	
	
	
	
	
    text-align: center;
    vertical-align: middle !important;
	padding-top: -20px !important;
	border: solid 1px #EDD434;
	border-radius: 20px !important;

	font-size: 28px !important;
}
	
/*---lupa-de-pesquisa---*/
/*---icone-de-lupa---*/
.icon-magnifier{
/*-    color: #EDD434;
	font-size: 29px;
	 position: relative !important; 
	top: 15px !important; 
	font-weight: 700 !important; */
}

/*---box-externo---*/
#searchform-dropdown{

	position: fixed !important;
	top: 20% !important;
	right: 5% !important;
	
	background-color: transparent !important;
    border: solid 1px transparent !important;
	border-radius: 5px !important;
	 
}

/*---preenchimento-interno---*/
#searchform{
	font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #EDD434;
	border-radius: 5px !important;
}

/*---preenchimento-interno---*/
#s{
	font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #EDD434;
	border-radius: 5px !important;
}




/*--quadro-background-----*/
/*--quadro-azul-Grande-----*/
.frameblue{  
	background: #FAFAFA;
}

/*--quadro-background-----*/
/*--quadro-newsletter-----*/
.framenewsletter{  
	background: #a7b5d3;
}


/*--quadro azul-pequeno-----*/
.framebluepequeno{  
background: #FAFAFA;
}

/*--quadro-amarelo-grande----*/
.frameyello{  
    background: #FAFAFA;
}



/*--quadro-amarelo-pequeno----*/
.frameyellopequeno{   
	background: #FAFAFA;
}


/*--Box servicos---*/
/*--amarelo---*/
.boxyello{
	border: solid 1px #EDD434;
	border-radius: 20px !important;
}
/*---azul----*/
.boxblu{	
    border: solid 1px #6076A6;
	border-radius: 20px !important;
}	


/*-fundo-quadro-background-----*/
.fundo1-1{   
	background: #F3F5F9;
}
.fundo1-2{   
	background: #FAFAFA;
}

.fundo2-1{   
	background: #21304F;
}
.fundo2-2{   
	background: #334D80;
}

.fundo3-1{   
	background: #EDD434;
}




/*---ICONES-HOVER---*/
.imageicones:hover{
        -webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		 transform:scale(1.1);
	    animation: yourAnimationimageicones1 13s infinite 0s linear;
}

/*---texto-imaagem-orçamento----*/
#textorca1{
	font-size: 20px;
	font-weight: 500;
	color: #E8DFA5;
}

#textorca2{
    line-height: 1.3;
	font-size: 30px;
	font-weight: 700;
	color: #F2EDCB;
}

#textorca3{
	font-size: 20px;
	font-weight: 500;
	color: #E8DFA5;
}

#textorca4{
    font-size: 24px;
	font-weight: 500;
	color: #E8DFA5;
}

/*--Foumulário---*/
/*--orçamento---*/
#fld_6815108Label{
	font-weight: 500;
	color: #334B80;
}

#fld_6815108_1{
	text-transform: uppercase;
    font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;	
}

#fld_4233551Label{
	font-weight: 500;
	color: #334B80;
}

#fld_4233551_1{
    font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;
}

#fld_4802459Label{
	font-weight: 500;
	color: #334B80;
}

#fld_4802459_1{
    font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;
}

#fld_2521513Label{
	font-weight: 500;
	color: #334B80;
}

#fld_2521513_1{
    font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;
}

#fld_6715346Label{
	font-weight: 500;
	color: #334B80;
}

#fld_6715346_1{
    font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;
}

#fld_477656Label{
	font-weight: 500;
	color: #334B80;	
}

#fld_477656_1{
	font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;	
}	

#fld_4081390Label{
	font-weight: 500;
	color: #334B80;
}

#fld_4081390_1{
	font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;
}

/*--botão-Foumulário-orçamento--*/
#fld_8304897_1{	
    
	margin: 0% 0% 0% 0%;
	color: #F3F5F9;
    font-family: inherit;
	font-weight: 700;
    background: #334D80;
	border-radius: 35px !important;
}	

#fld_8304897_1:hover{	
	-webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;			
}	

/*--Msg-agredecimento-orçamento--*/
/*--fundo---*/
.alert.alert-success{
	background: transparent !important;
    border: solid 1px #6076A6 !important;
	border-radius: 20px !important;
}

/*--texto---*/
#textomsgorcam{
   color: #334B80;
   font-weight: 500;
}


/*--Foumulário---*/
/*--Newsletter---*/
#fld_6815108_2Label{
	font-weight: 500;
	color: #7D90BA;
}

#fld_6815108_2{
	text-transform: uppercase;
    font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;	
}

#fld_4233551_2Label{
    font-weight: 500;
	color: #7D90BA;
}

#fld_4233551_2{
	text-transform: uppercase;
    font-weight: 700;
	color: #21304F;
	background-color: #F3F5F9;
    border: solid 1px #334D80;
	border-radius: 5px !important;		
}	

/*--botão----*/
#fld_8304897_2{	

    position: relative; left: 40% !important;
	color: #F3F5F9;
    font-family: "Roboto", Sans-serif;	
	font-weight: 900;
    background: #334D80;
	border-radius: 35px !important;
}	

/*--Msg-agredecimento-orçamento--*/
/*--texto---*/
#textoformnews{
   color: #D4C463;
   font-weight: 500;
}


/*---BANNER-PÁGINAS----*/
/*---Paralass----*/
.banner-paginas{
	min-height: 100% !important;
	background-attachment: fixed;
}


/*---BANNER-PÁGINAS----*/
/*---SEM-Paralass----*/
.banner-paginas.beckup{
	min-height: 100% !important;
}

/*---BANNER-PÁGINAS----*/
/*-----bordas- desativdo*/
.banner-paginas1.beckup{
	min-height: 100% !important;
/*	border-bottom: solid 5px #D4C463; */
 
}




/*--BOTÃO-LATERAL-ROLAR-PÁGINA---*/
.scroll-top-right{
	background: rgba(5, 15, 38, 0.5) !important;
	color: #EFDE6C !important;
	border: solid 1px #EDD434;
	border-radius: 15px !important;
    right: 20px !important;
    bottom: 60px !important;
}

.scroll-top-right:hover{
	background: rgba(5, 15, 38, 0.9) !important;
	color: #EFDE6C !important;
	border: solid 1px #EDD434;
	border-radius: 15px !important;
}


/*--RODAPÉ-FOOTER--*/
/*--RODAPÉ---*/
#footer-widgets{
    background: linear-gradient(to right, #334B80, #21304F);
	background: -webkit-linear-gradient(to right, #334B80, #21304F);
	background: -moz-linear-gradient(to right, #334B80, #21304F);
	background: -ms-linear-gradient(to right, #334B80, #21304F);
	background: -o-linear-gradient(to right, #334B80, #21304F);
	
    padding: 30px 0;
    margin: 0;
}

/*--RODAPÉ-INFERIOR--*/
#footer-bottom{
	background: linear-gradient(to right, #050F26, #21304F);
    background: -webkit-linear-gradient(to right, #050F26, #21304F);
    background: -moz-linear-gradient(to right, #050F26, #21304F);
    background: -ms-linear-gradient(to right, #050F26, #21304F);
    background: -o-linear-gradient(to right, #050F26, #21304F);
    
	padding: 15px 0;
    font-size: 12px;
    line-height: 1;
	
}



/*--BOTÕES-RODAPÉ-FOOTER--*/
/*--TODOS-RODAPÉ---*/
.rodapetitulodiv {
    margin-bottom: 14px !important;
    margin-left: 0px !important;
    padding-bottom: 0px;
    padding-top: 1px;
}

.rodapediv {
    background: transparent;
    border-radius: 6px;
    padding: 1px 0px 1px 10px;
    text-align: left !important;
    border: solid 1px transparent;
    margin-bottom: 4px;
}

.rodapediv:hover {
        -webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		 transform:scale(1.1);
}

/*
.rodapetituloh4 {
    color: #BFA600 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 0.0 !important;
    margin: 0 0 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;

}

.rodapeh4 {
    color: #F3F5F9 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 0.0;
    margin: 0 0 0 !important;
    margin-left: 0px;
    display: inline-block;
    margin-left: 3px !important;
}

.rodapetituloh6 {
    color: #BFA600!important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 0.0;
    margin: 0 0 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.rodapelink {
    color: #FAE769 !important;
    font-size: 15px !important;
}

*/

.rodapetituloh4 {
    color: #FAE769 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 0.0 !important;
    margin: 0 0 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;

}

.rodapeh4 {
    color: #F3F5F9 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 0.0;
    margin: 0 0 0 !important;
    margin-left: 0px;
    display: inline-block;
    margin-left: 3px !important;
}

.rodapetituloh6 {
    color: #FAE769 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 0.0;
    margin: 0 0 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.rodapelink {
    color: #FAE769 !important;
    font-size: 15px !important;
}





/*--RELATED-POST-BLOG-RODAPÉ---*/
/*--TITULO-POST---*/
#footer-widgets .footer-box .widget-title {
    color: #FAE769 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 0.0 !important;
    margin: 0 0 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
	padding-left: 0px;
	text-transform: none;
}

.widget-title {
    border-color: transparent !important;
}

/*--TEXTO-POST---*/
#footer-widgets .footer-box a {
    color: #F3F5F9;
    font-size: 14px;
    font-weight: 500;
    line-height: 0.0;
    margin: 0 0 0;
    margin-left: 3px;
}
/*--LINHAS-POST---*/
.widget_recent_entries li:first-child{
	border-top: none !important;
}
.widget_recent_entries li{
	border-bottom: none !important;	
}



/*--REDES-SOCIAIS-RODAPÉ---*/
	.rodapelinksocial{
	  color:  #FAE769 !important;
    font-size: 15px;
	
	}
	
    #facebookdiv{

    border: solid 1px #EFDE6C;	
		
	font-family: inherit !important;	
	font-size: 14px !important;
		
	border-radius: 6px;			
	padding: 1px 0px 1px 0px;
  	text-align: center !important;
	  
	width: 47%;	
	margin-bottom: 3px;
	display: inline-block;
			
	}
		
    #instagramdiv{

    border: solid 1px #EFDE6C;	
		
	font-family: inherit !important;	
	font-size: 14px !important;
			
	border-radius: 6px;			
	padding: 1px 0px 1px 0px;
  	text-align: center !important;
			
	width: 47%;
	margin-bottom: 3px;
	display: inline-block;
			
	}
			
    #twitterdiv{	

    border: solid 1px #EFDE6C;	
	
	font-family: inherit !important;	
	font-size: 14px !important;
						
	border-radius: 6px;			
	padding: 1px 0px 1px 0px;
  	text-align: center !important;
			
	width: 47%;
	margin-bottom: 3px;
	display: inline-block;
			
	}

	#youtubediv{
		
    border: solid 1px #EFDE6C;	
	
	font-family: inherit !important;	
	font-size: 14px !important;
  					
	border-radius: 6px;			
	padding: 1px 0px 1px 0px;
  	text-align: center !important;
			
	width: 47%;
	margin-bottom: 3px;
	display: inline-block;
			
	}
	
    #linkedindiv{
			
    border: solid 1px #EFDE6C;			
		
	font-family: inherit !important;	
	font-size: 14px !important;		
					
	border-radius: 6px;			
	padding: 1px 0px 1px 0px;
  	text-align: center !important;
			
	width: 47%;
	margin-bottom: 3px;
	display: inline-block;
			
	}

    #pinterestdiv{

    border: solid 1px #EFDE6C;	
		
	font-family: inherit !important;	
	font-size: 14px !important;
				
	border-radius: 6px;			
	padding: 1px 0px 1px 0px;
  	text-align: center !important;
			
	width: 47%;
	margin-bottom: 3px;
	display: inline-block;
			
	}
	
	#facebookdiv:hover{
   
	-webkit-transform:scale(1.1);	
	-moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1);
		
	}
		  
    #instagramdiv:hover{
			
  		-webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		 transform:scale(1.1);
		
	}
			

    #twitterdiv:hover{
			
  		-webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		transform:scale(1.1);
		
	}
	
	    #youtubediv:hover{
			
	-webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		transform:scale(1.1);			
			
	}
	
	
    #linkedindiv:hover{
			
  	-webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		transform:scale(1.1);
			
	}

	
    #pinterestdiv:hover{
		
		-webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		transform:scale(1.1);			
  		
	}

	
/*--COPYRIGHT-RODAPÉ-INFERIOR--*/
.rodapedivcopy{
    background: transparent;
    border-radius: 6px;
    padding: 1px 0px 1px 10px;
    text-align: center !important;
    border: solid 1px transparent;
    margin-bottom: 4px;
	
}

.rodapedivcopy:hover {
        -webkit-transform:scale(1.1);	
		-moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
		-o-transform:scale(1.1);	
		 transform:scale(1.1);
}

.rodapelinkcopy {
    color: #EDD434!important;
    font-size: 15px;

}

.rodapeh6copy {
    color: #d4c463 !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 0.0;
    margin: 0 0 0 !important;
    margin-left: 0px;
    display: inline-block;
    margin-left: 3px !important;
}

.textocopy{
    color: #FAE769 !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 0.0;
    margin: 0 0 0 !important;
    margin-left: 0px;
    display: inline-block;
    margin-left: 3px !important;
}


/*---PÁGINA ENTRE EM CONTATO----*/
/*---texto-imaagem-entre-em-contato----*/
.textatend1{
	font-size: 25px;
	font-weight: 500;
	color: #E8DFA5;
}


/*---ANIMAÇÕES----*/
/*---ANIMAÇÃO-HTML-H1---*/
@keyframes yourAnimationh1{
    0%{
        margin-left: -10px;
        }
    25%{
        margin-left: 10px;
        }
    50%{
        margin-left: -10px;
        }
    75%{
        margin-left: 10px;
        }
    100%{
        margin-left: -10px;
        }
}

.tituloh1div{
    animation: yourAnimationh1 13s infinite 0s linear;
}


/*---ANIMAÇÃO-HTML-H1-hover--*/
@keyframes yourAnimationh1e1{
    0%{
        margin-left: -0px;
        }
    25%{
        margin-left: 0px;
        }
    50%{
        margin-left: -0px;
        }
    75%{
        margin-left: 0px;
        }
    100%{
        margin-left: -0px;
        }
}

.tituloh1div:hover{
    animation: yourAnimationh1e1 13s infinite 0s linear;
}


/*---ANIMAÇÃO-HTML-H2---*/
@keyframes yourAnimationh2{
    0%{
        margin-left: 10px;
        }
    25%{
        margin-left: -10px;
        }
    50%{
        margin-left: 10px;
        }
    75%{
        margin-left: -10px;
        }
    100%{
        margin-left: 10px;
        }
}

.tituloh2bannerdiv{
    animation: yourAnimationh2 13s infinite 0s linear;
}


/*---ANIMAÇÃO-HTML-H2-hover--*/
@keyframes yourAnimationh2e2{
    0%{
        margin-left: 0px;
        }
    25%{
        margin-left: -0px;
        }
    50%{
        margin-left: 0px;
        }
    75%{
        margin-left: -0px;
        }
    100%{
        margin-left: 0px;
        }
}

.tituloh2bannerdiv:hover{
    animation: yourAnimationh2e2 13s infinite 0s linear;
}


/*---BOTÃO-ANIMAÇÃO-LATERAL--*/
@keyframes yourAnimationbotaodiv{
 	
	0%{
    transform: rotate(0deg);
}
25%{
    transform: rotate(0deg);
}
50%{
    transform: rotate(2deg);
}
75%{
    transform: rotate(-2deg);
}
100%{
    transform: rotate(0deg);
}
	
}

.botaodiv{
	animation: yourAnimationbotaodiv 2s infinite;
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition: .2s;
}

/*---BOTÃO-ANIMAÇÃO-VERTICAL-SE-ACIONADO-*/
@keyframes yourAnimationbotaodiv1{
    0%{
        margin-top: -0px;
        }
    25%{
        margin-top: 0px;
        }
    50%{
        margin-top: -0px;
        }
    75%{
        margin-top: 0px;
        }
    100%{
        margin-top: -0px;
        }
}

.botaodiv:hover{
    animation: yourAnimationbotaodiv1 18s infinite 0s linear;
}


/*---ICONES-ANIMAÇÃO---*/
@keyframes yourAnimationimageicones{
    0%{
        margin-left: -10px;
        }
    25%{
        margin-left: 10px;
        }
    50%{
        margin-left: -10px;
        }
    75%{
        margin-left: 10px;
        }
    100%{
        margin-left: -10px;
        }
}

.imageicones{
    animation: yourAnimationimageicones 13s infinite 0s linear;
}


/*---TituloBlog----*/
@keyframes yourAnimationTituloBlog{
    0%{
        margin-left: -10px;
        }
    25%{
        margin-left: 10px;
        }
    50%{
        margin-left: -10px;
        }
    75%{
        margin-left: 10px;
        }
    100%{
        margin-left: -10px;
        }
}

.page-header-title{
    animation: yourAnimationTituloBlog 13s infinite 0s linear;
}





/*---RESPONSIVO----*/

/*---NORMAL----*/

/*---H1-TITULOS-EM-HTML--color: #F2EDCB !important;
*/
.tituloh1{

    color: #21304F !important;
    font-size: 50px !important;
    font-family: roboto !important;
    font-weight: 700 !important;
    padding: 0;
    margin: 140px 0px 40px 0px;
    line-height: 1;
    text-align: center;
	
   position: relative;
   z-index:9997;


}

.tituloh1:hover{
    -webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;
}


/*--Texto banner principal-------*/

.tituloh2bannerdiv{
    
   position: relative;
   z-index:9997;

}
    


#text1{
	font-family: inherit;
	font-size: 40px !important;
	color: #F2EDCB !important;
    line-height: 1.0;

}

#text2{
	font-family: inherit;
	font-size: 33px !important;
	color: #F2EDCB !important;
    line-height: 1.0;
}

#text3{
	font-family: inherit;
	font-size: 44px !important;
	color: #F2EDCB !important;
    line-height: 1.0;

}

#text4{
	font-family: inherit;
	font-size: 41px !important;
	color: #F2EDCB !important;
	line-height: 1.0;

}

/*---botão--solicite-orçamento-e--Claro!quero-meu-site-*/
.botaodiv{
    width: auto !important;
	height: auto !important;	
	text-align: center;
	margin: 0 auto;
	
   position: relative;
   z-index:9997;

}

.botaodiv:hover{
	-webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;	
}

.botaolink{
	background: linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -webkit-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -moz-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -ms-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -o-linear-gradient(to right, #EFDE6C, #F2EDCB);
	
	padding: 10px 40px 10px 40px;
	border-radius: 35px !important;
	text-decoration:none;

	font-size: 28px !important;
    color: #334B80;	
    font-family: inherit;
    font-weight: 700;
}


.botaolink1{
	background: #FAE769;
	padding: 10px 40px 10px 40px;
	border-radius: 35px !important;
	text-decoration:none;
	font-size: 28px !important;
    color: #21304F;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink1:hover{
	background: #CCB104;
	color: inherit;
}


.botaolink2{
	background: #334D80;
	padding: 10px 40px 10px 40px;
	border-radius: 35px !important;
    text-decoration:none;
	font-size: 28px !important;
    color: #F3F5F9;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink2:hover{
	background: #21304F;
	color: inherit;	
}






/*---Somos uma agência-normal-*/
.paragrafosomos{

margin: 0% 5% 0% 5% !important;	
text-align: center !important;

}


/*---ANIMAÇÃO-JAVA-PÁGINA-PRINCIPAL-TELA NORMAL-*/
    
.parent1{ 
    width: 170px; 
    height:20px;
	

}

.box1{
    width: 170px;
    height: 20px;
    
    font-size: 20px;
    
    position: relative;
    top: -5820%;
    left: -335%;
    
    
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: linear;
    transition-property: width height background-color font-size left top color;
    transition-duration: 4s;
    transition-timing-function: linear;
}
.box{
	width: 170px;
    height: 20px;
    
    color: yellow;
    font-size: 18px;
   
    position: relative;
    top: -510%;
    left:-335%;

        
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: linear;
    transition-property: width height background-color font-size left top color;
    transition-duration: 3s;
    transition-timing-function: linear;
}


/*---IMAGEM-PEQUENA-PÁGINA-PRINCIPAL-(preenchimento-completo-com-titulo-dentro-difinir-height-ou-a-imagem-fica-do-tamanho-do-titulo)-*/
.imagempequena{
	width: 50% !important;
    height: 350px !important;
}


/*  BOX DOS ICONES DE SERVIÇOS NORMAL */	
/*  box amarelo  */		
	.boxyello{
	
	margin: 0px 10px 0px 10px !important;		 
	
	}
		
/*  box azul  */			
	.boxblu{
	
	margin: 10px 10px 10px 10px !important;
	
	}


/* LARGURA COMENTÁRIOS DISQUS - NORMAL */
#disqus_thread{

	width: inherit !important;
	margin-right: 22% !important;
	margin-left: 22% !important;
	margin-top: 110px !important;
	
}

	


/* POSICIONA O FORMULÁRIO DE SENHA DA PAGINA - NORMAL */
.post-password-form{
	margin-top: 150px !important;
	margin-left: 20px !important;
	display: inline-block;
	position: relative !important;

}


/* DIMENSÕES E POSIÇÃO BANNER BLOG - NORMAL */
.banner-blog4{
	 background-size: 200px 200px !important;
	 width: 200px !important; 
	 height: 200px !important; 		 
	
	position: fixed;
    top: 18%;
    right: 1%;	
}	
	

/* DIMENSÕES E POSIÇÃO BANNER BLOG - NORMAL */
.banner-blogA{
	
	background: url('https://jpmwagencia.com/wp-content/uploads/2023/12/BannerBlogG.png') no-repeat scroll bottom;
	
	
	 background-size: 200px 200px;
	 width: 200px; 
	 height: 200px; 		 

	position: fixed;
    top: 18%;
    right: 1%;
}	





	/* responsivo até Smartphone - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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


/* DIMENSÕES E POSIÇÃO BANNER BLOG - NORMAL */
.banner-blog1{
	
	 width: 200px; 
	 height: 200px; 	 

	position: relative;
    top: 18%;
    right: 1%;
}	

	
.banner-blogimg{
	
	background: url('https://jpmwagencia.com/wp-content/uploads/2023/12/BannerBlogP.png') no-repeat scroll bottom;
	
	 width: 100%; 
	
}	



}





/* responsivo até tablet - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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



}










/* BOX AUTHOR BLOG */
.author-box{
	margin-top: 60px;
	width: inherit;
    height: auto;		
}

.author-box::before, .author-box::after{
	content: "";
    width: inherit;
	height: 1px;
	background: #D4C463;
	display: block;
	margin: 20px auto;
}

.box-avatar {
	width: inherit !important;
	height: auto;
    margin: auto !important;
}

.author-avatar{
    width: 80px;
    height: auto;
    margin: auto !important;
}

.img-avatar {
    border-radius: 50%;
    width: 80px;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

.text-avatar{
	width: inherit !important;
    height: auto;
    margin: auto !important;
}

.text-descricao1 {
	margin: 4px auto !important;
    font-size: 15px !important;
    font-style: normal;
    font-family: Yantramanav, Roboto, Open Sans, sans-serif !important;
    color: #000 !important;
    text-align: center;
    font-weight: 700 !important;
}

.text-link {
    font-size: 15px !important;
	font-style: normal;
    font-family: Yantramanav, Roboto, Open Sans, sans-serif !important;
    color: blue !important;
    font-weight: 700 !important;
}

.text-descricao2 {
	margin: 4px auto !important;
    font-size: 15px !important;
    font-style: normal;
    font-family: Yantramanav, Roboto, Open Sans, sans-serif !important;
    color: #000 !important;
    text-align: center;
    font-weight: 700 !important;
}

.text-descricao3 {
	margin: 0px auto !important;
    font-size: 14px !important;
    font-style: normal;
    font-family: Yantramanav, Roboto, Open Sans, sans-serif !important;
    color: #000 !important;
    text-align: center;	
}

.text-descricao4 {
	margin: 8px auto !important;
    font-size: 12px !important;
    font-style: normal;
    font-family: Yantramanav, Roboto, Open Sans, sans-serif !important;
    color: #000 !important;
    text-align: center;
}
/* FIM BOX AUTHOR BLOG */


	







	/* responsivo até Smartphone - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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


	
	
	
	
	
	/*---LOGO---*/
#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{
    
    max-width: 113px !important;
    margin-left: 0px !important;
	margin-top: 0px !important;

}
		
	/*---H1---*/

.tituloh1{

	color: inherit;
    font-size: 30px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    padding: 0;
    margin: 80px 0px 30px 0px;
    line-height: 1;
    text-align: center;
	
}


/*--Texto banner principal-------*/
#text1{
	font-family: inherit;
	font-size: 28px !important;
	color: inherit;
}

#text2{
	font-family: inherit;
	font-size: 23px !important;
	color: inherit;
}

#text3{
	font-family: inherit;
	font-size: 31px !important;
	color: inherit;
}

#text4{
	font-family: inherit;
	font-size: 29px !important;
	color: inherit;
}


/*---botão--solicite-orçamento-e--Claro!quero-meu-site-*/

.botaodiv{
    width: auto !important;
	height: auto !important;	
	text-align: center;
	margin: 0 auto;
	margin: 10px 0px 10px 0px;
}

.botaodiv:hover{
	-webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;	
}

.botaolink{
	background: linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -webkit-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -moz-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -ms-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -o-linear-gradient(to right, #EFDE6C, #F2EDCB);
	
	padding: 12px 20px 12px 20px;
	
	border-radius: 35px !important;

	font-size: 16px !important;
    color: #334B80;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink1{

	background: #FAE769;
	padding: 12px 20px 12px 20px;
	border-radius: 35px !important;
	font-size: 16px !important;
    color: #334B80;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink1:hover{
background: #CCB104;
color: inherit;
}

.botaolink2{

	background: #334D80; 
	padding: 12px 20px 12px 20px;
	border-radius: 35px !important;
	font-size: 16px !important;
    color: #F3F5F9;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink2:hover{
background: #21304F;
color: inherit;
}

	
/*---ANIMAÇÃO-JAVA-PÁGINA-PRINCIPAL-CELULAR-*/
    
.parent1{ 
    display:none;
}

.box{
    display:none;
}
.box1{
   display:none;
}
   

/*---IMAGEM-PEQUENA-PÁGINA-PRINCIPAL-(preenchimento-completo-com-titulo-dentro-difinir-height-ou-a-imagem-fica-do-tamanho-do-titulo)-*/
.imagempequena{
	width: 100% !important;
    height: 350px !important;
}

	
/*  BOX DOS ICONES DE SERVIÇOS Celular */	
/*  box amarelo  */		
	.boxyello{
	
	width: 70% !important;
	margin: auto !important;
	margin-top: 10px !important; 	
	margin-bottom: 10px !important; 	
	
	}
		
/*  box azul  */			
	.boxblu{
	
	width: 70% !important;
	margin: auto !important;
	margin-top: 10px !important; 	
	margin-bottom: 10px !important; 		

	}
	
	/* LARGURA COMENTÁRIOS DISQUS - SMARTPHONE */
    #disqus_thread{
	width: inherit !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
	
    }

	
	/* DIMENSÕES E POSIÇÃO BANNER BLOG - SMARTPHONE */
.banner-blog{
display: none;	
}

	
	
}
	
	
/* responsivo Smartphone LANDSCAPE
- 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

@media screen and (min-width: 481px) and (max-width: 767px){

	

	
	
	/*---LOGO---*/
#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{
    
	max-width: 100px !important;
    margin-left: 0px !important;
	margin-top: 0px !important;

}
		
	/*---H1---*/
.tituloh1{

	color: inherit;
	font-size: 29px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    padding: 0;
    margin: 80px 0px 20px 0px;
    line-height: 1;
    text-align: center;
	

}


/*--Texto banner principal-------*/
#text1{
	font-family: inherit;
	font-size: 46px !important;
	color: inherit;
}

#text2{
	font-family: inherit;
	font-size: 38px !important;
	color: inherit;
}

#text3{
	font-family: inherit;
	font-size: 51px !important;
	color: inherit;
}

#text4{
	font-family: inherit;
	font-size: 47px !important;
	color: inherit;
}


/*---botão--solicite-orçamento-e--Claro!quero-meu-site-*/

.botaodiv{
    width: auto !important;
	height: auto !important;	
	text-align: center;
	margin: 0 auto;
	margin: -30px 0px 10px 0px;
}

.botaodiv:hover{
	-webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;	
}

.botaolink{
	background: linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -webkit-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -moz-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -ms-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -o-linear-gradient(to right, #EFDE6C, #F2EDCB);
	
	padding: 12px 20px 12px 20px;
	
	border-radius: 35px !important;

	font-size: 18px !important;
    color: #334B80;	
    font-family: inherit;
    font-weight: 700;
}
	
.botaolink1{

    background: #FAE769;	
	padding: 12px 20px 12px 20px;
	border-radius: 35px !important;
	font-size: 18px !important;
    color: #334B80;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink1:hover{
background: #CCB104;
color: inherit;
}
	
.botaolink2{

    background: #334D80; 	
	padding: 12px 20px 12px 20px;
	border-radius: 35px !important;
	font-size: 18px !important;
    color: #F3F5F9;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink2:hover{
background: #21304F;
color: inherit;
}
	
	
	
/*---ANIMAÇÃO-JAVA-PÁGINA-PRINCIPAL-LANDSCAPE-*/
    
.parent1 { 
    width: 200px; 
    height:10px;
}

.box{
    width: 90px;
    height: 50px;
    
    font-size: 20px;
    left: 0px;
    top: 0px;
    
    position: relative;
    top: -400%;
    left: 150%;
    
    
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: linear;
    transition-property: width height background-color font-size left top color;
    transition-duration: 4s;
    transition-timing-function: linear;
}
.box1{
    width: 90px;
    height: 50px;
    
    color: yellow;
    font-size: 18px;
    left: 150px;
    top:25px;
    
    position: relative;
    top: -400%;
    left: 120%;
    
        
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: linear;
    transition-property: width height background-color font-size left top color;
    transition-duration: 3s;
    transition-timing-function: linear;
}


/*---IMAGEM-PEQUENA-PÁGINA-PRINCIPAL-(preenchimento-completo-com-titulo-dentro-difinir-height-ou-a-imagem-fica-do-tamanho-do-titulo)-*/
.imagempequena{
	width: 100% !important;
    height: 350px !important;
}
	
	
/*  BOX DOS ICONES DE SERVIÇOS LANDSCAPE */	

/*  box amarelo  */		
	.boxyello{
	
	width: 45% !important;
	margin: auto !important;
	margin-top: 10px !important; 	
	margin-bottom: 10px !important; 	
	
	}
		
/*  box azul  */			
	.boxblu{
	
	width: 45% !important;
	margin: auto !important;
	margin-top: 10px !important; 	
	margin-bottom: 10px !important; 		

	}

	/* LARGURA COMENTÁRIOS DISQUS - LANDSCAPE */
    #disqus_thread{
	width: inherit !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
	
    }

	
		/* DIMENSÕES E POSIÇÃO BANNER BLOG - LADSCAPE */
.banner-blog{
display: none;	
}

	
	
}
		

/* responsivo até tablet - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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



	/*---LOGO---*/
#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{
    
	max-width: 120px !important;
    margin-left: 0px !important;
	margin-top: 0px !important;

}
		
	
	/*---H1---*/
.tituloh1{

	color: inherit;
	font-size: 33px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    padding: 0;
    margin: 110px 0px 50px 0px;
    line-height: 1;
    text-align: center;
	

}


/*--Texto banner principal-------*/

#text1{
	font-family: inherit;
	font-size: 46px !important;
	color: inherit;
}

#text2{
	font-family: inherit;
	font-size: 38px !important;
	color: inherit;
}

#text3{
	font-family: inherit;
	font-size: 51px !important;
	color: inherit;
}

#text4{
	font-family: inherit;
	font-size: 47px !important;
	color: inherit;
}
	
	
	
	

/*---botão--solicite-orçamento-e--Claro!quero-meu-site-*/

.botaodiv{
    width: auto !important;
	height: auto !important;	
	text-align: center;
	margin: 0 auto;
	margin: 30px 0px 30px 0px !important;
}

.botaodiv:hover{
	-webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;	
}

.botaolink{
	background: linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -webkit-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -moz-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -ms-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -o-linear-gradient(to right, #EFDE6C, #F2EDCB);
	
	padding: 12px 20px 12px 20px;
	
	border-radius: 35px !important;

	font-size: 22px !important;
    color: #334B80;	
    font-family: inherit;
    font-weight: 700;
}
	
.botaolink1{
	
    background: #FAE769;
	padding: 12px 20px 12px 20px;
	border-radius: 35px !important;
	font-size: 22px !important;
    color: #334B80;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink1:hover{
background: #CCB104;
color: inherit;
}

.botaolink2{
	
	background: #334D80; 
	padding: 12px 20px 12px 20px;
	border-radius: 35px !important;
	font-size: 22px !important;
    color: #F3F5F9;	
    font-family: inherit;
    font-weight: 700;
}

.botaolink2:hover{
background: #21304F;
color: inherit;
}
	


/*---ANIMAÇÃO-JAVA-PÁGINA-PRINCIPAL-TABLET-*/
/*---ANIMAÇÃO-JAVA-PÁGINA-PRINCIPAL-TELA NOTEBOOK-*/
    
.parent1{ 
    width: 200px; 
    height:20px;
}

.box1{
    width: 300px;
    height: 20px;
    
    font-size: 20px;
    left: 0px;
    top: 0px;
    
    position: relative;
    top: -45%;
    left: -18%;
    
    
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: linear;
    transition-property: width height background-color font-size left top color;
    transition-duration: 4s;
    transition-timing-function: linear;
}
.box{
    width: 70px;
    height: 20px;
    
    color: yellow;
    font-size: 18px;
    left: 150px;
    top:25px;
    
    position: relative;
    top: -460%;
    left:-18%;
    
        
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: linear;
    transition-property: width height background-color font-size left top color;
    transition-duration: 3s;
    transition-timing-function: linear;
}

	
	
/*---IMAGEM-PEQUENA-PÁGINA-PRINCIPAL-(preenchimento-completo-com-titulo-dentro-difinir-height-ou-a-imagem-fica-do-tamanho-do-titulo)-*/
.imagempequena{
	background-size: 50% 100% !important;
	width: 50% !important;
    height: 100% !important;
	
	
}
    
   
/*  BOX DOS ICONES DE SERVIÇOS TABLET */	
/*  box amarelo  */		
	.boxyello{
	
	width: 40% !important;
	margin: auto !important;
	margin-top: 10px !important; 	
	margin-bottom: 10px !important; 	
	
	}
		
/*  box azul  */			
	.boxblu{
	
	width: 40% !important;
	margin: auto !important;
	margin-top: 10px !important; 	
	margin-bottom: 10px !important; 	
		
	}

    /* LARGURA COMENTÁRIOS DISQUS - TABLET */
    #disqus_thread{
	width: inherit !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
	
    }

	
			/* DIMENSÕES E POSIÇÃO BANNER BLOG - TABLET */
.banner-blog{
display: none;	
}

	
/*-------*/

}



/*---BOTÃO-pag-Links-importantes-INICIO*/
/*---BOTÃO LARGO QUE OCUPA A TELA INTEIRA*/



.botaodivlinksimp{
    width: auto !important;
	height: auto !important;	
	margin: 0 auto;
	text-align: center;

   position: relative;	
	
}

.botaodivlinksimp:hover{
	-webkit-transform:scale(1.1);	
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
	-o-transform:scale(1.1);	
	transform:scale(1.1) !important;	
}

.botaolinklinksimp{
	
	display:inline-block;
    width: 600px;
	height: 50px;
	line-height:50px;
	border-radius: 35px !important;
	text-decoration:none;
	
	font-size: 28px !important;
    font-family: inherit;
    font-weight: 700;	
	


    color: #334B80;	


	background: linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -webkit-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -moz-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -ms-linear-gradient(to right, #EFDE6C, #F2EDCB);
    background: -o-linear-gradient(to right, #EFDE6C, #F2EDCB);
	



	}




    
    
    /*---BOTÃO-ANIMAÇÃO-pag-Links-importantes-*/

.botaodivlinksimp{
	animation: yourAnimationbotaodivlinksimp 2s infinite;
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition: .2s;
}

.botaodivlinksimp:hover{
    animation: yourAnimationbotaodiv1linksimp 18s infinite 0s linear;
}


/*---BOTÃO-ANIMAÇÃO-LATERAL--*/
@keyframes yourAnimationbotaodivlinksimp{
 	
	0%{
    transform: rotate(0deg);
}
25%{
    transform: rotate(0deg);
}
50%{
    transform: rotate(2deg);
}
75%{
    transform: rotate(-2deg);
}
100%{
    transform: rotate(0deg);
}
	
}

  
/*---BOTÃO-ANIMAÇÃO-SE-ACIONADO-*/
@keyframes yourAnimationbotaodiv1linksimp{
    0%{
        margin-top: -0px;
        }
    25%{
        margin-top: 0px;
        }
    50%{
        margin-top: -0px;
        }
    75%{
        margin-top: 0px;
        }
    100%{
        margin-top: -0px;
        }
}

	
	
	
	
 /* responsivo botaolinklinksimp até Smartphone - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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

.botaolinklinksimp{
	
	display:inline-block;
    width: 90%;
	height: 50px;
	line-height:50px;
	border-radius: 35px !important;
	text-decoration:none;
	
	font-size: 20px !important;
    font-family: inherit;
    font-weight: 700;	
	

	


	}



}



 /* Landing Page 2 – convite - responsivo */
/* responsivo Smartphone LANDSCAPE - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

@media screen and (min-width: 481px) and (max-width: 767px){


	.botaolinklinksimp{
	
	display:inline-block;
    width: 90%;
	height: 50px;
	line-height:50px;
	border-radius: 35px !important;
	text-decoration:none;
	
	font-size: 20px !important;
    font-family: inherit;
    font-weight: 700;	
	

	


	}




}



 /* Landing Page 2 – convite - responsivo */
/* responsivo até tablet - 0 até 480px =celular - 481px até 767px = Smartphone LANDSCAPE - 768px até 1024px = Tablet - 1em=16px */

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

.botaolinklinksimp{
	
	display:inline-block;
    width: 70%;
	height: 50px;
	line-height:50px;
	border-radius: 35px !important;
	text-decoration:none;
	
	font-size: 20px !important;
    font-family: inherit;
    font-weight: 700;	

	}


}

	
/*---BOTÃO-pag-Links-importantes-FINAL*/