div.slider-holder {
    top:0; left: 0; width:100%;
    background-color: rgba(0,0,0,.1)!important; 
	background-image:url( /_svg/_loader.svg );
	background-position:center;
	background-repeat:no-repeat;
    overflow: hidden;
    margin:0; margin-bottom:16px;
    border-bottom:none;
    height:auto!important;
	z-index:0;
  	box-shadow:0 15px 0 rgba(0,0,0,.1);
}

div.slider-holder div.slider { 
  display: block;
  filter: grayscale(70%);
}
#base h2, #base h3, #base h4 { color:var(--blue)!important; font-family: verdana; font-weight: lighter; }
#base section h3 { font-size:30px!important; }
#base section h2 { font-size:36px!important; }
#base p { line-height:175% }
#base section hr { background-color: var(--blue-avg); height:2px; width:100px; margin:25px auto }

#base section .steps{ 
  font-size:24px; color:blue; margin-bottom:25px; display: block
}

#base section .steps span{ 
  font-size:19px; color:var(--altr); margin-bottom:25px;
}

#base section .steps .icons i{ 
  font-size:50px;
	margin:20px 60px
}

#base button{ margin:0; background-color:blue; width:100%; margin-top:35px; box-shadow: 10px 10px 0 rgba(0,0,0,.1)  }

#base button:hover{ background-color:var(--altr);  }

#base button i{ font-size:30px; color:white; margin:5px 15px }

#base button img{ width:30px!important; height: auto!important; color:white; margin:5px 15px }

#base p{ text-align:left; font-size: 14px; margin-bottom: 25px }

#base p span{ font-size:  inherit; color:green; display: inline-table; margin-top:-3px }

#base div.half{ padding:0 }

#base div.half div.in{ padding:0; padding-right: 50px }

#base div.half ul { margin-top:20px }

#base div.half ul li{ font-size:14px; list-style:square; margin:0 15px; margin-bottom:20px; }

.half div.imgs { border:none }

.half .nivo-controlNav { z-index: 10; right:30px; }

.half a.nivo-control { box-shadow: 3px 3px 0 rgba(0,0,0,0.1); z-index: 111 }

#base section header { 
  padding-top:50px
}

#base section header button{ 
  margin:0 auto!important; margin-top:15px!important; width:260px; display:table; box-shadow:none; border:1px solid var(--altr); background-color:white; color:var(--altr); 
}

#base section header h2{ 
    margin:3px ; color:var(--main); 
    text-align: center
}

section h2  { font-size: 42px!important; }

section h3  { font-size: 36px!important; }

section h4  { font-size: 30px!important; }

.slider-a, #content.a  * > .slider-a { 
  position: relative; list-style: none; width: 800px; 
  margin-left: auto; margin-right: auto; margin-bottom: 36px; 
  padding: 0; box-shadow: 12px 12px 0 rgba(0,0,0,0.05); 
  background: #f4f4f4; color:#369
}

.slider-a li { 
    position: relative; min-height: 157px; margin: 0; padding: 52px 70px 52px 70px; 
    background: url(images/arrow-left-f.png) -3000em -3000em no-repeat; font-size: 16px!important;
    padding: 33px 70px 52px 284px;
    cursor: pointer;
    font-size: 1.6em;
}

.slider-a li:hover{
  background-color: rgba(240,255,255,0.5);
}


.slider-a li div.img { 
    display: block; position: absolute; left: 53px; top: 29px; padding:6px; box-shadow:12px 12px 0 rgba(0,0,0,0.05);
    width:157px; height:157px; 
    background-size:180%;
    background-position:center;
}

.slider-a li img { display: block; position: absolute; left: 53px; top: 29px; padding:6px; box-shadow:12px 12px 0 rgba(0,0,0,0.05); width:157px; height:157px;  }

.rgba .slider-a li img { border-color: rgba(255,255,255,.29); }

.slider-a li .title { 
	display: block; position: relative; margin: 0 0 20px;  
	font-size: 1.125em; line-height: 1.25; 
}
.slider-a li .title span { display: block; font-size: 1.5em; font-weight: 700; }
.slider-a li .title .date { position: absolute; right: 0; top: 15px; font-size: 1em; font-weight: 400; }
/*.heading-a + .slider-a { margin-top: -42px; }*/
.slider-a .bx-prev, .slider-a .bx-next { 
    display: block; overflow: hidden; position: absolute; top: 35%; width: 142px; height: 144px; margin: -22px 0 0; text-align: left; text-indent: -3000em; opacity: .7; }

