:root{
  	--tipografia:#373435; 
	--tipografia01:#848383;

      
	--branco:#FFF;
	--cinza:#eeeeee;
  
	--primaria:#d2ae6d;
	--primaria01:#e1bb75;	
  
  	--secundaria:#292929;
	--secundaria01:#1c1c1c; 
}

.txt textarea,
.txt input,
.txt select, 
.txt{
  	color:var(--tipografia);
}
.txt h3{
	color:var(--primaria);      
}
h1.titulo1, 
h2.titulo1{
	color:var(--primaria);
    background-color:var(--cinza);
}
h1.titulo4{
    	color:var(--primaria);
}
.head{
  	background: var(--secundaria);
  	margin-bottom:5px;
      z-index:99;
}
.head .container{
  height:130px;
}

.head .logo{
      padding:0 5px;
      top:6px;
      left:40px;
      background:var(--secundaria);
      z-index:3;
}
.head  .logo img{
      	display:block;
      	width:240px;
      	height:auto;
}

.lista-atalho-head{
  	top:0px;
  	right:0px;
      z-index:5;
}
.lista-atalho-head:before{
    display:block;
   	content:'';
	background:var(--primaria);        
        height:100%;
        width:1500px;
        position:absolute;
        left:0px;
        z-index:-1;
}
.lista-atalho-head li > a{
  	display:block;
  	padding:15px 15px;
  	color:var(--secundaria01);
  	margin:0 15px;
  	cursor:pointer;
  	height:20px;
}
.lista-atalho-head li.ah1:after{
        display:block;
        content:'';
        background:var(--primaria);
        position:absolute;
        top:0px;
        left:-20px;
        width:100px;
        height:100%;
        z-index:-2;
        
        -moz-transform: skew(-20deg, 0deg);
        -webkit-transform: skew(-20deg, 0deg);
        -o-transform: skew(-20deg, 0deg);
        -ms-transform: skew(-20deg, 0deg);
        transform: skew(-20deg, 0deg);
}


/* +++ MENU  +++ */
.menu:before{
  	display:block;
  	content:'';
  	width:2500px;
  	height:5px;
  	position:absolute;
  	bottom:0px;
  	left:50%;
  	margin-left:-1250px;
  	background:var(--secundaria01);
  	z-index:-1;
}
.menu {
  	top:72px;
  	right:0px;
        z-index:2;
}
.menu a{
  	display:block;
    font-size:14px;
  	text-transform:uppercase;
  	color:var(--branco);
  	padding:6px 10px; 
  	height:22px;
  	transition:all .3s ease;
  	border-bottom:5px solid var(--secundaria01);
	margin:0 2px;
}
.menu a:hover,
.menu li.ativo a{
  	border-bottom:5px solid var(--primaria);
}  

.box-login:before{
  	display:block;
  	content:''; 
  	position:absolute;
  	width:17px;
  	height:9px;
  	background:url(/images/comum/007.png) no-repeat center center;
  	top:-9px;
  	left:50%;
  	margin-left:-7.5px;
}
.box-login{
  	width:210px;
  	background:var(--secundaria01);
  	padding:15px;  	
  	z-index:999;
  	right:-10px;
}
.box-login li{
  	margin-bottom:10px;
}

.box-login,
.box-login input{
  	font-size:12px;
}
.box-login label,
.box-login span{
  	display:block; 	
}
.box-login label{
  	background:var(--primaria);
}
.box-login label:after{
  	display:block; content:''; clear:both;
}
.box-login span{
  	width:40px;
  	padding:6px 5px;
  	float:left;
}
.box-login input{
  	background:transparent;
  	border:0;
  	padding:5px 5px;
  	float:left;
}
.box-login #senha-acesso,
.box-login #login-acesso{
  	width:calc(100% - 60px);
}
.box-login .bxsenha{
  	width:calc(100% - 45px);
}
.box-login #btn-acesso{
  	background:var(--primaria);
  	color:var(--tipografia);
  	width:25px;
  	height:22px; 
  	text-align:center;
  	padding:5px;
  	cursor:pointer;
}
.box-login .esqueci{
  	display:block;
  	color:var(--branco);
  	text-decoration:underline;
}
.lista-atalho-head li > a.btn-sair{
  	display:none;
  	padding:3px 8px;
  	margin:13px 0 0 15px;
  	background:var(--secundaria);
  	color:var(--branco);
  	font-size:12px;
}
.lista-atalho-head li.ativo > a.btn-sair{
  	display:block;
}
.lista-atalho-head li.ativo > a.acesso,
.lista-atalho-head li.ativo .box-login{
  	display:none !important; 
}

      
.lista-atalho-head  a.acesso:after{
       display:block;
        content:'';
        position:absolute;
        background:url(/images/comum/015.png) no-repeat center center;
        width:194px;
        height:9px;
        bottom:-9px;
        left:-7px;
}      
.lista-atalho-head  a.acesso{
        width:calc(180px - 30px);
	background:var(--primaria01);
}
.lista-atalho-head  a.acesso svg{
	width:18px;
	height:auto;
    margin-right:15px;
        	position:relative;
        	top:2px;
}
      
      
      
      
      
      /*BOTÃO*/
