.tabs1 {
      position: relative;   
      min-height: 345px; /* This part sucks */
      clear: both;
      margin: 25px 0;
    }

    .tab1 {
      float: left;
    }

    .tab1 strong {
      font-size: 13px;
    }
    .tab1 label {
      background: #eee; 
      padding: 12px; 
      padding-bottom: 10px;
      border: 1px solid #ccc; 
      margin-left: -1px; 
      position: relative;
      overflow: hidden;
      left: 1px; 
    }

    .tab1 [type=radio] {
      display: none;   
    }
    .content1 {
      position: absolute;
      top: 36px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
      padding: 15px;
      padding-left:0px;
      padding-top:17px;
      border: 1px solid #ccc; 
      overflow: hidden;

    }
    .content1 li {
     line-height: 1.2em;

    }
    .content1 ul {
     padding-left:30px;

    }
    .content1 > * {
      opacity: 0;
            overflow: hidden;
      -webkit-transform: translate3d(0, 0, 0);
    
      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);
      
      -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -ms-transition:     all 0.6s ease;
      -o-transition:      all 0.6s ease;
    }
    [type=radio]:checked ~ label {
      background: white;
      border-bottom: 1px solid white;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content1 {
      z-index: 1;
    }
    [type=radio]:checked ~ label ~ .content1 > * {
      opacity: 1;
      
      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }
.clearfix::after{content:"";display:table;clear:both}