#fixed-parent{



}

#theFixed {

  position:fixed;

  top:0px;

  width: 25%;

}

#footer{

    height: auto;

width: 100%;

}









/* TAMANHO LOGO -----------------------------------*/

#site-logo #site-logo-inner {

     max-width: 250px !important;

     width: 250px !important;

}



#site-logo #site-logo-inner img {

  max-width: 250px !important;

  width: 250px !important;

}







#site-logo #site-logo-inner a:hover img {

  -moz-opacity: 1 !important;

  -webkit-opacity: 1 !important;

  opacity: 1 !important;

}





/* NAV MENU -----------------------------------*/

#site-navigation {

  margin-top: 20px;

}





/* FONTES  -----------------------------------*/

@font-face {

    font-family: 'Zurich Regular';

    src: url('fonts/zurich-regular.eot');

    src: url('fonts/zurich-regular.eot?#iefix') format('embedded-opentype'),

         url('fonts/zurich-regular.woff2') format('woff2'),

         url('fonts/zurich-regular.woff') format('woff'),

         url('fonts/zurich-regular.ttf') format('truetype'),

         url('fonts/zurich-regular.svg#ZurichRegular') format('svg');



}





@font-face {

    font-family: 'Zurich Bold';

    src: url('fonts/zurich-bold.eot');

    src: url('fonts/zurich-bold.eot?#iefix') format('embedded-opentype'),

         url('fonts/zurich-bold.woff2') format('woff2'),

         url('fonts/zurich-bold.woff') format('woff'),

         url('fonts/zurich-bold.ttf') format('truetype'),

         url('fonts/zurich-bold.svg#ZurichBold') format('svg');

 



}



/* BARRA TÍTULOS  -----------------------------------*/

.page-header {

  border-radius: 0 0 80px 0;

}







/* RETIRA LINK NAV MENU CURRENT PAGE -----------------------------------

li.current-menu-item {

	pointer-events: none;

	}

*/



/* HIDE CAPCHTA -----------------------------------*/

.grecaptcha-badge {

 display: none !important;



}





/* LINKS -----------------------------------*/

.link-verde a:hover {

color: #84bd00 !important;

transition: .2s ease !important;



}



/* REMOVE LINHA OUTLINE LINKS -----------------------------------*/

a:hover, a:active, a:focus {

     outline: 0 none !important;

     -moz-outline: 0 none !important;

}

html {

     scroll-behavior: smooth;

}





#site-header1 {

     position: absolute !important;

     display: flex !important;

     align-items: center !important;

     justify-content: space-between !important;

     transition: padding 100ms ease !important;

     transition: .1s ease !important;

     padding: 10px 0px !important;

}



#site-header1.sticky {

	position: fixed!important;

     padding: 0px 0px !important;

     transition: .1s ease !important;

     top: 0px !important;

    height: 100px !important;

	z-index: 999999 !important;

	box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.5) !important;

}



/* ANIMATE--------------------------------- */

/* PRELOADER--------------------------------- */

/** Body Overlay **/

body #load {

     display: block;

     height: 100%;

     overflow: hidden;

     position: fixed;

     top: 0;

     left: 0;

     width: 100%;

     z-index: 999999999999;

     opacity: 1;

     background-color: #fff;

     visibility: visible;

     -webkit-transition: all .25s ease-out;

     transition: all .25s ease-out;

}

body #load.loader-removed {

     opacity: 0;

     visibility: hidden;

	  -webkit-transition: all .1s ease-out;

     transition: all .1s ease-out;

}



.spinner-loader .load-wrap {

     background-image: url("../img/pre-loader.gif");

     background-position: center center;

     background-repeat: no-repeat;

     text-align: center;

     width: 100%;

     height: 100%;

}







/* FADE ENTRE PÁGINAS--------------------------------- */

html {

    animation: fadeSiteIn 0.2s ease forwards; /* [1] */

}



html.fadeSiteOut {

  animation:  fadeSiteOut 0.2s ease forwards; /* [2] */

}





@keyframes fadeSiteIn { /* [1] */

    from   { opacity: 0; }

    to    { opacity: 1; }

}



@keyframes fadeSiteOut { /* [2] */

    from   { opacity: 1; }

    to     { opacity: 0; }

}











/* FIX OF UGLY SELECT */

