.home .corpo{
	padding-top:0px;
}
.corpo{
	padding-top:120px;
}


.header{
  	position:fixed;
  	width:100%;
  	z-index:10;
}
.header .container{
  	height:120px;
}
.header .logo{
  	top:20px;
  	left:35px;
}
.header .logo img{
  	width:245px;
  	height:auto;
  	display:block;
}

.area{
  	top:0px;
  	right:40px;
	display:flex;
  	justify-content:center;
  	align-items:center;
  	width:215px;
  	height:37px;
  	background:url(/images/comum/002.svg);
  	color:#FFF;
  	font-size:14px;
  	font-weight:bold;
}

.menu{
  	top:50px;
  	right:20px;
  	z-index:10;
}
.menu a{
  	font-size:15px;
  	font-weight:600;
  	color:#777779;
  	padding:15px 30px;
  	text-transform:uppercase;
}
.menu li.ativo a,
.menu a:hover {
  	color:#20367f;
    /*color:#004862;*/
}
.menu .sub:hover ol{
  	display:block;
}
.menu .sub ol{
  	display:none;
  	padding:11px;
  	border-top:3px solid #20367f;
    /*border-top:3px solid #8da4b2;*/
  	background:rgba(119,119,121,.95);
}
.menu .sub ol:before{
  	display:block;
  	content:'';
  	width:10px;
  	height:8px;
  	position:absolute;
  	background:url(/images/comum/002-1.png) no-repeat;
    top:-11px;
  	left:40px;
}
.menu .sub ol li{
  	float:none;
}
.menu .sub ol a{
  	color:#e2dfeb;
  	font-size:12px;
  	padding:10px 15px;
  	border-top:1px solid #868889;
}
.menu .sub ol a.sub-1{
  	border-top:0px;
}
.menu .sub ol a:hover{
  	color:#FFF;
}

/* TITULO - HEADER */
.titulo-pag{
  	background:#20367f;
  	color:#FFF;
  	margin-bottom:35px;
}
.titulo-pag h1{
  	text-transform:uppercase;
  	padding:12px 75px 12px 35px;
}
.titulo-pag .abs{
  	background:#e2e0e1 url(/images/comum/004-1.png) no-repeat left center;
  	background-size: auto 100%;
  	width:900px;
  	height:100%;
  	top:0px;
  	left:calc(100% - 60px);
}
.titulo-pag b{
  	display:inline-block;
  	color:#e2e0e1;
  	margin-right:20px;
}



/* REDUZIR */
.area,
.menu-mobile,
.header .logo,
.header .logo img,
.menu,
.header .container,
.header{
	transition:all .2s ease-in-out;
}
.reduzir .header{
  	background:rgba(255,255,255,.95);
  	box-shadow:0 0 10px rgba(0,0,0,.2);
}
.reduzir .header .container{
	height:60px;
}

.reduzir .area{
	top:-50px;
}
.reduzir .menu-mobile,
.reduzir .header .logo,
.reduzir .menu{
	top:50%;
  	transform:translateY(-50%);
}
.reduzir .header .logo img{
	width:135px;
}
.reduzir .menu-mobile.ativo{
	top:10px;
  	transform:initial;
}


.sucesso{
  	line-height:250%;
}
.sucesso h1{
  	font-size:28px;
  	font-weight:400;
}
.sucesso h1 small{
  	display:block;
  	font-size:18px;
}
.sucesso a{
  	margin:40px 0;
  	display:inline-block;
  	padding:5px 35px;
  	background:#20367f;
  	color:#FFF;
}
.footer{
  	border-top:2px solid #20367f;
    /*border-top:2px solid #42879d;*/
  	background:#e2e0e1;
  	font-size:16px;
  	color:#0b1b22;
  	margin-top:40px;
}
.footer .container{
    height:220px;
}

.f01{
  	top:35px;
  	left:40px;
}
.f01 .f01a{
  	display:block;
  	padding:3px 0px 3px 30px;
  	background-size:18px auto !important;
  	color:#0b1b22;
}
.f01 .fend{
  	background:url(/images/comum/002a.png) no-repeat;
}