.slider-a .bx-prev:hover, .slider-a .bx-next:hover { 
    opacity: 1; }

.slider-a .bx-prev, .slider-ba .bx-prev { left: -150px; background: url(/_svg/_prev.svg) no-repeat; background-size: 100% 100%; }
.slider-a .bx-next, .slider-ba .bx-next { right: -150px; background: url(/_svg/_next.svg) no-repeat; background-size: 100% 100%; }

.lt-ie9 .slider-a .bx-prev, .lt-ie9 .slider-a .bx-next, .lt-ie9 .slider-ba .bx-prev, .lt-ie9 .slider-ba .bx-next { width: 44px; }
.slider-a .bx-pager { position: absolute; left: -3000em; top: 0; }

section.db { 
    padding:15px; background-image: url(/_img/light.jpg); background-size: 100%;
    background-position:center
}

section.db ul{ background-color: rgba(255,255,255,0.8);  width:1100px; min-height:350px }

section.db { overflow:hidden }

section.db h3  { color:var(--main)!important; text-align:center; margin:0 150px!important; margin-top:100px!important; border:1px solid red }

section.db h4  { color:var(--altr)!important;; text-align:center; margin:0 150px!important; margin-top:10px!important; width:600px }

section.db h4:after{ content:' '; display: block; margin:20px; border-bottom:4px solid ; width:100px; margin:30px auto }

section.db p  { color:rgb(0,150,200); text-align:center; margin:0 190px; margin-bottom:35px; font-size: 16px!important; width:520px }

section.db div.img { height:100%; width:450px; top:0px; left:0px; background-size:125%; box-shadow:none }

section.db ul button { margin-left:300px; }

section.db li { padding-left:325px; min-height: 350px;   }

div.newsletter { 
	position: absolute; bottom:0; right:0; background-color:rgba(0,150,200,0.8); padding:20px; 
	padding-top:15px; margin-left:75px; border-radius:25px 25px 0 0;
	display: none
}
div.newsletter * {  padding:0; margin:0 }
div.newsletter div.news {  position: relative }
div.newsletter input {  padding:5px 10px; border:none; width:100% }
div.newsletter i {  position:absolute; right:10px; color:rgb(0,150,200); top:8px; font-size:18px; cursor:pointer; }
div#base { overflow:hidden }
#base section { 
  overflow: hidden; padding-bottom: 50px
}
#base section h3, #base section h4{ 
  color:var(--altr)
}
#base section strong{ 
  font-size:14px; color:var(--altr); margin-bottom:25px; display: block
}
#base section header span { display:block; text-align:center; font-size:14px   }
section#about {
  padding: 0;
  margin-top:75px;
  position: relative;
  padding-bottom: 50px;
  overflow: visible;
  clear: both;
}
#base { overflow: visible!important; }
section#about:after { 
  content: '';
  position: relative;
  clear: both;
  width:100%;
  height:1px;
  display: block
}
section#about header {
  padding: 0;
  width:300px;
  float:left;
    margin-left:30px;
}
section#about div.img{
  width: 425px;
  height: 290px;
  background-image: url(/_img/pessoa-fisica.jpg);
  background-size: 100%;
  float:left;
  margin-top:-125px;
  border:12px solid white;
  background-repeat: no-repeat
}
section#about img{
  width:200px;
  border-radius: 100%;
  border:15px solid var(--altr);
  float:left
}
section#about div.info{
  width: 625px;
  margin-top:-15px;
  float:right
}
section#about iframe { 
  box-shadow: 20px 20px 0 rgba(0,0,0,.05); margin-bottom: 25px;
  float: right;
  width:650px!important;
  height:355px!important;
  margin-right:30px;
}
section#about h3 { 
  margin: 0;
  margin-bottom:20px;
  color: var(--main)
} 
section#about div.intro strong{
  text-align: center;text-transform: uppercase; margin-bottom:15px!important;
}
section#about header p{
  margin:3px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 175%
}
#about a.more {
  font-size: 14px;
  border:1px solid var(--altr);
  margin:0 auto!important; 
  float: left; display: table;
  width: 100px;
  background-color: white
}
#about a.more i{
  color:var(--altr); padding:4px;
  padding-bottom: 5px;
  float: right; font-size: inherit;
  background-color: var(--altr);
  color:white;
}
#about a.more span{
  margin:4px 16px;
  display:block;
  width:65px;
  font-size: 10px;
  text-transform: uppercase;
}
#about a.more:hover i {
  background-color: var(--main);
    color:white
}
#about div.half div.in { padding-right:100px; padding-left:50px }
#about div.half div.imgs { box-shadow: 15px 15px 0 rgba(0,0,0,.1) }
#about header { overflow: hidden; position: relative; z-index: 1 }
#about div.nivo-controlNav  .nivo-control{
  border:none; box-shadow: none
}
#about div.nivo-controlNav .nivo-control.active{
  background-color: var(--main)
}
/* #about ************************************************************************************************************* */
section#services { background-repeat: no-repeat; padding-bottom:25px; padding-top:0; heighta: 530px; clear:both; background-color:#fcfcfc  }

