@charset "utf-8";

/** Styles**/

@import "all.min.css";
@import "bootstrap.min.css";
@import "hamburguer-menu.css";
@import "owl-carrousel.css";
@import "owl.theme.default.min.css";
@import "owl.carousel.min.css";
@import "mailform.css";
@import "stick.css";

body{
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
}

.parallax-section-1{
	background-image: url('../images/bg-lsilvano.jpg');
	background-position: 50% 13px;
	background-size: cover;
	padding:50px 0px 50px 0px;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
.parallax-section-1::before{
	 content: "";
	  position: absolute;
	  background: url(../images/assets/dot-pattern.png) repeat;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  right: 0;
	  left: 0;
	  bottom: 0;
}
.parallax-section-2{
	background-image: url('../images/bg-lsilvano.jpg');
	background-position: 50% 13px;
	background-size: cover;
	padding:50px 0px 50px 0px;
	background-repeat: no-repeat;
	width:100%;
	height:30%;
}
.parallax-section-2::before{
	content: "";
	  position: absolute;
	  background: url(../images/assets/dot-pattern.png) repeat;
	  width: 100%;
	  height:30%;
	  top: 0;
	  right: 0;
	  left: 0;
	  bottom: 0;
}
.parallax-section-3{
	background-image: url('../images/1bg-lsilvano.jpg');
	background-position: 50% 13px;
	background-size: cover;
	padding:50px 0px 50px 0px;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
.parallax-section-3::before{
	 content: "";
	  position: absolute;
	  background: url(../images/assets/dot-pattern.png) repeat;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  right: 0;
	  left: 0;
	  bottom: 0;
}
.parallax-section-4{
	background-image: url('../images/office.jpg');
	background-position: 50% 13px;
	background-size: cover;
	padding:50px 0px 50px 0px;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
.parallax-section-4::before{
	 content: "";
	  position: absolute;
	  background: url(../images/assets/dot-pattern.png) repeat;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  right: 0;
	  left: 0;
	  bottom: 0;
}
header .logo{
	width:450px;
	margin: 0 auto;
}
.outer-menu{
	display: none;
}
nav {
  padding: 24px;
  text-align: center;
}
#nav-1 {
  background: transparent;
}	
#menu .current {
  background-color: #FFF;
  color: #C84328;
  padding: 24px 10px; 
  text-shadow: 1px 1px 1px black;
}
a:focus{
	color:#FFF;
	text-decoration: none;
}
a{
	color: #333;
}
a:visited
{
  text-decoration: none;
}
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.link-1 {
   transition: 0.4s;
  color: #FFF;
  font-size: 20px;
  text-decoration: none;
  padding: 0 10px;
  margin: 0 10px;
  text-shadow: 1px 1px 1px black;
}
.link-1:hover, .current {
  background-color: #0091C8;
  color: #FFF;
  padding: 24px 10px; 
  text-shadow: 1px 1px 1px black;
}
.my-carousel h3{
	color:#FFF;
	text-shadow: 1px 1px 1px black;
	font-size:30px;
	text-transform: uppercase;
}
.my-carousel span{
	color:#FFF;
	text-shadow: 1px 1px 1px black;
	font-size:20px;
}

.carousel-caption{
	top:40% !important;
}
.link-1:focus{
	color: #FFF;
}
#faixa{
	background-color:#7c7c7c;
}
.fx{
	padding-top:30px;
	padding-bottom: 30px;
	text-transform: uppercase;
	font-weight: 800;
}
.dsd{
	font-size:14px !important;
}
.ano{
	font-size:20px !important;
}
.pipe{
	border-right:2px solid #FFF;
}
.texto{
	font-size:14px !important;
	
}
.btn{
	border-radius: 50px;
	color: #FFF !important;
	padding: 15px 25px;
}
.botao{
	border-color:#C84328;
	margin-right:10px;
	transition: all ease-out 300ms;
}
.botao:hover{
	background-color:#C84328;
}
.botao1{
	border-color:#C84328;
	transition: all ease-out 300ms;
	background-color:#C84328; 
}
.botao1:hover{
	opacity: 0.6;
}
section#sobre{
	padding-top:100px;
	padding-bottom:100px;
}
#sobre .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
}
#sobre .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color: #C84328;
	left: 15px;
	bottom: -10px;
}
section#docs{
	background-color:#f3f3f3;
	padding-top:100px;
	padding-bottom:100px;
}
.util:hover{
	background-color:rgba(255,255,255,0.8);	
}