.f01 .tels{
	display:grid;
  	grid-template-columns:1fr 1fr;
  	grid-gap:15px;
  	align-items:center;
}
.f01 .ftel{
  background:url(/images/comum/002b.png) no-repeat left center;
  margin:10px 0;
}
.f01 .tels a{  
  	color:#0b1b22; 
}
.f01 .tels span{
  	font-size:20px;
  	font-weight:600;
}
.f01 .fmail{
  background:url(/images/comum/002c.png) no-repeat left center;
}
.f01 .fend span{ 
  	font-weight:600;
  	color:#20367f;
}
.f01 .tels svg{
  	margin-bottom:-3px;
  	margin-right:13px;
  	fill:#2e6a3b;
	display:inline-flex;
  	width:18px;
  	height:18px;
}



.f02{
  	top:-25px;
  	width:150px;
  	left:50%;
  	margin-left:-75px;
}
.f02 .logo{
  	display:inline-block;
}
.f02 .logo img{
  	width:150px;
  	height:auto;
}
.f02 .social{
  	margin:20px auto 0;
    /*margin:35px auto 0;*/
  	width:140px;
}
.f02 .social a{
  	margin:0 5px;
}
.f02 .social img{
    width:60px;
  	height:auto;
}



.f03{
  	top:35px;
  	right:40px;
}
.f03 .marcas img{
	width:135px;
  	height:auto;
}
.f03 .marcas .sep{
  	margin:25px 0 5px;
  	font-size:14px;
  	color:#777779;
  	line-height:120%;
}
.f03 .marcas .sep span{
  	display:block;
  	color:#587b8f;
}
.f03 .f03a{
  	display:block;
  	padding:3px 0px 3px 30px;
  	background-size:18px auto !important;
  	color:#0b1b22;
}
.f03 .fend{
  	background:url(/images/comum/002a.png) no-repeat;
}
.f03 .fend span{ 
  	font-weight:600;
  	color:#20367f;
}
.f03 .fend a{ 
  	color:#000;
}


