tabs {
  display: block;
  margin: 0 auto 20px;
  position: relative;
  margin-right:20px; 
  }
  tabs > nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 0;
    border-bottom: 2px solid #77c25b; }
    tabs > nav > tab {
      cursor: pointer;
      display: inline-block;
      padding: 5px 20px;
      line-height: 2em;
      font-size: 16px;
      color: #505050;
      background: /*#36454F*/none;}
      tabs > nav > tab:hover {
        background-color: #77c25b; }
      tabs > nav > tab.active, tabs > nav > tab[active='true'] {
        background: #77c25b;
		color:#ffffff;
		font-weight:bold; 
		}
      tabs > nav > tab > span {
        display: block;
        pointer-events: none; }
  tabs > tab {
    display: block;
    padding: 20px 20px 0;
    background: none; }
    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; }
.white { background:#fff; padding-bottom:50px;}