tabs {
  display: block;
  margin: 0 auto 20px;
  position: relative;
  background: #f5f4f2; }
  tabs > nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 0;
     }
    tabs > nav > tab {
      cursor: pointer;
      display: inline-block;
      padding: 5px 65px;
      line-height: 2em;
      font-size: 16px;
      color: #000; 
      //background: rgb(64,62,63);
    }
   /* tab:first-child
    {
      border-radius:8px 0px 0 8px;
      border-left: 0;
    }
    tab:last-child
    {
      border-radius: 0 8px 8px 0px; 
    }*/
     tabs > nav > tab:hover {
    //background-color: #f5f4f2;
    color: #585858;
}
      tabs > nav > tab.active, tabs > nav > tab[active='true'] {
        background:#efedec none repeat scroll 0 0;
        color: #E02427;
         }
      tabs > nav > tab > span {
        display: block;
        pointer-events: none; }
tabs > tab {
    background: #EFEDEC none repeat scroll 0 0;
    display: block;
    padding: 20px 20px 0;
}
    tabs > tab:before, tabs > tab:after {
      content: " ";
      display: table; }
    tabs > tab:after {
      clear: both; }
  tabs[alive='true'] > tab {
    display: none; }
    tabs[alive='true'] > tab.active, tabs[alive='true'] > tab[active='true'] {
      display: block; }
@media (max-width: 768px){
  tabs > nav > tab
  {
    display: block;
  }
  tab:first-child
  {
    border-radius: 0;
  }
  tab:last-child
  {
    border-radius: 0;
  }
}