section#services div div.post:after,
section#services a i,
section#services a span {
  display: none
}

section#services header { margin-bottom:50px }

section#services header span { display:block; text-align:center; font-size:14px   }

section#services a span {
  font-size:16px
}
section#services p {
  text-align: center
}
section#services div div.post {  
  width:22%; float:left; padding:3px 0; 
  position:relative; height:auto;
  margin:0 2%
}
section#services div div.post:first-child {  
  margin-left:0;
}
section#services div div.post:first-child {  
  margin-right:0;
}
section#services div div.post:after { 
  content:''; height: 2px; 
  background-color: var(--altr); width:80%; 
  position: absolute; bottom:30px; 
  left:25px  
}

section#services div div.post i {  
 font-size:36px; text-align: center; width: 100%; color:var(--blue)
}

section#services div div.post h4 {
  width:100%;
  color:white;
  text-align: center;
  font-weight: lighter;
  font-size: 24px!important;
}

section#services div div.post div.img { 
  width:100%;
  z-index:-1; 
  height: 200px;
  background-color: rgba(205,180,50,.5);
}

section#services div div.post:hover div.img { 
    background-color: rgba(150,55,45,.0001);
}

section#services div div.post:hover h4{ 
     text-shadow: 1px 1px 0  black
}

section#services div div.post div.img div.in { 
  width:100%; background-repeat:no-repeat; z-index:-1; 
  background-size: 100%; height: 200px; background-position: center;
  opacity:0.6;
  filter: grayscale(100%);
}

section#services div div.post:hover div.img div.in { 
    background-size: 130%;  
    filter: none;
	opacity:1;
}

section#services div div.post b { color:white  }

section#services div.half { padding:0 10px;  }

section#services hr { padding:0 10px; margin:15px auto  }

.more {
  font-size: 16px;
  border:1px solid var(--altr);
  margin:0 auto!important; 
  float: right; display: table;
  
}

.more i{
  color:var(--altr); padding:4px;
  padding-bottom: 5px;
  float: right; font-size: 12px;
  background-color: var(--altr);
  color:white;
}

.more span{
  margin:3px 10px;
  display:block;
  width:65px
}