a span.btn{
        display:block;
	background:var(--primaria);
  	font-size:14px; 
    padding:7px 25px;
    color: var(--branco); 
  	left:25px;
    bottom: 0px;
    transition: all .2s ease;
  	font-weight:normal;
}
a span.btn:after{
  	display:block;
  	content:'';
  	position:absolute;
  	background:var(--primaria);
  	width:30px;
  	height:100%;
  	top:0px;
  	right:-10px;
  	z-index:-1;
  
  	-moz-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
  	transform: skew(20deg, 0deg);
}
a:hover span.btn{
  	color:var(--tipografia );
}
      
      
/*input textarea selec - head*/      
.box-form input,
.box-form textarea,
.box-form select{
  	font-size:18px;
  	width:calc(100% - 40px);
  	padding:5px 20px 5px 20px;
  	background-color:var(--primaria);
  	color:var(--branco );
  	margin-bottom:10px;
  	border:0px;
  	line-height:230%;
        transition:all .2s ease;
}
.box-form select{
  	width:100%;
	background:var(--primaria) url(/images/comum/013a.png) no-repeat 99% center;  	
}
.box-form input:focus,
.box-form textarea:focus,
.box-form select:focus{
        box-shadow:inset 0 0 10px 0px rgba(0,0,0,.2);
	background-color:var(--cinza);
        color:var(--tipografia);
}
.box-form select:focus{
      background:var(--cinza) url(/images/comum/013b.png) no-repeat 99% center;  	
}
.footer{
  	background:var(--secundaria);/*#eeeeee url(/images/comum/001.png) repeat-x center top;*/
  	line-height:200%;
}
.footer .container{
  	min-height:80px;
}
.footer .logo-footer{
      margin:20px 10px;
} 
.footer .logo-footer img{
  	display:block;
  	width:150px;
  	height:auto;
}
.footer .fend{
  	padding:24px 0px;
  	line-height:200%;
}

.footer a,
.footer b,
.footer .fend div{ 
  	display:inline-block; 
  	color:var(--branco);
  	font-size:15px;
}
.footer a{
  	text-decoration:none;
}/*
.footer .if01{
  	top:10px;
  	right:10px;
}
.footer .fend div span:before{
  	display:inline-block;
  	content:'- ';
}*/
.dev-copy{
  	background:var(--secundaria01);
  	height:50px;
  	color:var(--tipografia01);  	
}
.dev-copy .copy,
.dev-copy .dev{
  	font-size:13px;
  	padding:14px 10px;
  	height:22px;
}
.dev-copy .dev img{
  	position:relative;
  	left:5px;
  	top:3px; 
}