#docs h2{
	position: relative;
}
#docs .title::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color: #C84328;
	left: 15px;
	bottom: -10px;
}
#docs .icone{
	color: rgba(0,118,163,0.3);
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 700;
	left: 15px;
}
#docs .icone-numero{
	top: -110px;
	font-size: 180px;
}
.p-2{
	padding:30px !important;
}
.p-5{
	padding-top:80px !important;
}
.position-relative{
	position: relative;
}
.d-block{
	display: block;
}
a{
	transition: all ease-out 300ms;
}
section#noticias{
	padding-top:100px;
	padding-bottom:100px;
	background-color:#C84328;
	color:#FFF;
}
#noticias .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
}
#noticias .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color: #FFF;
	left: 0;
	bottom: -10px;
}
#noticias .item a{
	color:#FFF !important;
}
.noticias-live p{
	display: none;
}
section#consultas{
	background-color:#f3f3f3;
	padding-top:100px;
	padding-bottom:100px;
}

#consultas .util {
	height: 180px !important;
}
#consultas .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
}
#consultas .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color: #C84328;
	left: 15px;
	bottom: -10px;
}
#consultas h2{
	position: relative;
}
#consultas .title::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color: #C84328;
	left: 0;
	bottom: -10px;
}
#consultas .icone{
	color: rgba(0,118,163,0.3);
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 700;
	left: 15px;
}
#consultas .icone-numero{
	top: -110px;
	font-size: 180px;
}

footer#rodape{
	padding-top:100px;
	padding-bottom:100px;
}
#rodape .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#000;
}
#rodape .tittle::before{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#rodape .icone{
	margin: 5px;
	color: #FFF;
	border-radius: 50%;
	background: #C84328;
	width: 30px;
	height: 30px;
	padding: 10px;
	display: initial;
	align-items: center;
	justify-content: center;
}
#rodape p{
	margin-top:20px;
}
#rodape .m-social{
	cursor: pointer;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #283a44;
	box-shadow: 0 3px 5px -3px rgba(40,58,68,0.6);
}
.m-social:hover:nth-child(3){
	color: #FFF !important;
	background: #00aced !important;
}
.m-social:hover:nth-child(2) {
    color: #FFF !important;
    background: #3b5998 !important;
 }
 .m-social:hover:nth-child(1) {
    color: #FFF !important;
    background: #007bb6 !important;
 }
 .m-social:hover:nth-child(2) {
    color: #FFF !important;
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) !important;;
 }
.d-flex{
	display: flex;
}
/******  Página Certidões **********/
#certidoes{
	padding-top: 100px;
	padding-bottom: 100px;
}
#certidoes .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#certidoes .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#certidoes a:hover{
	color:#C84328;
	transition: 300ms ease-out;
}
/******  Página Formulários **********/
#formularios{
	padding-top: 100px;
	padding-bottom: 100px;
}
#formularios .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#formularios .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#formularios a:hover{
	color:#C84328;
	transition: 300ms ease-out;
}

/******  Página Tabelas Práticas **********/
#tabelas{
	padding-top: 100px;
	padding-bottom: 100px;
}
#tabelas .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#tabelas .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#tabelas a:hover{
	color:#C84328;
	transition: 300ms ease-out;
}
/******  Página Cálculos de Imposto **********/
#calculos{
	padding-top: 100px;
	padding-bottom: 100px;
}
#calculos .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#calculos .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#calculos a:hover{
	color:#C84328;
	transition: 300ms ease-out;
}
/******  Página Instituições Financeiras **********/
#instituicoes{
	padding-top: 100px;
	padding-bottom: 100px;
}
#instituicoes .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#instituicoes .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#instituicoes a:hover{
	color:#C84328;
	transition: 300ms ease-out;
}
/******  Página Dúvidas na emissão de notas **********/
#duvidas{
	padding-top: 100px;
	padding-bottom: 100px;
}
#duvidas .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#duvidas .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#duvidas a:hover{
	color:#C84328;
	transition: 300ms ease-out;
}
/******  Página Facilitador Contábil **********/
#facilitador{
	padding-top: 100px;
	padding-bottom: 100px;
}
#facilitador .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#facilitador .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#facilitador a:hover{
	color:#C84328;
	transition: 300ms ease-out;
}
/******  Página Modelos Diversos **********/
#modelos{
	padding-top: 100px;
	padding-bottom: 100px;
}
#modelos .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:26px;
	padding-left: 0px;
	color:#666;
}
#modelos .link-docs:hover{
	color:#C84328;
	transition: 300ms ease-out;
}
.nav-tabs{
	border:none;
	margin-bottom:30px;	
	font-size: 18px;
}
.nav > li > a:focus, .nav > li > a:hover{
	background-color:#C84328;
}	
.nav-tabs li{
	border:1px solid #C84328;
	border-radius: 50px;
	float:none;
	text-align:center;	
}
.nav-tabs > li > a{
	border:none;
	color:#000;	
	padding:30px 60px 30px 45px;
	transition:all 0.5s;
	border-radius:50px;
	width:100%;
}
.nav-tabs > li > a:hover{
	border:none;
	color:#FFF;	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	border:	none;
	color:#FFF;
	background-color:#C84328;
}
.nav > li:hover a::before, .nav > li a:focus::before, .navbar-default .nav > .active > a::before, .navbar-default .nav > .current >a::before  {
	height: 0px;
    opacity: 1;
    transform: translateY(-75px);
}
/******  Página Empresa **********/
#empresa{
	padding-top: 100px;
	padding-bottom: 100px;
}
#empresa .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:32px;
	padding-left: 0px;
	color:#666;
}
#empresa .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#empresa small{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}
}