.more:hover i {
  background-color: var(--main);
    color:white
}
section#services div.post span.more { padding:9px 12px;  padding-top:8px; padding-right:6px;   }
/* ********************************************************************************************************************************** */
section#equipe { padding:0 50px }
section#equipe h4 { text-align: center }
section#equipe div.itens div.user { width:25%; float:left; padding:0 50px }
section#equipe div.itens div.user div.img { 
    background-color: var(--blue-avg); height: 160px; background-size: 100%; background-position: center; border-radius: 100%; width:160px; margin:0 auto ;
    box-shadow:15px 5px  0 rgba(0,0,0,.1); border:5px solid white;
}
section#equipe div.itens div.user p { min-height: 75px; text-align: center }
/* ********************************************************************************************************************************** */
section#blog { 
  overflow: hidden; margin:0!important; padding:0; padding-bottom:25px;
  _background-image: url("data:image/svg+xml,%3Csvg width='750' height='750' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgb(255,150,55,.1)' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
section#blog:after { 
  content: none;
  position: absolute;
  background-color: rgb(250,250,200);
  width:100%;
  height:100px;
  z-index:-1;
  top:270px
}
section#blog header { margin-bottom:40px }
section#blog footer { clear: both; margin-top:50px }
section#blog header button, section#blog footer button{ 
    margin:15px auto!important; width:260px; display:table; box-shadow:none; border:1px solid white; 
  background-color: #eee;
  color:var(--main); 
}
section#blog header button:hover, section#blog footer button:hover{ 
    border:1px solid var(--main); background-color:white; color:var(--main); 
}
section#blog header h2{ 
    margin:3px ; color:var(--main); 
    text-align: center
}
section#blog h4{ color:var(--main); padding:0 20px; text-align: center }
section#blog div.post {
    width:31.5%; float:left; padding:0; position: relative; 
    background-color:white; margin:10px; overflow: hidden; 
}
section#blog.row div.post {
    width:100%; float:none; clear: both; margin:0; margin-top:15px; padding: 10px
}
section#blog.row div.post:hover {
    background-color: #fafafa
}
section#blog.row div.post h4 {
    font-size:20px!important;
    text-align: left; margin: 5px 0; height: 55px; line-height: 125%
}
#blog .post .more { float:left; display: none }

#blog .post:hover .more { display: none }
section#blog div.post div.img {
    background-color:#eee;  height: 220px; overflow:hidden; background-size:110%; background-position: center;
}
section#blog.row div.post div.img {
    width:250px; float:left; 
    height: 140px; margin:0; margin-right:25px
}
section#blog div.post:hover div.img {
    background-size:125%;
}

section#blog div.post strong {
    position: absolute; top:15px; left:-10px; 
    padding:3px 5px;
    color:var(--main);
    border:1px solid var(--main);
    background-color:white;
}
section#blog.row div.post strong { display: none }
section#blog div.post p {
    text-align: left; min-height: 75px;
    padding: 0 20px; text-align: center
}
section#blog.row div.post p {
    text-align: left; max-height: 75px; 
    min-height: auto;
    padding: 0 20px; text-align: left
}
section#blog div.post button {
    margin:15px 0; margin-bottom: 0; width:100%; background-color: var(--main); color:white;
}

section#reembolso {
  background-color: #ffffff;
  background-image: url(/_img/bck.jpg);
  padding: 40px;
}

section#reembolso h3, section#reembolso p {
  text-align: center
  
}

/* ********************************************************************************************************************************** */
section.serv div.quarter { margin-top:-50px }

section.serv div.quarter.two { margin-top:0 }

section#contato { 
	position: relative; 
  padding:25px 0; padding-bottom: 100px;
  background-color: #fafafa
}
section#contato header{
  padding: 25px 0; padding-bottom:60px
}
#base section#contato h2 { 
	color:var(--blue)!important;
  margin: 0; text-align: center;
}

section#contato div.intro * { color:#777 }

section#contato div.intro input { background-color: white; border:none; color:var(--altr)!important; }

asection#contato:before { 
  width:50%; background-color: var(--main); height: 100%; position: absolute; top:0; left:0; content: ''; z-index:-1;
  background-color: var(--altr);
}

section#contato div.half.intro *{ color:white }

section#contato div.half.intro input, section#contato div.half.intro i{ color:var(--main) }

section#contato label { width:100px; display:block; text-transform:uppercase; color:var(--blue); float:left }

section#contato div.news { position: relative }

section#contato div.news i{ 
	 font-size:20px; color:var(--main); margin-left:-35px; background-color:white; padding:9px 7px; padding-bottom:8px;
	 cursor:pointer
}

section#contato ul { 
    padding: 0!important; margin:0!important;
    width:50%; float:left
}

section#contato li {
  padding: 0; margin:0!important; margin-bottom:20px!important; }

section#contato p { width:450px; margin:0; text-align: left }

section#contato input, section#contato textarea { 
   background-color: white; 
   padding:10px; width:350px; font-size:14px; color:#333; 
   border:none!important; 
}

section#contato a  { display: block; margin:0; position: absolute; left:50%; bottom:65px; margin-left:-85px }

section#contato a span { color:var(--blue); font-size:14px; }

section#contato a i { font-size:20px; margin-right:10px; color:var(--blue) }

 section#contato textarea { height: 90px }

