/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #e0ebf1;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  font-size: 20px;
  border: none;
  outline: none;
  transition: 0.4s;
  box-shadow: inset 0 0 1px #23429e;
  background: radial-gradient(#111a39, 67.5%, #3476da) padding-box, radial-gradient(#a0c2ed, 35%, #a0c2ed00 70%) 50% 0/80% 50% repeat-y;
  margin: 0.5em;
  padding: 0.5em 3.25em;
  border-radius: 5em;
  
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active-acordeon, .accordion:hover {
  background-color: #ccc;
  display: block;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 16px;
  color: #05577f;
  float: left;
  margin-right: 5px;
}

.active-acordeon:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
  
}


.tabs-wrapper{
    width: 100%;
}
.tabs-wrapper .tabs-header{
    border-bottom: 2px solid #E6E7E8;
    padding-left: 10.65246338215712%;
    padding-right: 10.65246338215712%;    
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
}
.tabs-wrapper .tab{
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;     
    float: left;       
    cursor: pointer;
    color: #565658;
}
.tabs-wrapper .tab.active{
    color: #195780;
}
.tabs-wrapper .tab .bar{
    background: #E6E7E8;
    height: 8px;
    border-right: 2px solid #fff;
}
.tabs-wrapper .tab.active .bar{
    background: #195780;
}
.tabs-wrapper .tab:last-child .bar{
    border-right: 0px;
}
.tabs-wrapper .lead4{
    padding-left: 15px;
    margin-bottom: 5px;
}
.tabs-wrapper .tabs-body{
    margin-top: 20px;
}
.tabs-wrapper .tabs-body > div{
    display: none;
    color: #565658;
}
.tabs-wrapper .tabs-body > div.active{
    display: block;
} 


div.margem3 {
    background: #1D5C86;
    color: #FFF;
    padding: 20px;
    margin: 10px;
}


.button-acord{
    min-width: 164px;
    padding: 0px 20px;    
    border-radius: 30px;
    height: 43px;
    font-size: 14px!important;
    font-family: 'latoregular'!important;    
    text-transform: uppercase;
}

.button-acord1{
    color: #255b7e;
    background: #fff;
    border: 1px solid #255b7e;
}
.button-acord1:hover{
    color: #fff;
    background: #255b7e;
    border: 1px solid #255b7e;
}
.button-acord2{
    color: #fff;
    background: #255b7e;
    border: 1px solid #fff;
}
.button-acord2:hover{
    opacity: 0.8;
}