@font-face {
    font-display: swap;
    font-family: icon-font;
	src: url('../fonts/icon-font.eot');
	src: url('../fonts/icon-font.eot?#iefix') format('eot'), url('../fonts/icon-font.woff') format('woff'), url('../fonts/icon-font.ttf') format('truetype'), url('../fonts/icon-font.svg#icon-font') format('svg');
}
.icon-menu-close:before,
.icon-menu:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.nav .nav-submenu > a:after,
.nav-button:before,
.nav-close:before,
.nav > ul > .nav-submenu > a:after {
    font-family: icon-font;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: top;
}
.icon-desktop:before {
    content: "\E001";
}
.icon-menu-close:before {
    content: "\E002";
}
.icon-menu:before {
    content: "\E003";
}
.icon-mobile:before {
    content: "\E004";
}
.icon-submenu-down:before {
    content: "\E005";
}
.icon-submenu-right:before {
    content: "\E006";
}
.icon-world:before {
    content: "\E007";
}
.center {
    margin: 0 auto;
    max-width: 1200px;
}
.left {
    float: left;
}
.right {
    float: right;
}
.margin-right {
    margin-right: 35px;
}
.margin-left {
    margin-left: 35px;
}
.margin-top {
    margin-top: 35px;
}
.margin-bottom {
    margin-bottom: 35px;
}
.align-center {
    text-align: center;
}
.row {
    width: 100%;
    display: table;
}
/* COLS 2 A 7 */
.col-2, .col-3, .col-4, .col-5, .col-6, .col-7 {float:left;margin-right:3%;position:relative;}
.col-2 {width:48.5%;}
.col-3 {width:31.33333333333333%;}
.col-4 {width:22%;}
.col-5 {width:17.6%;}
.col-6 {width:14.16666666666667%;}
.col-7 {width:11.71428571428571%;}

.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n),
.col-5:nth-child(5n),
.col-6:nth-child(6n),
.col-7:nth-child(7n) {
	margin-right:0;
}
.content {
    width: 64%;
    margin-bottom: 20px;
    position: relative;
}
.content-full {
    width: 100%;
    margin-bottom: 20px;
}
.sidebar {
    width: 23%;
    margin-bottom: 20px;
    position: relative;
}
.mob {
    display: none;
}
section {
    width: 100%;
}
.eac-sugg {
    color: #000;
    top: 0;
    margin: -8px 0 0 0;
    padding: 0;
}
.cover,
.parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}
.parallax {
    background-attachment: fixed;
}
	.parallax-layer {
		padding:90px 0;
		background-color: rgba(0,0,0,0.5);
	}
.img {
	margin-bottom:30px;
}

body {
    font-family: 'Open Sans';
    font-size: 15px;
	color:#333333;
}
header {
	width:100%;
	display:table;
	z-index: 901;
	background:#FFF;
	-webkit-transition: all .60s ease; -moz-transition: all .60s ease; 
	-ms-transition: all .60s ease; -o-transition: all .60s ease; 
	transition: all .60s ease;
}
	.menu-fixo {
		position:fixed;
		-webkit-transition: all .60s ease; -moz-transition: all .60s ease; 
		-ms-transition: all .60s ease; -o-transition: all .60s ease; 
		transition: all .60s ease;
		box-shadow:0px 2px 5px #DDD;
		background:#FFFFFF;
	}
	header .logo {
		float:left;
		display:table;
		width:280px;
		margin:8px 0 0 0;
	}
	header .cta {
		margin-top:14px;
	}