section#contato input:focus, section#contato textarea:focus { background-color: rgba(245,250,255,1)!important; }

section#contato button { background-color: #fafafa; width:63.5%; margin:0; float:right; margin-right:101px; border:1px solid #ddd }

section#contato button * { color:var(--main)!important; }

section#contato button:hover { background-color: white }

section#contato button:hover * { _color:white!important }

section#contato button i { 
  font-size:18px;  margin:10px;  }

section#contato button span { 
  text-transform:uppercase;
  color: white
}

/*********************************************************************/
section.map { padding:0!important; border:1px solid white }
section.map address{ 
    position: absolute;
    background-color: black;
    margin:10px;
    padding:25px;
    padding-top: 10px;
    width:370px;
    box-shadow: 10px 10px 0 rgba(0,0,0,.1);   
}
section.map address:after{ 
  content: '';
  background-color: var(--main);
  position: absolute;
  width: 100%;
  height: 60px;
  top:0;
  left:0;
}
section.map address *{ 
    color:white
}
section.map address h3{ 
    margin:0!important; margin-bottom:25px!important; color:white!important;;
  font-style: normal; position: relative; z-index: 1
}
section.map iframe{ 
    width:100%; height: 540px;
}
section.address { padding:0!important;; overflow: hidden;  background-color: rgb(250,250,200)   }
section.address div.half {  }
section.address div.half iframe{ width:100%; height:400px }

section.address div.half.address{ padding-top:150px; padding-right:50px;  }

section.address div.half.address address *{ text-align: right; color:var(--main)!important; font-style:normal }

section.address div.half.address address span{ display: block  }

div.slider-holder div.nivo-controlNav { display:none }

div.slider-holder div.horario { 
    bottom:0; position:absolute; right:50%; padding:20px; padding-top:20px; padding-bottom: 30px; margin:20px; margin-bottom:0; margin-right:175px; background-color: rgba(50,100,200,0.9);
}

div.slider-holder div.horario strong{ color:white; font-size: 16px; display: block; text-align: left }

div.slider-holder div.horario span{ color:white; font-size: 16px }

div#slider {
  margin:0!important;
  position: relative

}

section#intro { background-image: url(/_img/pl.png); background-size:345px; background-repeat: no-repeat; 
 background-position: 5px 10px}

section#intro div.half.intro { padding-left: 50px }

section#intro h1 { color:rgba(0,150,200) }

section#intro a.more { 
        color:rgba(0,150,200); border:2px solid rgba(0,150,200); font-size: 12px; padding:5px 10px; margin:8px; display: block; float: left;
    background-color:rgba(255,255,255,0.5)
}

section.row#intro p { text-align: left; padding:0 10px; margin-bottom:15px; line-height:250% }

#intro { margin-top:160px; }

#intro .half.image { background-image: url(/_imagens/_home/img1.jpg); position: absolute; height:419px; background-position:center;  }

#intro .half.about { float:right; background-color: var(--main); color:white }

#intro .half.about * { color:inherit }

#cadastro { height: 450px;  }

#cadastro iframe { height: 450px; width: 100% }

section.address { padding:0; overflow: hidden  }

section.address div.half { width:50%; float:left }

section.address div.half iframe{ width:100%; height:400px }

section.address div.half.address{ padding-top:125px!important; padding-right:50px!important;  }

section.address div.half.address address{ float:right  }

section.address div.half.address address *{ text-align: right; color:var(--main)  }

section.address div.half.address address span{ display: block; margin-top:25px  }

@media screen and (max-width: 1100px) {
	div.helper.top { margin-top:155px!important; }
  #base { margin: 0!important; }
  #base h2, #base h3 {
    border:none;
  }
  section#about {
  }
  section#about p {
    text-align: center;
    padding: 0 15px
  }
section#about div.img{
  width: 100%;
  height: 225px;  
  margin:0
}
section#about div.info{
  width: 100%;
   margin:0;
  float:none
}
  
  
	#about a.more {
  margin-bottom:25px!important; 
  float: none; display: block!important;
  max-width: 115px!important;
}


  section#services{
    padding:0 14px
  }
  section#services div div.post {  
  width:100%; float:none;
}

  section#blog header { margin-bottom:0 }