.copy-dev{
  	color:#FFF;
  	font-size:10px;
	background:#20367f;
  	/*border-bottom:55px solid #42879d;*/
}
.copy-dev .copy a{
  	color:#FFF;
  	text-transform:uppercase;
}
.copy-dev .dc01{
  	padding:22px 10px;
}
.copy-dev .dev img{
  	margin:-1px 0 0 5px
}
.copy-dev .copy{
  	margin-left:30px;
}
.copy-dev .dev{
  	margin-right:30px;
}
@media only screen and (max-width:1174px) {
    .container{ width:960px; }
  
  .atalho .lista li div{ height:100px; }
  .atalho .grid { min-height: 412px; }
  
  .menu{ top:45px; }  
  .menu a{ padding:15px 15px; }
  
  .atalho .lista li a{ min-height:100px; }
}
@media only screen and (max-width: 960px) {
    .container{ width:760px; }
  
  
  .header .logo{ top:30px; left:10px; }
  .header .logo img{ width:220px; }
  .area{ right:0px; }
  
    .menu-mobile{ display:block; width:30px; height:30px; top:40px; right:10px;  padding:5px; z-index:15; transition:all .2s ease; }
    .menu-mobile .menui{ width:calc(100% - 10px); height:2px; background:#004862; z-index:2; }
    .menu-mobile.ativo{ position:fixed; z-index:99; top:10px; }
    /*.menu-mobile.ativo .menui{ background:#FFF; }*/
    .menu-mobile .menui.top-menu{ top:10px; transform:rotate(0deg);  transition:transform .6s ease, top .6s ease, left .6s ease;  transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
    .menu-mobile .menui.mid-menu{ top:50%; margin-top:-1px; opacity:1; transition:opacity .6s ease;}
    .menu-mobile .menui.bottom-menu{ bottom:10px;transform:rotate(0deg); transition:transform .6s ease, bottom .6s ease, right .6s ease;   transition-timing-function: cubic-bezier(.75,0,.29,1.01); }

    .menu-mobile.ativo .mid-menu{  opacity:0; }
    .menu-mobile.ativo  .top-menu{ top:18px; left:5px; transform:rotate(45deg); }
    .menu-mobile.ativo  .bottom-menu{ bottom:19px; right:5px; transform:rotate(-225deg); }
    .bg-body.ativo {    background: rgba(0,0,0,.85);    height: 0px;    transition: height .4s;   width: 100%;    height: 100vh;    top: 0;    left: 0;    z-index: 1; z-index:10; }

    .menu{  /*display:none;*/ position:fixed; overflow-x:scroll; width:280px; background:#FFF; top:0px; right:-300px; height:100vh; transition:all .2s ease;}
    .menu.ativo{ /*display:block;*/ right:0px; }
  	.menu .lista{ padding:80px 10px 30px; }
  	.menu li{ float:none; }
  	.menu .sub ol.abs{ position:relative; width:calc(100% - 22px); }
  
  	.footer .container{ height:420px; }
  	.f01,
  	.f03{ top:235px; }
  
  	.atalho .grid { min-height: 476px; }
  	.atalho .titulo-apresentacao {  width: 195px; }
  .atalho .desc {  width: calc(100% - 195px - 20px); }
  	.atalho .titulo-apresentacao .abs{ font-size:20px; }
  	.atalho .lista { margin: 10px 0 10px 110px; }
  	.atalho .lista li div { height: 121px; }
  
  	.servicos .lista li{ width:50%; }
  
  	.g-2 { width: 300px; }
  	.g-4 { width: calc(100% - 300px - 20px); }
  
  	.solucao-lista .lista li{ width:50%; }
  	.box-form .titulo h2 { font-size: 15px; }
  
  	.blog .lista-grid li{ width:50%; }
  
  	.atalho .lista li a{ min-height:130px; }
}
@media only screen and (max-width: 768px) {
  	.container{ width:95%; }
	a[href^=tel]{  color:inherit;  text-decoration:none; }

  .g-2,
  .g-4 { width:calc(100% - 10px); }
  .grid .g-3{ width:calc(100% - 10px); }
  
  .detalhe .g-4 .box{ margin-left:0px; }
  
  .detalhe .box-form{ max-width:420px; margin:40px auto 20px; }
  
  .box-fotos{ margin:40px auto 20px; }
  .box-fotos li{ width:33.333%; float:left; }
  .lista-fotos a{ margin:0 5px 10px; }
  
  .form li.grid ol{ margin:0; }
  
  .cont-blog{ margin:0; }
  
  .video{ padding-bottom:55%; }
  
  .atalho .lista{ margin:10px 0; }
  
  .atalho .titulo-apresentacao,
  .atalho .desc{ width:calc(100% - 20px); min-height:100px;   }
  
  .atalho .titulo-apresentacao .abs{ position:relative; text-align:center; padding:40px 0; margin-top:0px; }
  
  .atalho .lista{ text-align:center; }
  .atalho .lista li a img{  margin:0 auto 10px; }
}
@media only screen and (max-width: 690px) {
  
  .txt h3{ margin-top:30px; }
  
  .atalho .desc .lista,
  .blog.home .lista, 
  .servicos .lista,
  .box-fotos,
  .solucao-lista .lista,
  .blog .lista-grid{ max-width:420px; margin:auto; }
  
  .atalho .desc .lista li,
  .blog.home .lista li,
  .servicos .lista li,
  .box-fotos li,
  .solucao-lista .lista li,
  .blog .lista-grid li.item-1,
  .blog .lista-grid li.item-2,
  .blog .lista-grid li{ width:100%;  }
  
  .blog span.desc{ padding:25px 10px; }
  
  
  .atalho .desc .lista{ margin-top:10px; margin-bottom:10px; }
  
  .box-fotos{ margin-top:40px; }
  
  .atalho .lista li a{ border-right:0px; height: auto; padding:25px 15px;  }
  .atalho .lista li.l3 a{ border-bottom:1px solid #b7b7b7; }
  .atalho .lista li.l3.c2 a{ border-bottom:0px; }
  
  .tj{ text-align:left; }
  
  
  .footer .container{ height:720px; }
  .f01 .tels{ grid-template-columns:1fr; margin-bottom:20px; } 
  .f01{ width:260px; left:50%; margin-left:-130px; }
  .f01 .fend span{ display:block; }
  .f01 .fend br{ display:none; }
  
  .f03{ top:530px; width:220px; right:50%; margin-right:-110px; text-align:center; } 

  
  .atalho .lista li a{ min-height:initial; }
}
@media only screen and (max-width: 570px) {
  	.copy-dev .copy,
  	.copy-dev .dev{float:initial; text-align:center; margin:auto; }
  	.copy-dev .dev{ width:150px; }
}
@media only screen and (max-width: 480px) {
  	/*.copy-dev .copy{ display:none; } 
  	.copy-dev .dev{ width:135px; margin:auto; float:none; }*/
  	.copy-dev .copy a{ display:block; }
  
  
  .boxtv{ min-height:250px;}
}