SELECT {

    background: url("data:image/svg+xml,<svg height='15px' width='15px' viewBox='0 0 16 16' fill='%23A47D28' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;

    background-position: calc(100% - 0.75rem) center !important;

    -moz-appearance:none !important;

    -webkit-appearance: none !important; 

    appearance: none !important;

    padding-right: 2rem !important;

	height: 50px !important;

}







/* CF7 E-mail--------------------------------- */

.theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error {

     border-bottom: 0px !important;

     border: 2px solid #84bd00 !important;

     outline: none !important;

     color: #808080 !important;

}

span.wpcf7-list-item {

     display: block !important;

     margin: 0 0 0 0 !important;

     color: #999 !important;

}

form input[type="checkbox"] {

     margin: -8px 10px 0 0 !important;

     box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;

}

input[type="checkbox"] {

    /* remove standard background appearance */

     -webkit-appearance: none;

     -moz-appearance: none;

     appearance: none;

    /* create custom radiobutton appearance */

     display: inline-block;

     width: 30px;

     height: 30px;

     padding: 6px;

    /* background-color only for content */

     background-clip: content-box;

     border: 2px solid #E8E8E8 !important;

     background-color: #fff;

}

/* appearance for checked radiobutton */

input[type="checkbox"]:checked {

     background-color: #84bd00;

     transition: all cubic-bezier(.9,.9,.8,1.1) .4s;

}

input[type="checkbox"]:checked::before {

     display: none !important;

}

input[type="radio"] {

    /* remove standard background appearance */

     -webkit-appearance: none;

     -moz-appearance: none;

     appearance: none;

    /* create custom radiobutton appearance */

     display: inline-block;

     width: 18px;

     height: 18px;

     padding: 20px;

    /* background-color only for content */

     background-clip: content-box;

     border: 2px solid #f1f1f1;

     background-color: #fff;

     border-radius: 50%;

     cursor: pointer;

     margin-right: 10px;

}

/* appearance for checked radiobutton */

input[type="radio"]:checked {

     background-color: #84bd00;

     transition: all cubic-bezier(.9,.9,.8,1.1) .4s;

}





input[type="submit"]{

width: 100% !important;

}



/* optional styles, I'm using this for centering radiobuttons */

.flex {

     display: flex;

     align-items: center;

}











/* BANNER PRINCIPAL--------------------------------- */

 #banner-principal{

     overflow: hidden;

     width: 100%;

     margin-top: 0px;



}





.container-banner{

     overflow: hidden;

     position: relative;

    

}

.imagem-banner-principal{

     display: block;

     overflow: hidden;

}





.imagem-banner-principal img{

    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.conteudo-banner-principal{

    position:relative;

    z-index: 9;

    left: 0;

    bottom: 0;

    background: #f1eee0;

  width: 100%;

  padding-left: 12%;

    

}

.gradiente-banner-principal{

    position: absolute;

    z-index: 9;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    background-image: linear-gradient(to top, rgba(19,19,19,0), rgba(19,19,19,0.3));

     height: 30vh;

    width: 100%;

}

.texto{

    position: relative;

    text-align: left;

    font-family: 'Work Sans';

    font-size: 18px;

    z-index: 9;

    color: #4E4D4D;

    padding-top: 10px;

	width: 90%;

   

}



.fotografo{

  position: absolute;

  text-align: left;

  font-family: 'Work Sans';

  font-size: 12px;

  z-index: 9;

  color: #fff;

  top: 20px;

  left: 35px;

  font-weight: 600;

   

} 

.titulo-banner-principal{

    position: relative;

    text-align: left;

   font-family: 'Work Sans';

  font-weight: 700;

    font-size: 50px;

    line-height: 1.2;

    padding-top: 30px;

    z-index: 9;

    color: #4E4D4D;

    width: 90%;

}

.bt-geral{

    position: relative;

    text-align: left;

    font-family: 'Geomanist Bold';

    font-size: 20px;

    line-height: 1.2;

    z-index: 9;

    color: #000;

    transition: .5s ease;

}

.bt{

}

.bt-geral span {

     cursor: pointer;

     display: inline-block;

     position: relative;

     transition: .5s;

}

.bt-geral span:after {

     margin-left: 10px;

     font-family: "Font Awesome 5 Free";

     font-weight: 900;

     content: "\f061";

     transition: .3s ease;

}

 .bt-geral:hover span:after {

     margin-left: 20px;

}





.bt-geral-prev{

    position: relative;

    text-align: left;

    font-family: 'Geomanist Bold';

    font-size: 20px;

    line-height: 1.2;

    z-index: 9;

    color: #fff;

    transition: .5s ease;

}



.bt-geral-prev span {

     cursor: pointer;

     display: inline-block;

     position: relative;

     transition: .5s;

}

.bt-geral-prev span:before {

     margin-right: 10px;

     font-family: "Font Awesome 5 Free";

     font-weight: 900;

     content: "\f060";

     transition: .3s ease;

}

 .bt-geral-prev:hover span:before {

     margin-right: 20px;

}









.bt-veja{

    position: relative;

  text-align: left;

  font-family: 'Work Sans';

  font-size: 14px;

  font-weight: bold;

  line-height: 1.2;

  z-index: 9;

  color: #EF8122;

  transition: .5s ease;

  padding-top: 10px;

  text-decoration: underline;

}



 .bt-veja:hover{

     

}

 .owl-dots {

width: 100% !important;

  bottom: 20px !important;

  position: absolute;

  text-align: center;

}

.owl-dots.active {

     background: #ffa60a !important;

}

.owl-dot {

     width: 20px !important;

     height: 20px !important;

     border-radius: 100% !important;

     border: 2px solid #fff !important;

     background: transparent !important;

     margin-right: 10px !important;

     display: inline-block !important;

    /*for making them horizontal, if you want vertical then you can use- display: block*/

}

.owl-dot.active {

     background: #fff !important;

}

 .imagem-banner-principal-mobile {

     position: absolute;

     top: 0;

     bottom: 0;

     left: 0;

     right: 0;

     margin: auto;

     display: inline-block;

     overflow: hidden;

     display: none;

}

 .owl-carousel .animated {

     animation-duration: 500ms !important;

     animation-fill-mode: both !important;

}

 #seta-abaixo{

     position: absolute;

     text-align: center;

     bottom: 50px;

     right: 100px;

     z-index:99999999999999999;

     color: #fff

}

