/*  
	Theme Name: Roberto Schorr JR 
	Author: Mustache
	Author URI: https://mustache.com.br
*/
*{font-family: "Montserrat", sans-serif; box-sizing: border-box;} body{padding: 0; margin: 0;} html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; } img, fieldset{border: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} @media screen {img {width: auto;}} a, a:hover{text-decoration: none; outline: none;} p {margin: 0 0 20px; padding: 0;} ul, ol, li {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em;} h1 {font-size: 2em; } h2 {font-size: 2.2em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; } html{scroll-behavior: smooth;} button, button:focus{cursor: pointer; outline: none; border:0} .grecaptcha-badge{display:none!important;} section{scroll-margin-top: 65px;}
:root {
  --amarelo: #f2ab51;
  --verde: #172a24;

}
/*Menu*/
#menu{
	width: 100%; 
	padding: 30px 10%; 
	height: auto; 
	position: sticky; 
	top: 0; 
	right: 0;
	left: 0; 
	z-index: 10000; 
	background: var(--verde);
	& img{
		height: 45px;
		width: auto;
	}
	& .navbar{
		padding: 0;
	}
	& .navbar-brand{
		padding: 0; 
		margin: 0;
	}
	& .navbar-expand-xl{
		& .navbar-collapse{
			margin: 0px auto 0 0; 
		}
		& .navbar-nav{
			margin: 0 -30px 0 auto; 
			& .dropdown-menu {
				position: absolute; 
				background: #fff; 
				color: var(--verde);
				font-size: 1rem; 
				border: 0;
				border-radius: 10px;
				margin: 0 -10px;
				&:before {
					content: ''; 
					top: -16px; 
					position: absolute; 
					left: 40px; 
					width: 0; 
					height: 0; 
					border-right: 8px solid transparent; 
					border-top: 8px solid transparent; 
					border-left: 8px solid transparent; 
					border-bottom: 8px solid #fff; 
				}
				& .dropdown-item{
					color: var(--verde);
					transition: .3s;
					&:hover{
						color: var(--amarelo);
					}
					}
				& li a {
					padding: 5px 0; 
					font-weight: 500;
				} 
			}
			& .nav-item{
				margin:  0px; 
				padding: 0px;
			}
			& .nav-link {
				color: #fff; 
				font-size: 1rem; 
				font-weight: 400; 
				transition: .3s; 
				margin: 0 15px;
				padding: 8px 0px; 
				&:hover{
					color: var(--amarelo);
					& .dropdown-menu{
						display: block;
					}
				}
			}
			& .contato{
				background: var(--amarelo);
				padding: 8px 20px;
				border-radius: 8px;
				color: var(--verde);
				&:hover{
					background: #fff;
					color: var(--verde);
				}
			}
			&  li:hover .dropdown-menu {
				display: block;
			}
		}
	}
	& .dropdown-item:hover {
		display: block; 
		width: 100%; 
		padding: 0.25rem 1.5rem; 
		clear: both; 
		color: var(--amarelo); 
		text-align: inherit; 
		white-space: nowrap; 
		background-color: transparent; border: 0; 
	}
	& .dropdown-toggle::after{
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		color: var(--amarelo); 
		display: inline-block;
		font-size: 11px;
		width: 11px;
		height: 15px;
		margin-left: .355em; 
		vertical-align: 0.055em;
		border-top: 0em solid; 
		border-right: 0em solid transparent;
		border-bottom: 0;
		border-left: 0em solid transparent;
	}
	& .collapse .navbar-collapse{
		margin-top: 7px;
	}
}
/*Topo*/
.topo{
	width: 100%;
	img{
		width: 100%;
		display: block;
		margin:  0;
		height: auto;
	}
}
/*Sobre*/
.sobre{
	padding: 100px 15%;
	color: #333;
	& img{
		width: 100%;
		height: auto;
		border-radius: 20px;
	}
	& .head{
		color: var(--amarelo);
		font-size: 1.2rem;
		line-height: 1.5;
		font-weight: 600;
		margin-bottom: 1rem;
		display: block;
	}
	& h2{
		font-size: 2.5rem;
		font-weight: 700;
		color: var(--verde);
		margin: 0;
		line-height: 1.2;
	}
	& p{
		font-size: 1.2rem;
		line-height: 1.5;
		margin: 15px 0 0;
		font-weight: 400;
	}
}
/**Areas de atuação*/
.areas{
	background: var(--verde);
	padding: 100px 10%;
	color: #fff;
	text-align: center;
	& .head{
		color: var(--amarelo);
		font-size: 1.2rem;
		line-height: 1.5;
		font-weight: 600;
		margin-bottom: 1rem;
		display: block;
	}
	& h2{
		font-size: 2rem;
		font-weight: 700;
		margin: 0 auto 60px;
		max-width: 100%;
		width: 750px;
		line-height: 1.2;
	}	
	& .area{
		padding: 30px;
		img{
			margin: 0 auto 15px;
			display: block;
			height: 80px;
			width: auto;
		}
		& h4{
			font-weight: 700;
		}
	}
}
/*Expeirneica*/
.experiencia{
	padding: 80px 20%;
	& .head{
		color: var(--amarelo);
		font-size: 1.2rem;
		line-height: 1.5;
		font-weight: 600;
		margin-bottom: 1rem;
		display: block;
		text-align: center;
	}
	& h2{
		font-size: 2rem;
		font-weight: 700;
		margin: 0 auto 60px;
		max-width: 100%;
		width: 750px;
		line-height: 1.2;
		color: var(--verde);
		text-align: center;

	}
	.topicos{
		padding: 30px;
		& h4{
			font-size: 1.8rem;
			font-weight: 700;
			margin: 0 0 40px;
			max-width: 100%;
			line-height: 1;
			color: var(--verde);
			border-left: solid 5px var(--amarelo);
			padding-left: 1rem;
		}
		ul{
			list-style: none;
			li{
				margin: 15px 0;
				color: var(--verde);
				font-weight: 700;
				font-size: 1.2rem;
				span.sub {
					display: block;
					font-size: 80%;
					min-height: 1rem;
					font-weight: 500;
				}
			}
		}		
	}
}
/*Depoimentos*/
.depoimentos{
	padding: 0 15% 100px;
	& .head{
		color: var(--amarelo);
		font-size: 1.2rem;
		line-height: 1.5;
		font-weight: 600;
		margin-bottom: 1rem;
		display: block;
		text-align: center;
	}
	& h2{
		font-size: 2rem;
		font-weight: 700;
		margin: 0 auto 60px;
		max-width: 100%;
		width: 750px;
		line-height: 1.2;
		color: var(--verde);
		text-align: center;

	}	
	.depoimento{
		padding: 15px;
		p{
			font-style: italic;
			font-size: 1.1rem;
			color: var(--verde);
			line-height: 1.5;
			margin: 5px 0;
		}

		h5{
			font-weight: 600;
			font-style: unset;
			margin: 0;
			font-size: 1rem;
		}
	}
}
/*Contato*/
.contato{
	padding: 150px 30px;
	background: var(--verde);
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
	& .head{
		color: var(--amarelo);
		font-size: 1.2rem;
		line-height: 1.5;
		font-weight: 600;
		margin-bottom: 1rem;
		display: block;
	}
	& h2{
		font-size: 2rem;
		font-weight: 700;
		margin: 0 auto 60px;
		max-width: 100%;
		width: 950px;
		line-height: 1.2;
	}	
	a.botao{
		padding: 15px 50px;
		font-weight: 700;
		font-size: 1.2rem;
		background: var(--amarelo);
		color: var(--verde);
		border-radius: 10px;
		transition: .3s;
		&:hover{
			background: #fff;
		}
	}
}
/*Rodape*/
.rodape{
	background: var(--verde); 
	padding: 100px 10% 50px; 
	color: #fff;
	.sub{
		color: var(--amarelo);
		margin: 10px 0;
	}
	.menu{
		h4{
			font-size: 1rem;
			font-weight: 700;
			margin: 0 0 15px;
		}
		ul{
			list-style: none;
			li{
				padding: 5px 0;
				transition: .3s;
				a{
					color: var(--amarelo);
					&:hover{
						color: #fff;
					}
				}
			}
		}
	}

	& .copy{
		margin: 80px auto 0; 
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: center;
		align-items: center;
		p{
			color: #608479;
		}
		& img{
			width: 40px; 
			margin: 0; 
			display: 
			block; filter: contrast(1) brightness(100);
		}
	}
}
/*404*/
.naoencontrado{ 
	color: #000; 
	padding: 200px 10%; 
	margin-bottom: 0px;
	& h1{
		font-weight: 700; 
		font-size: 3rem; 
		margin-bottom: 15px; 
		color: var(--verde);
	}
	& p{
		max-width: 90%; 
		font-size: 1.4rem; 
		line-height: 2.4rem; 
		font-weight: 400;
	}
	& a{
		color: var(--verde); 
		transition: .3s;
		&:hover{
			color: var(--amarelo);
		}
	}
}
/*Topo da página*/
.topo-pagina{
	background: var(--verde);
	color: #fff; 
	padding: 150px 10%; 
	text-align: center;
	margin-bottom: 0px;
	& h1{
		font-weight: 600; 
		font-size: 3.5rem; 
		margin: 0;
		letter-spacing: 2px;
	}
}
/*Pagina*/
.pagina{
	padding: 60px 10%; 
	& th, td{
		text-align: left; 
		border: 1px solid #e8e9eb; 
		line-height: 1.5; 
		padding: 10px 15px;
	}
	& a{
		color: var(--verde);
		transition: .3S;
		text-decoration: none;
		&:hover{
			color: var(--amarelo);
		}
	}
	& b, strong{
		color: var(--verde);
		font-weight: 700;
	}
	& p{
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: .5px;
	}
	& ul, ol{
		list-style-position: inside; 
		list-style: none;
	}
	& label{
		width: 100%; 
		text-align: left;
		margin: 5px 0;
		font-size: 1rem;
	}
	& select{
		text-transform: none; 
		width: 100%; 
		background: #eeeeee; 
		border:solid 1px #eeeeee;
		border: 0px; 
		padding: 15px 10px; 
		color: #000;
		border-radius: 8px;
	}
	& input{
		width: 100%; 
		background: #eeeeee; 
		color: #000; 
		padding: 15px; 
		border: solid 1px #eeeeee; 
		border-radius: 8px;
		transition: .3s;
	}
	& textarea{
		width: 100%; 
		height: 150px; 
		background: #eeeeee; 
		color: #000; 
		padding: 15px; 
		border: solid 1px #eeeeee; 
		border-radius: 8px;
		transition: .3s;
	}
	& input, textarea, select{
		&:focus{
			outline: none; 
			border: 0px; 
			border: solid 1px #324311;
		}
	}
	& input[type=submit]{
		width: 100%; 
		background: var(--verde); 
		color: #fff; 
		padding: 10px 50px; 
		width: auto; 
		border: 0; 
		border-radius: 8px; 
		transition: .3s;
		&:hover{
			background: var(--amarelo); 
			color: var(--verde);}
	}
	& input[type="radio"], input[type="checkbox"] {
		width: max-content;
	}
	& .wpcf7-list-item {
		display: inline-block;
		margin: 0;
	}
}