.nav-button {
    position: fixed;
    top: 0;
    overflow: hidden;
    z-index: 902;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: none;
    right: 0;
    font-size: 25px;
    padding: 27px 25px;
	background:none;
	border:none;
}
.nav-button:before {
    display: block;
    text-align: center;
    content: "\E003";
}
.open:before {
	content:"\E003";
}
.close:before {
	content:"X";
	font-family:'Arial';
}
.nav-lock-scroll {
    overflow: hidden;
}
.nav {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    overflow-x: hidden;
    overflow-y: auto;
}
.nav ul {
    display: block;
    position: relative;
    zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited {
    display: block;
    position: relative;
}
@media only screen and (min-width: 960px) {
    .nav {
        display: block;
        position: relative;
        bottom: auto;
        overflow: visible;
    }
    .nav li {
        position: relative;
        white-space: nowrap;
    }

    .nav > ul > li {
        display: inline-block;
    }
    .nav ul {
        display: block;
    }
    .nav ul ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 901;
    }
    .nav ul ul ul {
        top: 5px;
        left: 100%;
        z-index: 902;
    }
    .nav ul ul ul ul {
        z-index: 903;
    }
    .nav ul ul ul ul ul {
        z-index: 904;
    }
    .nav ul ul li.nav-left > ul {
        left: auto;
        right: 95%;
    }
    .nav-no-js .nav li:hover > ul {
        display: block;
    }
}
@media only screen and (max-width: 959px) {
    .nav-no-js .nav-button:hover + .nav,
    .nav-no-js .nav-button:hover + .nav + .nav-close,
    .nav-no-js .nav:hover,
    .nav-no-js .nav:hover + .nav-close {
        display: block;
    }
}
@media only screen and (min-width: 960px) {
    .nav {
        float: left;
        margin: 0 0 0 100px;
        display: table;
    }
    .nav > ul > li > a {
		padding: 31px 15px;
    }
    .nav ul ul li a {
        font-size: 15px;
        padding: 12px 20px;
        color: #222;
    }
    .nav li > ul {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    }
    .nav .nav-submenu li {
        min-width: 167px;
    }
    .nav .nav-submenu > ul {
        margin: 0;
    }
    .nav ul ul li:last-child {
        border-bottom: none;
    }
    .nav > ul > .nav-submenu > a:after {
        top:33px;
		content: "\E005";
    }
    .nav .nav-submenu > a:after {
        content: "\E006";
    }
}
.nav ul ul {
    background: #fff;
}
.nav ul ul ul {
    background: #fff;
}
.nav ul ul ul ul {
    background: #fff;
}
.nav ul ul ul ul ul {
    background: #fff;
}
.nav ul ul li {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.nav .nav-submenu > a {
    padding-right: 30px !important;
}
.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.nav .nav-submenu > a:after {
    position: absolute;
    display: block;
    right: 5px;
    top: 27px;
    content: "\E005";
}
.nav li.nav-active > a,
.nav li:hover > a {
    color: #fff;
    background: #406309;
}
.nav li li.nav-active > a,
.nav li li:hover > a {
    background: #588A0D;
}
@keyframes animatedBackground1 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 100%;
    }
}
	.parallax-home {
		background-image:url(../img/bg10.jpg);
		animation: animatedBackground1 40s infinite alternate;
	}
	.home-apresentacao .parallax-layer {
		padding:140px 0 100px 0;
		background-color: rgba(0,0,0,0.5);
	}
	.home-apresentacao .center {
		max-width:950px;
		text-align:center;
		color:#FFFFFF;
	}
	.home-apresentacao h1,
	.home-apresentacao h2 {
		font-size:40px;
		font-weight:600;
		text-shadow:1px 2px #000;
		color:#FFFFFF;
		margin-bottom:30px;
	}
	.home-apresentacao p {
		text-shadow:1px 1px #000;
		font-size:18px;
		line-height:28px;
	}
	.home-apresentacao .cta {
		margin:50px auto;
	}
	.cta {
		font-size:14px;
		color:#FFFFFF;
		font-weight:700;
		text-transform:uppercase;
		text-shadow: 1px 1px #000000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .60s ease; 
		-moz-transition: all .60s ease; 
		-ms-transition: all .60s ease; 
		-o-transition: all .60s ease; 
		transition: all .60s ease;
		padding:16px 25px;
		background-image: linear-gradient(to right, #71B011, #406309);
		display:table;
	}
.home h2 {
	font-size:30px;
    font-weight:400;
    color:#111;
	text-align:center;
	margin-bottom:30px;
}
.home h3 {
	font-size:17px;
	color:#111;
}
.home p {
	margin:15px 0;
}
.atuacao {
	padding:60px 0;
}
.atuacao .item {
    text-align: center;
}
	.atuacao .item span {
		text-align: center;
		height: 140px;
		padding: 0 15px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.atuacao .item span img {
		max-height: 120px;
		max-width: 150px;
	}
	.atuacao h3 {
		font-size:18px;
		font-weight:700;
		padding:10px 0;
	}
	.atuacao ul li {
		font-size:14px;
		color: #333;
		padding:5px 0;
	}
	.atuacao ul li strong {
		font-weight:bold; 
		color:#009900;
	}

.team {
	background:url(../img/icon-3.png) left bottom no-repeat, url(../img/icon-4.png) right bottom no-repeat, #EEE;
	padding:60px 0 80px 0;
}
	.team .center {
		max-width:1100px;
	}
	.team .item {
		width:260px; 
		height:324px; 
		margin:0 auto; 
		position:relative;
	}
	.team .item span {
		border:solid 7px #CCC; 
		border-radius:3px;
		height:324px; 
		width:240px; 
		background:none; 
		float:right;
		-webkit-transition: all .60s ease; 
		-moz-transition: all .60s ease; 
		-ms-transition: all .60s ease; 
		-o-transition: all .60s ease; 
		transition: all .60s ease;
	}
	.team .item:hover span {
		border-color:#C5DE11;
		-webkit-transition: all .60s ease; 
		-moz-transition: all .60s ease; 
		-ms-transition: all .60s ease; 
		-o-transition: all .60s ease; 
		transition: all .60s ease;
	}
	.cover {
		width:235px; 
		height:283px; 
		position:absolute; 
		top:20px;
	}
	.cover.mara {
		background-image:url(../img/dra-mara.jpg);
	}
	.cover.christovam {
		background-image:url(../img/dr-christovam.jpg);
	}
	.cover.raphael {
		background-image:url(../img/dr-raphael.jpg);
	}
	.team h4 {
		padding:10px 0 0 0;
		font-size:17px;
		color:#000000;
	}

.modal {
	position:fixed;
	display:none;
	top:0; 
	left:0;
	z-index:9999; 
	width:100%;
	height:100%; 
	background:url(../img/icon-3.png) left bottom no-repeat, url(../img/icon-4.png) right bottom no-repeat, rgba(255,255,255,1);
	overflow:auto;
}
	.modal-bt-close {
		position:fixed;
		right:90px;
		top:20px;
		display:block;
		background:url(../img/bt-close.png) no-repeat center;
		height:58px;
		width:58px;
	}
	.modal-centraliza {
		margin:2.5% auto 4% auto; 
		max-width:950px;
		overflow-y:visible; 
		line-height:normal;
		-webkit-transition: all .60s ease; -moz-transition: all .60s ease; 
		-ms-transition: all .60s ease; -o-transition: all .60s ease; 
		transition: all .60s ease;
		padding:100px 0 50px 0;
		position:relative;
	}
		.modal .sidebar {
			position:fixed;
			text-align:center;
		}
		.modal p {
			color:#333333;
			font-size:16px;
			line-height:30px;
		}

.numbers {
    background-image:url(../img/bg13.jpg);
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 1px 1px #000;
}
.numbers span {
    font-size: 40px;
    font-weight: 700;
}
.numbers i {
    font-style: normal;
    color: #fff;
}
.sobre {
	padding:80px 0; 
	display:table;
}
.tab {
	margin:20px 0;
}
	.tab a {
		margin-right:10px;
		background:#DDD;
		color:#111;
		padding:15px 25px;
		border-radius:3px;
	}
	.tab a.active {
		background-image: linear-gradient(to right, #71B011, #406309);
		color:#FFF;
		font-weight:bold;
		text-shadow:1px 1px #111;
	}
	.tabcontent {
		width:100%;
		display:table;
		border-left:solid 2px #C5DE11;
		padding:5px 25px;
	}

.contato {
	padding:50px 0;
}
.bt-fone,
.bt-whatsapp {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-repeat: no-repeat;
}
.bt-fone {
    background-color: #03c;
    background-image: url(../img/ico-fone.png);
    background-size: 15px;
    background-position: 10px 6px;
    padding: 7px 15px 7px 30px;
    visibility: hidden;
}
.bt-whatsapp {
    background-color: #2ba639;
    background-image: url(../img/ico-whatsapp.png);
    background-size: 45px;
    background-position: 0 -6px;
    padding: 10px 15px 10px 45px;
}
form {
    margin: 10px 0;
    width: 100%;
}
input[type="email"],
input[type="number"],
input[type="text"],
select,
textarea {
    width: 100%;
    display: table;
    border: none;
    padding: 15px 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	letter-spacing:2px;
    background: 0 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #000;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}
textarea {
    margin-top: 10px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
    color: #000;
    border-color: #2a635a;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
form ::-webkit-input-placeholder {
    color: #666;
}
form :-moz-placeholder {
    color: #666;
}
form ::-moz-placeholder {
    color: #666;
}
form :-ms-input-placeholder {
    color: #666;
}
footer {
    width: 100%;
    display: table;
    background: #35363A;
    color: #FFF;
    position: relative;
    padding: 15px 0;
	border-top:solid 2px #C5DE11;
}
footer address {
    font-size: 14px;
}
footer a {
    color: #fff;
}
footer hr {
    margin: 12px 0 10px 0;
    border: none;
    border-bottom: solid 1px #63656B;
}
footer .col-2 {
    margin-bottom: 0;
}
footer .col-2:nth-child(2n) {
    text-align: right;
}
.footer-copy {
    font-size: 10px;
}
.redes {
    vertical-align: middle;
    float: right;
    margin: 0 -7px 0 0;
    display: table;
}
.redes img {
    float: left;
    margin:5px 7px 0 0;
    width: 40px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.redes img:hover {
    margin-top: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.facebook {
    font-size: 23px;
    padding-top: 6px;
}
.instagram {
    font-size: 27px;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    padding-top: 4px;
}
#back-top a {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9998;
    background: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    padding: 12px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
#back-top a:hover {
    background: #000;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.inner .title {
    text-align: center;
}
.title .parallax-layer {
    padding: 60px 0 50px 0;
}
.parallax-auto {
    background-image: url(../img/seguro-auto.jpg);
    animation: animatedBackground1 30s infinite alternate;
}
.parallax-empresarial {
    background-image: url(../img/bg07.jpg);
    animation: animatedBackground1 20s infinite alternate;
}
.parallax-trabalhista {
    background-image: url(../img/bg14.jpg);
    animation: animatedBackground1 30s infinite alternate;
}
.parallax-tributaria {
    background-image: url(../img/bg02.jpg);
    animation: animatedBackground1 30s infinite alternate;
}
.parallax-contenciosa {
    background-image: url(../img/bg03.jpg);
    animation: animatedBackground1 30s infinite alternate;
}
.parallax-criminal {
    background-image: url(../img/bg01.jpg);
    animation: animatedBackground1 30s infinite alternate;
}
.parallax-contato {
    background-image: url(../img/bg04.jpg);
    animation: animatedBackground1 30s infinite alternate;
}
.parallax-sobre {
    background-image: url(../img/bg12.jpg);
    animation: animatedBackground1 30s infinite alternate;
}
.inner h1 {
    font-size: 35px;
    font-weight: 700;
    text-shadow: 2px 2px #000;
    color: #fff;
}
.inner .title p {
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    text-shadow: 1px 1px #000;
    color: #fff;
    margin: 25px auto;
    padding: 0 25px;
    max-width: 950px;
}
.inner-text {
    padding: 30px 0 50px 0;
}
.inner h2 {
    font-size:22px;
	color:#000000;
	margin: 20px auto;
	text-align:center
}
.inner h3 {
    font-size: 18px;
	color:#000000;
	margin-bottom:15px;
}
.inner p {
    padding: 0 0 20px 0;
	line-height:25px;
}
.inner .contato {
    background-image: linear-gradient(to bottom, #eee, #fff);
}
.areas .item {
	border:solid 1px #CCCCCC; 
	border-radius: 3px; 
	padding:15px 15px 0 15px;
	margin-bottom:30px;
}
	.areas .item h3 {
		background-image:url(../img/ico-check.png);
		background-position:center top;
		background-repeat:no-repeat;
		background-size: 45px;
		padding:50px 0 0 0;
		min-height:45px;
		text-align:center;
		font-size:16px;
	}
	
.obrigado-404 {
	height:100vh;
	padding:100px 20px;
	text-align:center;
}
	.obrigado-404 img {
		width:100%;
		max-width:400px;
	}
	.obrigado-404 h3, .obrigado-404 .cta{
		text-align:center;
		margin:30px auto;
	}
	.obrigado-404 h3{
		font-size:18px;
	}
@media screen and (max-width: 1150px) {
    .center,
    .modal-centraliza {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media screen and (max-width: 1100px) {
    .col-4 {
        width: 45%;
        margin-right: 10%;
        margin-bottom: 50px;
    }
    .col-5 {
        width: 45%;
        margin-right: 10%;
        margin-bottom: 50px;
    }
    .col-4:nth-child(2n),
    .col-5:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 960px) {
    header {
        padding: 5px 0;
    }
	header .logo {
		width:260px;
	}
    header .cta {
        display: none;
    }
    .nav-button {
        display: block;
    }
    .nav {
        top: 73px;
    }
    .nav ul {
        background: #fff;
    }
    .nav > ul > li > a {
        padding: 15px 30px;
        border-bottom: solid 1px #ccc;
    }
    .nav ul ul li a {
        padding: 15px 40px;
        color: #666;
    }
    .nav .nav-submenu > a:after {
        top: 16px;
        right: 30px;
    }
}
@media screen and (max-width: 850px) {
    .col-2 {
        width: 100%;
        margin-bottom: 30px;
    }
    .mob {
        display: block;
    }
    input[type="email"],
    input[type="text"],
    textarea {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px;
    }
    input[type="submit"] {
        float: left;
    }
    #telefone {
        width: 100%;
    }
    footer .col-2:nth-child(2n) {
        text-align: left;
    }
    .redes {
        margin: 15px 10px 0 0;
        float: left;
    }
}
@media screen and (max-width: 768px) {
    .col-3,
    .content,
    .sidebar {
        width: 100%;
    }
	.col-3 {
		margin-bottom:30px;
	}
    .bt-fone {
        visibility: visible;
    }
	.home h2 {
		font-size:23px;
	}
	.modal .sidebar {
		position:inherit;
		margin-bottom:30px;
	}
	.modal-centraliza {
		max-width:500px;
	}
	.modal-bt-close {
		right:30px;
		bottom:20px;
		top:inherit;
		background:#406309;
		color:#FFFFFF;
		padding:15px 20px;
		z-index:9999;
		color:#FFFFFF;
		width:auto;
		height:auto;
		display:table;
	}
}
@media screen and (max-width: 640px) {
    .col-6,
    .col-7 {
        width: 49%;
        margin-bottom: 30px;
    }
    header .logo {
        margin: 4px 0 3px 0;
    }
    .home-apresentacao .parallax-layer {
        padding: 80px 0;
    }
    .home-apresentacao h1,
    .home-apresentacao h2 {
        font-size: 24px;
    }
    .home-apresentacao p {
        font-size: 15px;
		line-height:normal;
    }
    .home-apresentacao .cta {
        margin: 30px auto;
    }
	.team {
		background:#EEE;
	}
	.modal {
		background:#FFFFFF;
	}
    .inner h1 {
        font-size:24px;
    }
    .inner .title p {
        font-size: 16px;
        line-height: 26px;
    }
	.inner p {
        line-height: 28px;
    }
	.modal .sidebar {
		text-align:center;
	}
	.modal h3 {
		font-size:17px;
	}
}
@media screen and (max-width: 400px) {
    .col-4,
    .col-5,
    .col-6,
    .col-7 {
        width: 100%;
        margin-bottom: 30px;
    }
}