/* This only changes this particular animation duration */

.animate__animated.animate__slideOutDown {

     --animate-duration: 0.3s;

}







.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {

  color: #fff !important;

}









/* PAGINA HOME--------------------------------- */









/* THUMBS POSTS------------------------------------------------------------------ */

 #thumbs-posts{

  margin: 0;

  width: auto;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.container-post{

  margin: 0;

  width: auto;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.container-thumb-post {

  position: relative;

  height: auto;

  width: 30%;

  margin-bottom: 100px;

	transition: all .3s ease-out;

	padding: 15px;

	border: 3px solid #ffffff;

}



.container-thumb-post:hover {

  border: 3px solid #75201B;

	transition: all .3s ease-out;

	border-radius: 0px 0px 80px 0px;

}





.imagem-thumb-post{

    display: inline-block;

  overflow: hidden;

  vertical-align: top;

	transition: all .1s ease-out;

}



.imagem-thumb-post:hover{

  

}







.imagem-thumb-post img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image.wp-post-image{

    position: relative;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    overflow: hidden;

}

.titulo-thumb-post{

	font-family: 'Londrina Solid';

	text-transform: uppercase;

    position: relative;

    float:left;

    text-align: left;

    padding: 20px 0px 10px 0px;

  font-weight: 600;

  font-size: 32px;

  line-height: 1.2;

  color: #000000;

    width: 100%;

}



.categoria-thumb-post{

    position: relative;

  float: left;

  text-align: left;

  padding: 0px 0px 10px 0px;

  font-family: 'Work Sans';

 text-transform: uppercase;

  font-size: 14px;

  line-height: 1.4;

  color: #E9A402;

  width: 100%;
	
  font-weight: 700;

}



.categoria-thumb-post a{

    position: relative;

  float: left;

  text-align: left;

  padding: 0px;

  font-weight: 600;

  font-family: 'Work Sans';

  font-size: 14px;

  line-height: 1.4;

  color: #E9A402;

  width: 100%;
	
font-weight: 700;

}

.resumo-thumb-post{

   position: relative;

  float: left;

  text-align: left;

  font-family: 'Work Sans';

  font-size: 18px;

  line-height: 1.4;

  padding: 0px 0px;

  color: #4E4D4D;

  width: 80%;

}

.bt-thumb-post{

   position: relative;

  float: left;

  text-align: left;

  font-family: 'Work Sans';

  font-weight: bold;

  font-size: 14px;

  line-height: 1.2;

  padding-top: 20px;

  z-index: 9;

  color: #75201B;

  transition: .5s ease;

  width: 80%;

	text-decoration: underline;
	
	font-weight: 700;

}



.bt-thumb-post:hover{

  color: #000000;



}



.bt-thumb-post span {

     cursor: pointer;

     display: inline-block;

     position: relative;

     transition: .5s;

}

.bt-thumb-post span:after {

     margin-left: 10px;

     font-family: "Font Awesome 5 Free";

     font-weight: 900;

     content: "\f061";

     transition: .3s ease;

}

 .bt-thumb-post:hover span:after {

     margin-left: 20px;

}

.titulo-categoria{

     display: block;

     text-align: center;

     font-family: "Geomanist Medium", Sans-serif;

    font-size: 66px;

     color: #fff;

}







/* PAGINA SOBRE --------------------------------- */

ul li::marker {

	color: #ED6F2C !important;

	font-size: 25px;

	

}









/* PAGINA CONTATO --------------------------------- */

.infos a{

	font-family: 'Zurich Regular';

	font-size: 15px;

	color: #6A656F;

	



}



.infos a:hover{

text-decoration: underline;

color: #6A656F;

}









/* PAGINA BLOG --------------------------------- */

#blog-entries {

  display: grid !important;

  gap: 25px !important;

  padding: 0px !important;

  grid-template-columns: repeat(2, 1fr) !important;

}