@media screen and (max-width: 1500px) {
	#menu {
    	padding: 30px 5%;
	}
	.sobre{
		padding: 80px 5%;
		& h2 {
        	font-size: 2.2rem;
		}
	}
	.areas{
		padding: 80px 30px;
		& h2 {
        	font-size: 2.2rem;
		}
		& .area {
			padding: 20px;
		}		
	}	
	.experiencia{
		padding: 80px 30px;
		& h2 {
        	font-size: 2.2rem;
		}
		& .area {
			padding: 20px;
		}		
	}
	.depoimentos{
		padding:0 5% 80px;
		& h2 {
        	font-size: 2.2rem;
		}
		& .area {
			padding: 20px;
		}		
	}			
	.rodape {
		padding: 80px 5% 50px;
	}
	.topo-pagina{
		padding: 100px 5%;
	}

}

@media screen and (max-width: 1024px) {
	#menu{
		& img{
			width: auto;
			height: 30px;
		}
		& .navbar-toggler-icon{
			height: auto; 
			width: auto
		}
		& .navbar-toggler {
			padding: 0; 
			outline: none; 
			font-size: 2.2rem; 
			color: var(--amarelo); 
			line-height: 1; 
			background-color: transparent; 
			border: 0px solid transparent; 
			height: auto;
		}
		& .navbar-expand-xl{
			& .navbar-collapse {
			margin: 50px auto 0px; 
			padding: 0 0 20px;
			min-height: calc(100vh - 90px);
			}
			& .dropdown-menu{
				position: relative!important;
                margin: 0 -10px;
                float: unset;
                width: 100%;
				max-width: 100%;
				& .dropdown-item{
					white-space: normal;
					padding: 0.25rem 1rem;
					letter-spacing: .5px;
					font-size: .9rem;
				}
				&:before{
					left: 5%;
				}
			}
		}
		& .navbar-nav{
			margin: 0px!important;
			width: 100%;
			& .nav-item {
				margin: 0px 0px; 
				padding: 10px 0px;
				& .login {
					margin: 10px 0 0 0 !important;
				}
			}
			& .nav-link{
			padding: 5px 0px;
			margin: 0!important;
			text-align: left;
			}
			& li:hover .dropdown-menu {
				display: block; 
				border: 0; 
				margin: 7px 0px;
			}
		}
	}
	.sobre {
        padding: 60px;
		& h2{
			font-size: 2rem;
		}
		& img{
			margin-top: 25px;
		}
    }
	.areas {
        padding: 60px;
		& h2{
			font-size: 2rem;
		}
    }	
    .experiencia {
        padding: 60px;
		& h2{
			font-size: 2rem;
		}
    }	
    .depoimentos {
        padding: 0 60px 60px;
		& h2{
			font-size: 2rem;
		}
    }
    .contato {
        padding: 60px;
		& h2{
			font-size: 2rem;
		}		
    }		
	.rodape{
		padding: 80px 60px;
		.sub {
			margin-bottom: 30px;
		}		
	}
	.pagina {
		padding: 60px;
	}
}

