@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap');
.warppertab{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:5px 5px;
  margin:2px 2px;
  background:#770e0c;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
}
.panels{
  background:#fffffff6;
  box-shadow: 0 2rem 2rem #00000080;
  min-height:200px;
  width:100%;
  border-radius:3px;
  overflow:hidden;
  padding:20px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  color: #000;
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#sele:checked ~ .panels #sele-panel,
#ac:checked ~ .panels #ac-panel,
#al:checked ~ .panels #al-panel,
#ap:checked ~ .panels #ap-panel,
#am:checked ~ .panels #am-panel,
#ba:checked ~ .panels #ba-panel,
#ce:checked ~ .panels #ce-panel,
#es:checked ~ .panels #es-panel,
#go:checked ~ .panels #go-panel,
#ma:checked ~ .panels #ma-panel,
#mt:checked ~ .panels #mt-panel,
#ms:checked ~ .panels #ms-panel,
#mg:checked ~ .panels #mg-panel,
#pa:checked ~ .panels #pa-panel,
#pb:checked ~ .panels #pb-panel,
#pr:checked ~ .panels #pr-panel,
#pe:checked ~ .panels #pe-panel,
#pi:checked ~ .panels #pi-panel,
#rj:checked ~ .panels #rj-panel,
#rn:checked ~ .panels #rn-panel,
#rs:checked ~ .panels #rs-panel,
#ro:checked ~ .panels #ro-panel,
#rr:checked ~ .panels #rr-panel,
#sc:checked ~ .panels #sc-panel,
#sp:checked ~ .panels #sp-panel,
#se:checked ~ .panels #se-panel,
#to:checked ~ .panels #to-panel{
  display:block
}
#sele:checked ~ .tabs #sele-tab,
#ac:checked ~ .tabs #ac-tab,
#al:checked ~ .tabs #al-tab,
#ap:checked ~ .tabs #ap-tab,
#am:checked ~ .tabs #am-tab,
#ba:checked ~ .tabs #ba-tab,
#ce:checked ~ .tabs #ce-tab,
#es:checked ~ .tabs #es-tab,
#go:checked ~ .tabs #go-tab,
#ma:checked ~ .tabs #ma-tab,
#mt:checked ~ .tabs #mt-tab,
#ms:checked ~ .tabs #ms-tab,
#mg:checked ~ .tabs #mg-tab,
#pa:checked ~ .tabs #pa-tab,
#pb:checked ~ .tabs #pb-tab,
#pr:checked ~ .tabs #pr-tab,
#pe:checked ~ .tabs #pe-tab,
#pi:checked ~ .tabs #pi-tab,
#rj:checked ~ .tabs #rj-tab,
#rn:checked ~ .tabs #rn-tab,
#rs:checked ~ .tabs #rs-tab,
#ro:checked ~ .tabs #ro-tab,
#rr:checked ~ .tabs #rr-tab,
#sc:checked ~ .tabs #sc-tab,
#sp:checked ~ .tabs #sp-tab,
#se:checked ~ .tabs #se-tab,
#to:checked ~ .tabs #to-tab{
  background:#fffffff6;
  color:#000;
  border-top: 3px solid #770e0c;
}
/*Outro CSS DE Template*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
.tabset .tab-panel {
  display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.tabset > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8),
.tabset > input:nth-child(17):checked ~ .tab-panels > .tab-panel:nth-child(9),
.tabset > input:nth-child(19):checked ~ .tab-panels > .tab-panel:nth-child(10),
.tabset > input:nth-child(21):checked ~ .tab-panels > .tab-panel:nth-child(11),
.tabset > input:nth-child(23):checked ~ .tab-panels > .tab-panel:nth-child(12),
.tabset > input:nth-child(25):checked ~ .tab-panels > .tab-panel:nth-child(13),
.tabset > input:nth-child(27):checked ~ .tab-panels > .tab-panel:nth-child(14),
.tabset > input:nth-child(29):checked ~ .tab-panels > .tab-panel:nth-child(15),
.tabset > input:nth-child(31):checked ~ .tab-panels > .tab-panel:nth-child(16),
.tabset > input:nth-child(33):checked ~ .tab-panels > .tab-panel:nth-child(17),
.tabset > input:nth-child(35):checked ~ .tab-panels > .tab-panel:nth-child(18),
.tabset > input:nth-child(37):checked ~ .tab-panels > .tab-panel:nth-child(19),
.tabset > input:nth-child(39):checked ~ .tab-panels > .tab-panel:nth-child(20),
.tabset > input:nth-child(41):checked ~ .tab-panels > .tab-panel:nth-child(21),
.tabset > input:nth-child(43):checked ~ .tab-panels > .tab-panel:nth-child(22),
.tabset > input:nth-child(45):checked ~ .tab-panels > .tab-panel:nth-child(23),
.tabset > input:nth-child(47):checked ~ .tab-panels > .tab-panel:nth-child(24),
.tabset > input:nth-child(49):checked ~ .tab-panels > .tab-panel:nth-child(25),
.tabset > input:nth-child(51):checked ~ .tab-panels > .tab-panel:nth-child(26),
.tabset > input:nth-child(53):checked ~ .tab-panels > .tab-panel:nth-child(27){
  display: block;
}
.tabset > label {
  position: relative;
  display: inline-block;
  padding: 05px 9px 15px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}
.tabset > label::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 10px;
  height: 3px;
  background: #8d8d8d;
}
.tabset > label:hover,
.tabset > input:focus + label {
  color: #a41716;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #ee4c50;
}
.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}
.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.tabset {
  max-width: 75em;
}
.tabset label{
  color:#000;
}