section#blog { padding:0 15px }
section#blog header h2{ 
    margin:0;
}
section#blog.row div.post {    
    height: auto!important;
    max-height: auto!important;
}
section#blog.row div.post h4 {
    height: auto;
    text-align: center;
    padding: 0
}
section#blog.row div.post div.img {
    width:100%; float:none; 
    margin:0; margin-bottom:25px
}
#base section#blog.row div.post p {
    height: auto!important; 
    max-height: inherit!important;
    padding: 0 20px; text-align: left;
   display: block!important;
  overflow: hidden
}
  
#blog .post .more { 
  display: block; top:auto;
  float:none;
  height: 22px;
}

	
  section#contato { 
	padding: 0 15px;
    padding-bottom: 25px
}
  
 section#contato header { 
	padding: 0; margin:25px 0
}
section#contato a  { margin-top:35px!important; position: relative; right:auto; bottom:auto; }

section#contato button { 
    float:none; margin:0;
    width:100%;
 }

section#contato ul { 
    padding: 0!important;
    width:100%; float:none;
}
  
  section#contato ul li{ 
    width:100%; float:none;
}
  section#contato ul li input,
  section#contato ul li textarea{ 
    width:100%; float:none;
}
  
  
  section.map address{ 
    margin:0;
    width:100%;
	}
  
}



.nivo-caption {
			color: #FFFFFF;
			min-width: 550px;
			overflow: hidden;
			position: absolute;
			top: 225px;
			bottom:auto;
			left:150px;
			right: auto;
			width: auto;
			z-index: 8;
			background-color: rgba(0,0,0,.4);
			opacity: 1;
			border-radius: 20px;
			padding: 10px 40px;
			box-shadow: 0 0 25px rgba(0,0,0,.6)
		}
		.nivo-caption:empty { top:-100px; }
		.nivo-caption * { color:white!important; text-shadow: 1px 1px 0  black; }
		.nivo-caption h1 { font-size:40px!important }
		.nivo-caption p { font-size:20px!important }
    	section#about div.left { width: 500px; }
		section#about div.info { width: 425px; float: left; margin-left:25px }
section#about div.img { 
	width: 125px; position:relative; border:2px solid white;  margin: 0; height:125px;
	margin-right:35px; background-size:150%!important;
	box-shadow:0 5px 15px rgba(0,0,0,.3); background-position: -20px;