.imgTopo{
  	margin-top:20px;
}
.box-abra-empresa h1{
  	height:48px;
  	font-size:40px;
  	line-height:120%;
  	padding:25px 45px;
  	background:rgba(255,255,255,.7);
  	border-bottom:5px solid #c8a33e;
  	margin-bottom:60px;
  	margin-top:-111px;
  	position:relative;
  	z-index:9999;
}
.lista-abrir{
  	margin:30px 0 10px;
}
.lista-abrir li a{
  	display:block;
  	padding:10px 15px 10px 135px;
  	margin:10px 15px 30px;
  	height:122px;
}
.lista-abrir a.la1 { background:url(/images/comum/icons/003a.png) no-repeat left top; }
.lista-abrir a.la2 { background:url(/images/comum/icons/003b.png) no-repeat left top; }
.lista-abrir a.la3 { background:url(/images/comum/icons/003c.png) no-repeat left top; }
.lista-abrir a.la4 { background:url(/images/comum/icons/003d.png) no-repeat left top; }
.lista-abrir a.la5 { background:url(/images/comum/icons/003e.png) no-repeat left top; }
.lista-abrir a.la6 { background:url(/images/comum/icons/003f.png) no-repeat left top; }
.lista-abrir h4{ 
  	color:#373435; 
  	font-size:22px; 
  	font-weight:500;
}
@media only screen and (max-width: 1174px) {
  .menu a{ font-size:12.5px; padding:6px 5px; }
  
  	.container{ width:960px; }
  
  .logo-head{ left:10px; }
  .lista-atalho-head li > a{ margin:0 8px; }
    
  .lista-banner-atalho a{ width:calc(100% - 48px);}
  
  .box-atalho{ height:auto; }
  .box-atalho a{ font-size:24px; margin:30px 20px }
  
  h1.titulo1{ background-position:590px center !important; }
  
  .g-4 {  width: 580px; }
  .g-2 { width: 360px; }
  
  .lista-conselho img{ width:90%; }
  .imgComoFazemos,
  .imgTopo{ width:100%; height:auto; }
  
  .lista-abrir li a{ height:165px; }
  
  #youtube-player{ padding-bottom:60%; }
}
@media only screen and (max-width: 960px) {
  .head .logo{ padding:0px;   }
  .container{ width:760px; }
  .box{ margin:0 5px; } 	
  
  .menu:before,
  .lista-atalho-head{ display:none; transition:all .2s ease; }
  
  .menu-mobile{ top:45px; right:10px;  width:50px; height:50px; background:var(--branco) url(/images/comum/menu.png) no-repeat center center; background-size:20px auto; }
  .menu{ display:none; background:var(--secundaria01 ); z-index:99999; padding:10px; top:130px; box-shadow: 0 0 3px rgba(0,0,0,.3);} 
  .menu.ativo,
  .lista-atalho-head.ativo{ display:block; } 
  .menu li{ float:none; }
  .menu a{ padding:10px 10px; text-align:center; border:0px; }

  .menu li.ativo a{ background:var(--primaria); color:var(--tipografia); border:0px; }
  
  .lista-atalho-head:before{ width:100%;  height:272px; }
  .lista-atalho-head li.ah1:after{ display:none;  }  
  .lista-atalho-head{ top:130px; right:158px; z-index:99999; }  
  .lista-atalho-head li{ float:none;  }
  
  .boxtv{ display:none; }
  .boxtv.mobile{ display:block; }
  
  .lista-blog-home.lista li,
  .box-lista-servicos.lista li{ width:100%; }
 	
  .footer{ height:auto; text-align:center; }
  .footer .logo-footer{ margin:30px auto 0; float:initial; /* top:30px; left:50%; margin-left:-108px;*/ }
  .footer .if01{ display:none; }
  .footer .fend{ text-align:center; padding:30px 10px 20px; width:calc(100% - 20px); }
  
  .g-4 {  width: 440px; }
  .g-2 {  width: 300px; }
  
  .lista-abrir.lista li{ width:100%;}
  .lista-abrir.lista li a{ height:auto; }
  
  h1.titulo1{ background-image:none !important; line-height: 130%;}
  
  .box-atalho-orcamento .lista-atalho li{ width:100%; }
  .box-atalho-orcamento a{ margin-bottom:20px; }
  
  .lista-link.lista li{ width:50%; }
}
@media only screen and (max-width: 768px) {
  .container{ width:95%; }
  a[href^=tel]{  color:inherit;  text-decoration:none; }
  
  /*.menu{ width:175px;  }
    
  .lista-atalho-head{ width:175px; display:none; position:absolute; z-index:99999; right:0px; background:#dca74f; padding:10px; top:402px }
  .lista-atalho-head.lista li{ float:none; }
  .lista-atalho-head.ativo{ display:block; }
  .lista-atalho-head li > a{ background:none !important; margin:0px; padding:10px;}
  .lista-atalho-head li > a.btn-sair{ background:#000 !important; margin:8px 0 0 0; }
   */
  .box-atalho a{ font-size:24px; }
  
  .lista-banner-atalho{ max-width:540px; margin:auto; }
  .lista-banner-atalho.lista.l-2 li{ width:100%; }
  .lista-banner-atalho a{ width: auto; margin:20px auto 20px; }
  .lista-banner-atalho a span.abs{ position:initial; display:block; }
  .box-banner-atalho:after{ display:none; }
  
  .box-atalho{ margin-top:30px; }
  .lista-atalho.lista li{ width:50%;  }
  
  .g-4,
  .g-2{  width:calc(100% - 10px) ; }
  
  .box-resultado-desc{ margin-bottom:40px; }
  
  .lista.lista-contabilidade li{ width:50%; }
  .lista-contabilidade a{ margin:50px 10px 10px; }
  
  .cont-fotos a{width:calc(50% - 32px); margin:10px;   }
  
  .box-atalho a{ margin:20px 10px; } 
  
  .txt h1{ line-height:140%; }
  	h1.titulo3{ padding:10px;  margin:0 0 20px; height:auto; }
 
  .box-form .g-4.fleft,
  .box-form .g-2.fright{ float:none;  }
  .box-form .apoio{ display:block; max-width:350px; margin:0 auto 30px; text-align:center; }
  .box-form .apoio img{ width:100%; height:auto; }
  
  .box{ margin:0px; }
  /*-.box-sub{ padding:0 0 40px ; }*/
  .box-form .apoio,
  .txt-apoio{ margin-top:40px; }
  
  h2.titulo1{ margin-top:40px; }
  
  .box-detalhe-blog{ margin:0 0 40px 0; }
  .box-detalhe-blog .cont-fotos > a{ margin:0px; }
  .box-detalhe-blog .cont-fotos ul.lista a{ width:calc(100% - 10px); }
  
  .box-blog-acesso.box-grid.l-2{ grid-template-columns:1fr; grid-gap:0px; }
  .box-blog-acesso .box-blog{ order:-1; }
}
@media only screen and (max-width: 750px) {
  .tels{ display:none; }
}

