body {
  font:18px normal normal "Open Sans", Helvetica, Arial, sans-serif;
  max-width:500px;
  width:500px;
  margin:20px auto;
  
  .checkboxes {
    line-height:1.2;
    .input-box {
      box-sizing:border-box;
      width:23px; height:23px;
      line-height:22px;
      margin:2px 0;
      margin-right:-3px;
   
      display:inline-block;
      
      border:1px solid #eee;
      border-radius:50%;
    }
    
  }
  
  section.info {
      margin:20px 0;
      text-align:center;
      p {
        text-transform:uppercase;
        color:#666;
        font-weight:700;
      }
    }
  
  section.control {
    margin:20px 0;
    text-align:center;
    
    .btn-default {
      font-family:Helvetica, Arial, sans-serif;
      font-weight:700;
      text-transform:uppercase;
      
      border:1px solid rgba(0,0,0,0.05);
      color:#f1f1f1;
      background-color:#44CF6B;
      
      padding:5px 10px;
      font-size:inherit;
      
      border-radius:5px;
      cursor:pointer;
      text-shadow:1px 1px 0 rgba(0,0,0,0.05);
      transition:0.2s all ease-in-out;
      
      &:hover {
        background-color:#FD3838;
      }
    }
  }
  
  
}


._zoom {
  animation:0.4s _zoom linear;
  transform:scale(1.0);
}

@keyframes _zoom {
  0% {
    transform:scale(1.0);
  }
  
  50% {
    transform:scale(2);
  }
  
  100% {
    transform:scale(1.0);
  }
}