@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "trajan";
	src: url("https://crioseusite.net/fonts/trajan.ttf")  format("opentype");
	}

@font-face {
	font-family: "ida";
	src: url("https://crioseusite.net/fonts/ida.ttf")  format("opentype");
	}


* {margin: 0;padding: 0;border: 0;outline: 0;}

img, embed, object, video { height: auto; max-width: 100%;}

body {transition: all 200ms; background-color: #f8f8f8;}

strong {font-weight: 600;}

#container {max-width:1200px; height:auto; margin:0 auto;}

	h1 {
	font-family: 'trajan';
	font-size:40px;
	color:#fff;	
	margin-bottom: 10px;
	text-align:center;
	text-shadow: 1px 0px 5px #222;
	font-weight: 600;
	line-height: 120%;
}

	h2 {
	font-family: 'raleway', sans-serif;
	font-size:18px;
	color:#fff;	
	margin-bottom: 80px;
	text-align:center;
	text-shadow: 1px 0px 5px #222;
	font-weight: 400;
	line-height: 150%;
}

	h3 {
	font-family: 'trajan';
	font-size:28px;
	color:#1B2646;	
	text-align:center;
	font-weight: 400;
	font-variant: small-caps;
}




.line {width: 50px; height: 1px; background-color: #24325C; margin: 10px auto 50px;}

	p {
	font-family: 'raleway', sans-serif;
	font-size:15px;	
	font-weight: 400;
	text-align: left;
	line-height: 160%;
	color: #333;
}

	ul {margin: 0px 0px 5px 15px;}

	ul li {
	font-family: 'raleway', sans-serif;
	font-size:15px;	
	font-weight: 300;
	text-align: left;
	line-height: 170%;
	color: #fff;
}

	ul li ul {list-style-type: none!important;}

	ul li ul li::before {
		content: "-";
		padding-right: 5px;
		margin-left: -15px;
	}


#menu-mob {
	position: fixed;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 20px;
	z-index:999;
	display: none;
}

	#menu-mob img {padding: 5px;}
	
#close {
	position: fixed;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 20px;
	z-index:999;
	display: none;
}

	#close img {padding: 10px;}

		
#top-desk {
	top: 0;
	width:100%;
	height: 70px;
	margin: 0 auto;
	position: absolute;	
	z-index: 997;
	background: none;
}

#top-mob {
		display: none;
		}


.logo {
	position: absolute;
	left: 100px;
	top: 0px;
	width: 150px;
	height: auto;
	z-index: 998;
}

#head-mob {
	width: 100%;
	height: 0px;
	background-color: none;
	display: none;
	z-index: 998;
}

nav {
	margin: 45px 100px;
	text-align:center !important;	
	float: right;

}

	nav ul {list-style: none;}
			
	nav ul li {display: inline; }
  
	nav ul li a { 
		font-family: 'raleway', sans-serif !important;
		font-size:13px;
		padding: 20px 20px !important;
		display: inline-block;
		text-decoration: none !important;
		color: #fff;
		font-weight: 500;
		transition: all 200ms;
		margin: 0px;


	 }
	 
	nav ul li a:hover {color: #5675D1;}

	nav ul li .active {color: #5675D1;}

	#nav-mob {display:none;}



	.slide {
		margin-top: 0px;
		max-width: 1920px;
		height: 700px;
		box-shadow: 0px 1px 20px 0px #333;
			}

		.text-container {
			width: 100%;
			margin: 290px auto 0px;
		}

		.bg-box {	
			position: absolute;
			width:100%;
			height: 700px;
			background: rgba(0, 0, 0, 0.6);
			transition: all 200ms;
}


.btn {
	font-weight: normal!important;
	font-family: 'raleway', sans-serif !important;
	font-size:12px !important;
	text-align:center !important;
	padding: 14px 26px !important;
	color: #fff !important;
	text-decoration:none;
	transition: all .2s !important;
	background-color: #1B2646;
	font-weight: 400 !important;
	border-radius: 20px;
}

.btn:hover {background-color: #24325C;}



#quem-somos {
	width: 100%;
	height:auto;
	padding: 100px 0px 50px;
	background-repeat:repeat;
	background-image:url(imagens/bg-quemsomos.png);
}

	#quem-somos img {margin:30px auto 0px; width: 200px;}


#socias {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-repeat:no-repeat;
	background-position: center;
	background-image:url(imagens/bg-socias.jpg);
	background-size:cover;
}

	#socias h3 {color:#fff;}

	#socias .line {background-color: #fff;}


	#socias .titulo {
		font-family: 'trajan';
		font-size:26px;
		color:#fff;	
		text-align:left;
		font-weight: 400;
	}

	#socias p {line-height: 100%; margin-bottom: 10px;}

	#socias img {float: left; width: 20px; margin: 5px 10px 0px 0px}

	#socias span a {
	font-family: 'raleway', sans-serif;
	font-size:15px;	
	font-weight: 400;
	text-align: left;
	color: #fff;
	text-decoration: none;
	float: left;
	margin-top: 5px;
}

	#socias span a:hover {text-decoration: underline;}