@media screen and (max-width: 480px) {
	.sobre {
        padding: 40px 30px;
		& .head {
			font-size: 1.1rem;
		}
        & h2 {
            font-size: 1.4rem;
        }
		& p {
			font-size: 1rem;
			margin: 5px 0 0;
		}		
    }
	.areas {
        padding: 50px 30px 30px;
		& h2{
			font-size: 1.6rem;
            margin-bottom: 30px;
		}
        & .area {
            padding: 20px 0;
			& img{
				height: 60px;
			}
			& h4 {
				font-size: 1.2rem;
			}	
			& p {
				margin: 10px 0;
				font-size: .95rem;
			}					
        }		
    }	
    .experiencia {
        padding: 40px 30px;
		& .head{
			font-size: 1rem;
			margin-bottom: 10px;
			text-align: left;
		}
		& h2{
            font-size: 1.4rem;
            margin-bottom: 30px;
            text-align: left;
		}
		& .topicos {
			padding: 15px 0;
			& h4 {
            font-size: 1.3rem;
            margin: 0 0 20px;
			padding-left: 10px;		
			}		
			& ul {
				& li {
					font-size: 1.1rem;
					span.sub {
						min-height: auto;
					}
				}
			}	
		}			
    }	
    .depoimentos {
        padding: 0 20px 40px;
		& .head{
			font-size: 1rem;
			margin-bottom: 10px;
		}		
		& h2{
			font-size: 1.5rem;
			margin-bottom: 00px;
		}
		.depoimento {
			padding: 15px 0;
			text-align: center;
			p{
				font-size: 1rem;
			}
		}		
    }
    .contato {
        padding: 60px 30px;
		& .head{
			font-size: 1rem;
			margin-bottom: 10px;
		}			
		& h2{
			font-size: 1.5rem;
			margin-bottom: 20px;
		}	
		a.botao {
			padding: 20px;
			display: block;
			line-height: 1.1;
			max-width: 100%;
			width: max-content;
		}			
    }	
	.pagina{
		padding: 40px 30px;
		text-align: left;
	}
	.topo-pagina{
		padding: 50px 30px;
		& h1 {
			font-size: 1.8rem;
		}
	}
	.rodape {
		padding: 60px 40px 40px;
		& .copy {
			padding-top: 0px;
			margin: 50px 0 0;
			p {
				font-size: .8rem;
				text-align: center;
			}
		}
	}
}