.container-thumb-post-blog {

  position: relative;

  height: auto;

  width: 30%;

  margin-bottom: 80px;

	transition: all .3s ease-out;

	padding: 15px;

	border: 3px solid #ffffff;

}



.container-thumb-post-blog:hover {

  border: 3px solid #75201B;

	transition: all .3s ease-out;

	border-radius: 0px 0px 80px 0px;

}











/* PAGINAS POST SINGLE --------------------------------- */

.related-thumb img {

  border-radius: 8px !important;

}



.related-thumb {

  border-radius: 8px !important;

}





/* PAGINAS PRODUTOS --------------------------------- */

.menor-texto {

	font-size: 13px;

}



.bt-suporte{



}



.bt-suporte:hover{

	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3) !important;

	transition: all .1s ease-out;

	transform: scale(1.01);

}





/* RODAPÉ --------------------------------------------------- */

.menu-rodape ul {

  list-style: none;

  padding: 0;

  margin: 0;

	line-height: 50px;

}



.menu-rodape a{

	font-family: 'Zurich Regular';

	font-size: 16px;

	color: #FFF;

	



}



.menu-rodape a:hover{

text-decoration: underline;

color: #FFF;

}





.logo-visto {

  max-width: 60px !important;

}



.sf-menu a.menu-link {

  font-weight: 600;

}



.sf-menu a.menu-link:hover {

  color: #75201B !important;

}









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



	

	

}



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





	

	

}



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



	



}





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



/* TAMANHO LOGO -----------------------------------*/

#site-logo #site-logo-inner img {

  max-width: 170px !important;

  width: 170px !important;

}

	

#site-logo #site-logo-inner a {

  margin-top: -10px;

}

	

	

	





	

/* THUMBS POST -----------------------------------*/	

#container-thumbs-posts {

  display: grid;

  gap: 50px;

  padding: 0px;

  grid-template-columns: repeat(1, 1fr);

}

.container-thumb-post-blog {

  position: relative;

  height: auto;

  width: 48%;

  margin-bottom: 80px;

	transition: all .3s ease-out;

	padding: 15px;

	border: 3px solid #ffffff;

}
	

	

/* PAGINA HOME -----------------------------------*/		

.container-depoimentos {

  padding: 0px;

}	

		

/* BANNER PRINCIPAL -----------------------------------*/	

#banner-principal {

  height: auto;

}	

	

.container-banner {

  width: 100%;

  display: block;

}	

	

	

.conteudo-banner-1 {

  width: 100%;

  padding-top: 15px;

  padding-bottom: 80px;

}

	

.conteudo-banner-2 {

	display: none;

}	

	

.conteudo-banner-2-mobile {

  width: 100%;

  padding: 30px;

  display: block;

  padding-bottom: 0px;

	

}	

	

.chamada-banner {

  font-size: 40px;

  line-height: 43px;

  text-align: left;

}

	

.botao-banner {

  font-size: 16px !important;

  width: 100%;

  text-align: center;

}	

	



.logos-clientes {

  width: 4000px;

  height: 100px;

  background-size: contain;

}	

	

.logos-clientes-2 {

  width: 4000px;

  height: 100px;

  background-size: contain;

}	

	

	

	

/* PAGINA DEPOIMENTOS -----------------------------------*/	

#pagina_depoimentos {

  grid-template-columns: repeat(1, 1fr);

}

	

	

/* PAGINA BLOG -----------------------------------*/	

#blog-entries {

  display: grid !important;

  gap: 25px !important;

  padding: 0px !important;

  grid-template-columns: repeat(1, 1fr) !important;

}	



}





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



