Нужна помощь

 
<div class="cd-pricing-container">
 <div class="cd-pricing-switcher">
 <p class="fieldset">
 <input type="radio" name="duration" value="monthly" id="monthly" checked>
 <label for="monthly">Monthly</label>
 <input type="radio" name="duration" value="yearly" id="yearly">
 <label for="yearly">Yearly</label>
 <span class="cd-switch"></span>
 </p>
 </div> <!-- .cd-pricing-switcher -->
 
 <ul class="cd-pricing-list">
 <li>
 <ul class="cd-pricing-wrapper">
 <li data-type="monthly" class="is-visible">
 <header class="cd-pricing-header">
 <h2>Basic</h2>
 <div class="cd-price">
 <span class="cd-currency">$</span>
 <span class="cd-value">30</span>
 <span class="cd-duration">mo</span>
 </div>
 </header> <!-- .cd-pricing-header -->
 
 <div class="cd-pricing-body">
 <ul class="cd-pricing-features">
 <li><em>256MB</em> Memory</li>
 <!-- other features here -->
 </ul>
 </div> <!-- .cd-pricing-body -->
 
 <footer class="cd-pricing-footer">
 <a class="cd-select" href="https://s-sd.ru">Select</a>
 </footer> <!-- .cd-pricing-footer -->
 </li>
 
 <li data-type="yearly" class="is-hidden">
 <!-- pricing table content here -->
 </li>
 </ul> <!-- .cd-pricing-wrapper -->
 </li>
 
 <li class="cd-popular">
 <ul class="cd-pricing-wrapper">
 <li data-type="monthly" class="is-visible">
 <!-- pricing table content here -->
 </li>
 
 <li data-type="yearly" class="is-hidden">
 <!-- pricing table content here -->
 </li>
 </ul>
 </li> <!-- .cd-pricing-wrapper -->
 
 <li>
 <ul class="cd-pricing-wrapper">
 <li data-type="monthly" class="is-visible">
 <!-- pricing table content here -->
 </li>
 
 <li data-type="yearly" class="is-hidden">
 <!-- pricing table content here -->
 </li>
 </ul> <!-- .cd-pricing-wrapper -->
 </li>
 </ul> <!-- .cd-pricing-list -->
</div> <!-- .cd-pricing-container -->
 
<style>
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
 
html {
  font-size: 62.5%;
}
 
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #173d50;
  background-color: #173d50;
}
 
a {
  color: #e97d68;
  text-decoration: none;
}
 
/* --------------------------------
 
Main Components
 
-------------------------------- */
.cd-header {
  height: 100px;
  line-height: 170px;
  position: relative;
}
.cd-header h1 {
  text-align: center;
  color: #FFFFFF;
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 160px;
    line-height: 280px;
  }
  .cd-header h1 {
    font-size: 3.6rem;
    font-weight: 300;
  }
}
 
.cd-pricing-container {
  width: 90%;
  max-width: 1170px;
  margin: 4em auto;
}
@media only screen and (min-width: 768px) {
  .cd-pricing-container {
    margin: 6em auto;
  }
  .cd-pricing-container.cd-full-width {
    width: 100%;
    max-width: none;
  }
}
 
.cd-pricing-list {
  margin: 2em 0 0;
}
.cd-pricing-list > li {
  position: relative;
  margin-bottom: 1em;
  background-color: #FFFFFF;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Firefox bug - 3D CSS transform, jagged edges */
  outline: 1px solid transparent;
}
.cd-pricing-list > li::after {
  /* subtle gradient layer on the right - to indicate it's possible to scroll */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #FFFFFF, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));
}
.cd-pricing-list > li.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  display: none;
}
@media only screen and (min-width: 768px) {
  .cd-pricing-list {
    margin: 3em 0 0;
  }
  .cd-pricing-list:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-pricing-list > li {
    width: 33.3333333333%;
    float: left;
  }
  .cd-pricing-list > li::before {
    /* separator between pricing tables - visible when number of tables > 3 */
    content: '';
    position: absolute;
    z-index: 6;
    left: -1px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform
                                        

                                            

                                                                                        

        

                    
                            
            

    

                    
                0