#areas-de-atuacao {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-repeat:repeat;
	background-image:url(imagens/bg-atuacao.png);
}


	#areas-de-atuacao ul li {
		font-weight: 400;
		color: #333;
	}

	#areas-de-atuacao .titulo {
		font-family: 'trajan';
		color:#24325C;
		font-weight: 400;
		font-size: 24px;
		margin-bottom: -10px;
	}


	#areas-de-atuacao .box-desk {
		width: 300px;
		margin: 50px 0px 0px 50px;
		float: right;
	}

	#areas-de-atuacao .box1-desk {
		width: 850px;
		float: left;
	}


#tributario {display: block;}
#civil {display: none;}
#trabalho {display: none;}
#criminal {display: none;}
#previdenciario {display: none;}



	.box-desk .selecionar-lista {
		font-family: 'Raleway', sans-serif;
		font-size:15px;	
		font-weight: 500;
		text-align: center;
		width: 250px;
		padding: 15px 0px;
		margin-bottom:10px;
		color: #fff;
		background-color: #24325C; 
		border-radius: 20px;
	}


	.selecionar-lista:hover {cursor: pointer; background-color: #2B3C70;} 

#tributario-mob {display: block;}
#civil-mob {display: none;}
#trabalho-mob {display: none;}
#criminal-mob {display: none;}
#previdenciario-mob {display: none;}

#areas-de-atuacao .box-mob {width: 100%; height: auto; display: none;}

#areas-de-atuacao #box1-mob {width: 100%; margin: 20px auto; height: auto; display: none;}

	.box-mob .selecionar-lista {
		font-family: 'Raleway', sans-serif;
		font-size:15px;	
		font-weight: 500;
		text-align: center;
		width: 100%;
		padding: 15px 0px;
		margin-bottom:10px;
		color: #fff;
		background-color: #24325C; 
		border-radius: 20px;
	}

	.box-mob a { text-decoration: none!important;}

	.box-mob .titulo {margin-top: 20px;}

	.box-mob ul {margin-bottom: 20px;}


#contato {
	width: 100%;
	height:auto;
	padding-top: 100px;
	padding-bottom: 30px;
	background-repeat:no-repeat;
	background-position: center;
	background-image:url(imagens/bg-contato.jpg);
	background-size:cover;
}

	#contato .box1 {float: left; width: 600px; height: auto; margin-top: 0px;}
	#contato .box2 {float: left; width: 600px; height: auto; margin-top: 50px;}

	#contato h3 {color: #fff;}

	#contato .line {background-color: #fff;}

	#contato img {
		float: left; 
		width: 30px;
		margin: 0px 15px 10px 0px;
}

	#contato span {
		float: left; 
		text-align: left;
		color:#fff;
		font-family: 'raleway', sans-serif;
		font-size:16px;	
		font-weight: 400;
		line-height: 150%;
	}

	#contato a {
		text-decoration: none;
		color: #fff;
}

	#contato a:hover {text-decoration: underline;}

	#contato .links p {
		color: #eee;
		font-size: 14px;
		margin: 5px 0px 0px 45px;
	}


	.cop {
		color:#ddd!important; 
		font-size: 14px; 
		padding-top: 100px; 
		text-align: center;
		font-weight: 400;
	}

	.ass {		
		padding-bottom: 0px;
		text-align: center;
		font-weight: 300;
	}

	.ass a {font-size: 12px !important; color: #ddd!important;}