/* TAMANHO LOGO -----------------------------------*/

#site-logo #site-logo-inner img {

  max-width: 170px !important;

  width: 170px !important;

}

	

#site-logo #site-logo-inner a {

  margin-top: -10px;

}

	



	

/* THUMBS POST -----------------------------------*/	

#container-thumbs-posts {

  display: grid;

  gap: 50px;

  padding: 0px;

  grid-template-columns: repeat(1, 1fr);

}

	
.container-thumb-post-blog {

  position: relative;

  height: auto;

  width: 100%;

  margin-bottom: 80px;

	transition: all .3s ease-out;

	padding: 15px;

	border: 3px solid #ffffff;

}

	

.container-thumb-post {

  width: 100%;

  margin-bottom: 30px;

  padding: 20px;



}

		

	

	

/* PAGINA HOME -----------------------------------*/		

.container-depoimentos {

  padding: 0px;

}	

		

/* BANNER PRINCIPAL -----------------------------------*/	

#banner-principal {

  height: auto;

}	

	

.container-banner {

  width: 100%;

  display: block;

}	

	

	

.conteudo-banner-1 {

  width: 100%;

  padding-top: 15px;

  padding-bottom: 80px;

}

	

.conteudo-banner-2 {

	display: none;

}	

	

.conteudo-banner-2-mobile {

  width: 100%;

  padding: 30px;

  display: block;

  padding-bottom: 0px;

	

}	

	

.chamada-banner {

  font-size: 40px;

  line-height: 43px;

  text-align: left;

}

	

.botao-banner {

  font-size: 16px !important;

  width: 100%;

  text-align: center;

}	

	



.logos-clientes {

  width: 4000px;

  height: 100px;

  background-size: contain;

}	

	

.logos-clientes-2 {

  width: 4000px;

  height: 100px;

  background-size: contain;

}	

	

	

	

/* PAGINA DEPOIMENTOS -----------------------------------*/	

#pagina_depoimentos {

  grid-template-columns: repeat(1, 1fr);

}

	

	

/* PAGINA BLOG -----------------------------------*/	

#blog-entries {

  display: grid !important;

  gap: 25px !important;

  padding: 0px !important;

  grid-template-columns: repeat(1, 1fr) !important;

}	



	

	

}



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

/* TAMANHO LOGO -----------------------------------*/

#site-logo #site-logo-inner img {

  max-width: 170px !important;

  width: 170px !important;

}

	

#site-logo #site-logo-inner a {



}

	

	
.container-thumb-post-blog {

  position: relative;

  height: auto;

  width: 100%;

  margin-bottom: 80px;

	transition: all .3s ease-out;

	padding: 15px;

	border: 3px solid #ffffff;

}




/* THUMBS POST -----------------------------------*/	

#container-thumbs-posts {

  display: grid;

  gap: 50px;

  padding: 0px;

  grid-template-columns: repeat(1, 1fr);

}

	

.container-thumb-post {

  width: 100%;

  margin-bottom: 30px;

  padding: 20px;



}

	

	

/* PAGINA HOME -----------------------------------*/		

.container-depoimentos {

  padding: 0px;

}	

		

/* BANNER PRINCIPAL -----------------------------------*/	

#banner-principal {

  height: auto;

}	

	

.container-banner {

  width: 100%;

  display: block;

}	

	

	

.conteudo-banner-1 {

  width: 100%;

  padding-top: 15px;

  padding-bottom: 80px;

}

	

.conteudo-banner-2 {

	display: none;

}	

	

.conteudo-banner-2-mobile {

  width: 100%;

  padding: 30px;

  display: block;

  padding-bottom: 0px;

	

}	

	

.chamada-banner {

  font-size: 40px;

  line-height: 43px;

  text-align: left;

}

	

.botao-banner {

  font-size: 16px !important;

  width: 100%;

  text-align: center;

}	

	



.logos-clientes {

  width: 4000px;

  height: 100px;

  background-size: contain;

}	

	

.logos-clientes-2 {

  width: 4000px;

  height: 100px;

  background-size: contain;

}	

	

	

	

/* PAGINA DEPOIMENTOS -----------------------------------*/	

#pagina_depoimentos {

  grid-template-columns: repeat(1, 1fr);

}

	

	

/* PAGINA BLOG -----------------------------------*/	

#blog-entries {

  display: grid !important;

  gap: 25px !important;

  padding: 0px !important;

  grid-template-columns: repeat(1, 1fr) !important;

}	

	

	

	

}