#fixed-parent{



}

#theFixed {

  position:fixed;

  top:0px;

  width: 25%;

}

#footer{

    height: auto;

width: 100%;

}



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





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



/* ANIMAÇÕES ELEMENTOS -----------------------------------*/




@keyframes apeear {
	from {
		opacity: 0;
		translate: -100vw 0;
	}
	
	to {
		opacity: 1;
		translate: 0 0;
	}
	
}




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

.page-header {



}


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




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

}


/* EFEITO HOVER--------------------------------- */
.efeito-hover:hover {
  box-shadow: -2px 11px 31px -1px rgba(0,0,0,0.5) !important;
  -webkit-box-shadow: -2px 11px 31px -1px rgba(0,0,0,0.5) !important;
  -moz-box-shadow: -2px 11px 31px -1px rgba(0,0,0,0.5) !important;	
  transition: all 300ms ease-in !important;
  transform: scale(1.05) !important;
  z-index: 99;
}




/* BANNER PRINCIPAL--------------------------------- */
 .owl-dots {
width: 100% !important;
  bottom: 30px !important;
  position: absolute;
  text-align: center;
 
}
.owl-dots.active {
     background: #ffa60a !important;
}
.owl-dot {
     width: 15px !important;
     height: 15px !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;
}

 .owl-carousel .animated {
     animation-duration: 500ms !important;
     animation-fill-mode: both !important;
}



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


/* PAGINA SINGLE POST--------------------------------- */
#container-master-banner-post{
     overflow: hidden;
     width: 100%;
     height: 100vh;
}

.container-banner-post{
     overflow: hidden;
     position: relative;
     height: 100vh;
}
.imagem-banner-post{
     overflow: hidden;
}
.imagem-banner-post img{
    position: absolute;
	width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
}
.conteudo-banner-post{
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.titulo-banner-post{
  position: relative;
  text-align: left;
  font-size: 40px;
  line-height: 1.2;
  padding: 10px;
  z-index: 9;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 400;
  text-shadow: 2px 2px 6px #000;
}

.subtitulo-banner-post{
  position: relative;
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  padding: 0px;
  z-index: 9;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 400;
  text-shadow: 2px 2px 6px #000;
}


.conteudo-post {
  width: 50%;
  margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}


.wp-block-gallery.has-nested-images figure.wp-block-image {
  margin-bottom: 40px !important;
}



/* THUMBS POSTS------------------------------------------------------------------ */
 #thumbs-trabalho{
     width: 100%;
     margin-top: 50px;
	 
}

 #thumbs-trabalho-2{
    width: 100%;
    margin: 0 auto;
     margin-top: 100px;
	 
}
.container-thumb-trabalho {
    overflow: hidden;
     position: relative;
     height: 400px;
     float: left;
     width: 33%;
	padding: 10px;
}

.container-thumb-trabalho:nth-of-type(3n+0) {
    width: 34%;
}


.imagem-thumb-trabalho{
     overflow: hidden;
	width: 100%;
    height: 100%;
}
.imagem-thumb-trabalho img {
  transition: transform .5s ease;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.container-thumb-trabalho:hover img {
     transform: scale(1.2);
}

.imagem-thumb-trabalho img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image.wp-post-image{
   position: absolute;
	width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
}

.titulo-thumb-trabalho{
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 26px;
    line-height: 1.2;
    padding: 20px;
    z-index: 9;
    color: #fff;
    filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: opacity .15s ease-in-out;
     -moz-transition: opacity .15s ease-in-out;
     -ms-transition: opacity .15s ease-in-out;
     -o-transition: opacity .15s ease-in-out;
     transition: opacity .15s ease-in-out;
	text-shadow: 2px 2px 6px #000;
}
.container-thumb-trabalho:hover .titulo-thumb-trabalho{
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 26px;
    line-height: 1.2;
    padding: 20px;
    z-index: 9;
    color: #fff;
    filter: alpha(opacity=100);
     opacity: 1;
     -webkit-transition: opacity .15s ease-in-out;
     -moz-transition: opacity .15s ease-in-out;
     -ms-transition: opacity .15s ease-in-out;
     -o-transition: opacity .15s ease-in-out;
     transition: opacity .15s ease-in-out;
}




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

ul li::marker {

	color: #ED6F2C !important;

	font-size: 25px;

	

}






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

.contato a{
	color: #22332D;
	transition: all .3s ease-out;
}



.contato a:hover{
color: #45A875;
transition: all .3s ease-out;
}






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




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

.related-thumb img {
  border-radius: 8px !important;

}


.related-thumb {
  border-radius: 8px !important;

}



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

.menu-rodape ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 22px;

}



.menu-rodape a{
	font-family: 'Work Sans';
	font-size: 12px;
	color: #FFF;
	transition: all .3s ease-out;
}



.menu-rodape a:hover{
color: #45A875;
transition: all .3s ease-out;
}

.contato-rodape a{
	font-family: 'Work Sans';
	font-size: 12px;
	color: #FFF;
	transition: all .3s ease-out;
}



.contato-rodape a:hover{
color: #45A875;
transition: all .3s ease-out;
}



.logo-visto {

  max-width: 60px !important;

}



.sf-menu a.menu-link {

  font-weight: 600;

}



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

  

}









@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;

}

	
.container-thumb-trabalho {
  overflow: hidden;
  position: relative;
  height: 250px;
  float: left;
  width: 100%;
  padding: 10px;
}



}





@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;

}

	

.container-thumb-trabalho {
  overflow: hidden;
  position: relative;
  height: 250px;
  float: left;
  width: 100%;
  padding: 10px;
}
	

	

}



@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-trabalho {
  overflow: hidden;
  position: relative;
  height: 250px;
  float: left;
  width: 100%;
  padding: 10px;
}


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




	

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



	

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


	

	

}