background-image:url(/_img/marcio.jpg);
}
section#about div.img:nth-child(1) { 
  background-size:100%!important;
	background-image:url(/_img/marcio.jpg);
  background-position: 0 -10px;
}
section#about div.img:nth-child(2) { 
  background-image:url(/_img/_lei.jpg);    
}
section#about div.img:nth-child(3) { 
  background-image:url(/_imagens/texto_imagem/6/1322f690-ecf2-11e9-b593-f1106391a4a1.jpg);      
}

 section#about div.img:last-child { 
  margin-right:0;
}
section#about a.more { 
  background-color: rgb(210, 175, 110);
  color: white!important;
  border:none;
  padding:5px 10px;
  border-radius:20px;
  margin-top:15px!important;
  box-shadow:0 2px 15px rgba(0,0,0,.2);
  border:2px solid rgb(210, 175, 110);
  clear: both
}
section#about a.more:hover { 
  border:2px solid white;
}
section#about a.more span { 
  color: white;
}
section#about a.more i { 
  float: left; margin-left: 7px; margin-right:7px; background-color: transparent!important;
}
section#about p { 
  width: 550px;
  float: left;
  clear: both
}
#areas { background-color: rgb(40,60,80); }
#base #areas * { color:white!important; }
#base #areas a { display: block; position: relative; width:100%; height: 100% }
#base #areas div.img { 
    width:27%; height:auto; border:2px solid white; color:white!important; 
  float:left; margin:20px 3%; position: relative; aspect-ratio: 1 / 1;
  background-image:url(/_imagens/texto_imagem/9/carteira.jpg);
  background-position:center; background-size:180%;
  filter: grayscale(70%); box-shadow:0 5px 15px rgba(0,0,0,.3);
  cursor:pointer;
}
#base #areas div.img:nth-child(2) { 
  background-image:url(/_img/_sindicato.jpg);    
}
#base #areas div.img:nth-child(3) { 
  background-image:url(/_imagens/texto_imagem/7/flamengo-twitter.jpg)
}
#base #areas div.img:nth-child(4) { 
  background-image:url(/_img/_lei.jpg);    
}
#base #areas div.img:nth-child(5) { background-image:url(/_img/_consumidor.jpg); }
#base #areas div.img:nth-child(6) { background-image:url(/_img/_parceiros.jpg);  }
#base #areas div.img:hover { background-size:200%; filter: grayscale(0%); }
#base #areas div.img span { 
    font-size: 18px; text-transform: uppercase; position: absolute; bottom: 20px; left: 20px; font-weight: bold;
    text-shadow:1px 1px 1px black
}
#base #blog { background-color:#fafafa }
#base #blog header { margin:0; margin-bottom:15px }
#base #blog div.post {
  width: 31.33%;
  float:left; 
  clear: none;
  height:675px;
  padding: 0 20px;
  background-color: transparent;
  margin: 0 1%
}
#base #blog div.post * { color:black!important; }
#base #blog div.post:nth-child(4) {
    display: none;
}
#base #blog div.post div.img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  float:left; 
  height:auto; border:2px solid white; color:white!important; 
  float:left; margin:20px 3%; position: relative; aspect-ratio: 1 / 1;  
  background-position:center; background-size:180%;
  filter: grayscale(70%); box-shadow:0 5px 15px rgba(0,0,0,.3);
  cursor:pointer;
}
#base #blog div.post:hover div.img:hover { background-size:200%; filter: grayscale(0%); }
#base #blog div.post h4 {
  width: 100%;
  height: 90px;
  float:left; 
  clear: none;
  padding: 10px 0;
  text-align: center;
  overflow: hidden;
}
section#blog footer button { 
  background-color: rgb(210, 175, 110);
  color: white!important;
  border:none;
  padding:5px 10px;
  border-radius:20px;
  margin-top:15px!important;
  box-shadow:0 2px 15px rgba(0,0,0,.2);
  border:2px solid rgb(210, 175, 110);
  clear: both
}
section#blog footer button { 
  background-color: rgb(210, 175, 110);
  color: white!important;
  border:none;
  padding:5px 10px;
  border-radius:20px;
  margin-top:15px!important;
  box-shadow:0 2px 15px rgba(0,0,0,.2);
  border:2px solid rgb(210, 175, 110);
  clear: both
}
section#blog footer button:hover { 
	background-color: rgb(210, 175, 110);
  border:2px solid white;
}
section#about div.img { opacity:0 }
section#about.on div.img { opacity:1 }
#base section#areas div.img { opacity:0 }
#base section#areas.on div.img { opacity:1 }
#base section#blog div.post { margin-left:-1000px }
#base section#blog.on div.post { margin-left:0}
#rodape .logo { opacity: 0; }
#rodape.on .logo { opacity: 1 }
#rodape div.bottom div.col { opacity: 0; }
#rodape.on div.bottom div.col { opacity: 1; }
#rodape div.social a  { left:1000px; position: relative }
#rodape.on div.social a  { left:0; position: relative }

.step-1 { transition: all 1s; }
.step-2 { transition: all 2s; }
.step-3 { transition: all 3s; }
.step-4 { transition: all 4s; }
.step-5 { transition: all 5s; }
.step-6 { transition: all 6s; }
.step-7 { transition: all 7s; }
.step-8 { transition: all 8s; }
.step-9 { transition: all 9s; }
		@media screen and (max-width: 1100px) {	
			section#about { margin-top:50px }
			section#about h3 { text-align: center }
			#base section#about p { width: 100%; }
			section#about div.info { 
				width: 100%; float: none; 
			  margin: 0;
			  margin-top:15px;
			  overflow: hidden;    
			}
			section#about div.left { 
			  width: 100%; float: none;
			  clear: both;
			  overflow: hidden;
			  padding-bottom: 25px!important;
			}
			section#about div.img { 
				width: 25%; 
			  height: auto;
			  aspect-ratio: 1/1;
			  margin:0 4%;
			}
      #base #areas div.img { width:44%; filter: grayscale(0%); }
      #base #blog { padding-bottom: 50px }
      #base #blog div.post { width:96% }
      #base #blog div.post p { text-align: center!important; }
      #base #blog div.post span.more { display: none!important; }
      #base #blog div.post div.img { width: 80%; margin: 15px auto; float: none }
		}