/******  Página Agenda Tributária **********/
#agenda{
	padding-top: 100px;
}
#agenda .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:32px;
	padding-left: 0px;
	color:#666;
}
#agenda .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}
#agenda small{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}
table#agendaTributaria{
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	color:#000;
}
table#agendaTributaria tr{
	line-height: 20px;
	text-align: center;
}
table#agendaTributaria tr a{
	text-decoration: none !important;
	color:#C84328;
	transition: 100ms ease-out;
}
table#agendaTributaria tr a:hover{
	background-color:rgba(200,67,40,0.7);
	transition: 100ms ease-out;
	color:#FFF;
}
table#agendaTributaria tr#tituloPeriodo{
	background-color:#C84328;
	transition: 300ms ease-out;
}
/******  Página Contato **********/
.formulario{
	margin-top:40px;
}
#contato{
	padding-top: 100px;
}
#contato .tittle{
	text-transform: uppercase;
	font-weight: 800;
	font-size:32px;
	padding-left: 0px;
	color:#666;
}
#contato .tittle::before{
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
	background-color:#C84328;
	left: 15px;
	bottom: -10px;
}

#contato .btn {
  display: inline-block;
  font-weight: 700;
  line-height: 40px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius:0px !important;
}
#contato .btn__1 {
  display: inline-block;
  font-weight: 700;
  line-height: 40px;
  position: relative;
  border-width: 2px;
  text-align: center;
  text-transform: uppercase;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#contato .btn-primary {
  background-color: #C84328;
  color: white;
}
#contato .btn-primary span {
  position: relative;
  z-index: 99;
  color: white;
  left:-23px;
}
#contato .btn-primary:before {
  background: #C84328 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width:100px;
}
#contato .btn-primary:hover, .btn-primary:active {
  background-color: #333333;
  color: #CE161A;
}
.btn.btn-sm.btn-primary.mfProgress{
	width:100px;
	border-color:transparent;
}
#contato .btn-primary:hover:before, .btn-primary:active:before {
  top: 100%;
}
#contato .btn-primary:hover span, .btn-primary:active span {
  color: #FFF;
}

#contato .btn-xs {
  padding: 0 18px;
  font-weight: 100;
  font-size: 15px;
}

#contato .btn-sm {
  padding: 2px 18px;
  font-weight: 100;
  font-size: 15px;
}

#contato .btn-md {
  border-width: 2px;
  padding: 6px 26px 4px;
  font-size: 15px;
}

#contato .btn-default {
  background-color: transparent;
  border-color: #eae8e6;
  border-style: solid;
  color: #333333;
}
#contato .btn-default:hover {
  border-color: #CE161A;
}

#contato .btn-form:hover {
  background-color: #544e48;
  color: black;
}
/******  ADAPTAÇÕES MOBILE **********/
@media (max-width: 1199px) {
	
	#header-main .logo{
		float:unset !important;
	}
	#header-main nav{
		float:unset !important;
	}
}

@media (max-width: 991px) {
	.logo img{
		width: 260px;
		margin:0 auto;
	}
	#header-main .logo{
		float:unset !important;
	}
	#nav-1{
		display:none;
	}	
	/*.navbar-nav{
		display: none;
	}*/
	/*.collapse .navbar-collapse{
		display: none !important;
	}*/
	.outer-menu{
		display: block !important;

	}

	#consultas .util {
    	height: 180px !important;
	}
}

@media (max-width:767px){
	.mobile{
		margin-bottom:20px;
	}

	#header-main .logo{
		float:unset !important;
	}
	.util:nth-child(2){
		position:relative;
		top:40px;
	}
	#consultas .util {
    	height: 180px !important;
	}
}
@media (max-width: 480px) {
	
    
}