@media only screen and (max-width: 690px) {
  .dev-copy .copy{ display:none; }
  .dev-copy .dev.fright{ float:none; width:90%; margin:0 auto;  text-align:center; }
  .dev-copy .dev img{ display:inline-block;}
}
@media only screen and (max-width: 670px) {
  .box-como-fazemos h1{ margin-top:0; padding:10px 10px; font-size:30px; }
}

@media only screen and (max-width: 520px) {
  .lista-link.lista li{ width:100%; }
  .lista-link a{ height:auto; padding-bottom:60px; margin-bottom:100px;}
  .lista-link a span.btn{ bottom:0px; }
  
} 
@media only screen and (max-width: 490px) {
  .box-atalho a{ max-width:210px; margin:20px auto; }
  .lista-atalho.lista li{ width:100%; }
  
  .lista-blog-home a{ margin:25px 10px 100px; text-align:center; }
  .lista-blog-home img,
  .lista-blog-home span.titulo.fleft{ float:none; }
  .lista-blog-home img{ margin:0 auto 20px; display:block; }
  .lista-blog-home span.titulo{ width:100%; overflow:visible; line-height:140%; height:auto; margin-bottom:0; padding-bottom:90px; }
  
  .lista-blog-home span.btn{ left:50%; margin-left:-53.5px; bottom:0px; line-height:140%; }
  .lista-blog-home .data{ bottom:35px; width:135px; left:50%; margin-left:-67.5px; }
  
  .box-lista-servicos a{ text-align:center; }
  .box-lista-servicos img,
  .box-lista-servicos span.titulo.fleft{ float:none;  }
  .box-lista-servicos img{ margin:0 auto 20px; display:block;  }
  .box-lista-servicos span.titulo{ width:100%; }
  
  .lista.lista-contabilidade li{ width:100%; }
  
  .box-atalho{ margin-top:20px; }
  .footer .fend div span{ display:block; }
  .footer .fend div span:before{ content:'';  }
  
}
@media only screen and (max-width: 420px) {
  .cabecalho{ height:auto; }
  .head .container{ height:105px; }
  .head .logo{ background:initial; top: 10px; left: -5px; }
  .head .logo img{ width:180px; }
  .logo-head img{ width:210px; height:auto; }
  
  .menu-mobile{ top:30px;  }
  .menu,
  .lista-atalho-head{ top:105px; }
  
  .tj{ text-align:left; }

 /* .lista-banner-atalho a span.abs{ padding:15px 0; font-size:16px; width:260px; margin-left:-130px; line-height:150%; bottom:-35px;  }
  */
  .lista-abrir.lista li a{ padding:130px 10px 10px; background-position:center 10px !important; text-align:center; margin-bottom:50px;}
  
  .box-abra-empresa h1,
  .box-migre-empresa h1{ font-size:30px; }
  
  .boxf{ width:100%; }
  
  
  .acesso-rapido .box-grid{ grid-template-columns:1fr 1fr; }
}
@media only screen and (max-width: 380px) {
  .menu{ width:calc(100% - 18px); top:105px; right:0px ;  }
  .lista-atalho-head{ width:calc(100% + 2px); right:0px; top:377px; }
  .lista-atalho-head:before{ height:100%; }
  .lista-atalho-head a{ text-align:center; }
  .lista-atalho-head a.acesso{ margin:0 auto; float:initial; }
  
  
}