• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51

<!--<script src='https://www.rosettastone.com/nuxt-assets/js/vendor/jquery/jquery.min.js'></script>-->
<div id="policy-banner">
  <a class='close'>x</a>
  <div class='policy-text'>
    
  </div>
  <div class='close-continue'></div>
</div>

<style>
  #policy-banner {
    width: 100%;
    padding: 2em 2em 2em 2em;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #111;
    color: #fff;
    box-shadow: 0 0 5px #000;
    z-index: 10;
    display: none;
  }
  
  #policy-banner > a.close {
    position: absolute;
    right: 13px;
    top: 3px;
    font-size: 2em;
    cursor: pointer;
  }
  
  .close-continue {
   	color: #fff;
    background: #0098db;    
    width: 200px;
    text-align: center;
    padding: 10px 0;
    margin-top: 14px;
    cursor: pointer;
  }
  
  #policy-banner a:not(.close) {
    color: #f1c433;
    text-decoration: underline;
  }
  
  
</style>