Thu May 04 2017
Copied to clipboard! Copy reply
  • 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
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422
  • 423
  • 424
  • 425
  • 426
  • 427
  • 428
  • 429
  • 430
  • 431
  • 432
  • 433
  • 434
  • 435
  • 436
  • 437
  • 438
  • 439
  • 440
  • 441
<style>
@font-face {
  font-family: gothambook;
  font-weight: normal;
  font-style: normal;
  src: url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-book.ttf"), url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-book.eot?#iefix"); }
@font-face {
  font-family: gothammedium;
  font-weight: normal;
  font-style: normal;
  src: url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-medium.ttf"), url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-medium.eot?#iefix"); }
#rs-ee-product-lightboxes-bg {
  cursor: pointer;
  visibility: visible;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
    z-index: 100;
  display: none; }

#rs-ee-product-lightboxes {
  z-index: 100;
  position: fixed;
  top: 75px;
  left: 10%;
  position: fixed;
  width: 1200px;
  height: auto;
  margin: 0px auto;
  background-color: #f1f1f1;
padding-top: 24px;
font-size: 16px;
line-height: normal;
  font-family: 'gothambook', arial, sans-serif; }
  @media screen and (max-width: 1200px) {
    #rs-ee-product-lightboxes {
        width: auto;
      position: absolute;
      left: 0px;
      margin: 5px; } }
  #rs-ee-product-lightboxes #rs-ee-product-close {
    right: 4px;
    top: -35px;
    position: absolute;
    font-size: 1em;
   color: white;
    cursor: pointer; }
    #rs-ee-product-lightboxes #rs-ee-product-close img {
      width: 1em;
      height: 1em; }
  #rs-ee-product-lightboxes h1 {
    color: #4487c0;
    font-size: 2em;
    font-family: 'gothambook', arial, sans-serif;
    margin-bottom: 16px;
     }
    @media screen and (max-width: 1200px) {
      #rs-ee-product-lightboxes h1 {
        font-size: 1em; } }
  #rs-ee-product-lightboxes p {
    font-size: 1em;
    color: #3e3d3f;
    font-family: 'gothambook', arial, sans-serif; }
  #rs-ee-product-lightboxes button {
      text-shadow:none;
    margin-top: 16px;
    background: none;
    background-color: #0098db;
    border-radius: 5px;
    padding: 12px 28px;
    outline: none;
    border: none;
    cursor: pointer;
    font: none; 
    text-shadow:none;
    }
    #rs-ee-product-lightboxes button a {
      color: white;
      text-transform: uppercase;
      font-size: 16px;
      line-height: normal;
      text-decoration: none;
      letter-spacing: 1px;
      font-weight: 200; }
  #rs-ee-product-lightboxes.active {
    display: block; }
  #rs-ee-product-lightboxes .main_content {
    text-align: center;
    padding-bottom: 16px; }
    #rs-ee-product-lightboxes .main_content p {
      width: 65%;
      margin: 0px auto; }
      @media screen and (max-width: 1200px) {
        #rs-ee-product-lightboxes .main_content p {
          width: 90%; } }
  #rs-ee-product-lightboxes .products-container {
    overflow: auto;
    opacity: 1;
    z-index: 1000;
    text-align: center;
    margin: 0px auto;
    width: 90%; }
    @media screen and (max-width: 1200px) {
      #rs-ee-product-lightboxes .products-container {
        width: 100%; } }
    #rs-ee-product-lightboxes .products-container .product-column {
      z-index: 1000;
      float: left;
      max-width: 250px;
      padding: 5px;
      margin-left: 10px; }
      @media screen and (max-width: 1200px) {
        #rs-ee-product-lightboxes .products-container .product-column {
          min-width: 100%;
          max-width: 100%;
          margin-left: 0px;
          padding: 0px;
          margin-top: 20px; } }
      #rs-ee-product-lightboxes .products-container .product-column .header {
        padding: 8px 0px 8px 0px;
        color: white;
        min-height: 80px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
        #rs-ee-product-lightboxes .products-container .product-column .header .cta-container {
          display: none; }
          @media screen and (max-width: 1200px) {
            #rs-ee-product-lightboxes .products-container .product-column .header .cta-container {
              display: block;
              border-top-left-radius: 0px;
              border-top-right-radius: 0px; }
              #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button {
                text-shadow:none;
                background: none;
                background-color: #f0c433; }
                #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button a {
                  color: #3e3d3f; }
              #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button.js-rsee-personal {
                background: none;
                background-color: #0098db; }
                #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button.js-rsee-personal a {
                  color: white; } }
        @media screen and (max-width: 1200px) {
          #rs-ee-product-lightboxes .products-container .product-column .header {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px; } }
        #rs-ee-product-lightboxes .products-container .product-column .header.yellow {
          background-color: #f0c433;
          color: black; }
        #rs-ee-product-lightboxes .products-container .product-column .header.blue {
          background-color: #4487c0; }
        #rs-ee-product-lightboxes .products-container .product-column .header.blue-dark {
          background-color: #2497b7; }
        #rs-ee-product-lightboxes .products-container .product-column .header.blue-darker {
          background-color: #71bbd5; }
        #rs-ee-product-lightboxes .products-container .product-column .header .product-name {
          text-transform: uppercase;
          border-bottom: 1px;
          font-size: 1em;
          font-weight: bold;
          padding-bottom: 5px; }
        #rs-ee-product-lightboxes .products-container .product-column .header hr {
            margin-top: 16px;
          border-style: solid; }
        #rs-ee-product-lightboxes .products-container .product-column .header .product-details {
          font-size: 0.80em;
          margin-top: 16px;
          color: white; }
          #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-1 {
            font-family: 'gothammedium', arial, sans-serif;
            text-transform: uppercase; }
            #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-1.diff {
              color: #3e3d3f; }
          #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-2 {
            font-family: 'gothambook', arial, sans-serif; }
            #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-2.diff {
              color: #3e3d3f; }
      #rs-ee-product-lightboxes .products-container .product-column .content {
        z-index: 1000;
        background-color: #ffffff;
        margin: 0px;
        padding: 16px 0px 0px 0px;
        text-align: left;
        font-size: 0.80em;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; }
        @media screen and (max-width: 1200px) {
          #rs-ee-product-lightboxes .products-container .product-column .content {
             position: relative;
            display: none;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px; } }
        #rs-ee-product-lightboxes .products-container .product-column .content ul {
          list-style: none;
          padding: 0px 10px; 
          overflow: hidden;
          }

 #rs-ee-product-lightboxes .products-container .product-column .content ul.tall {
          height: 380px;
           }

           #rs-ee-product-lightboxes .products-container .product-column .content .disclaimer{
               opacity:0.72;
               font-size: 13px;
                   position: absolute;    
                 bottom: 95px;
           }

          #rs-ee-product-lightboxes .products-container .product-column .content ul.short {
         height: 215px;
         }


          #rs-ee-product-lightboxes .products-container .product-column .content ul li {
            margin-top: 15px;
            position: relative;
            padding-left: 25px; }
          #rs-ee-product-lightboxes .products-container .product-column .content ul li:before {
            content: '';
            position: absolute;
            background-image: url("/lp/rs-ee-product-lightboxes-assets/check-mark.svg");
            width: 18px;
            height: 18px;
            left: 0px; }
        #rs-ee-product-lightboxes .products-container .product-column .content .special {
          text-transform: uppercase;
          padding-left: 15px;
          text-align: center; }
        #rs-ee-product-lightboxes .products-container .product-column .content .cta-container {
          background-color: #3e3d3f;
          min-height: 80px;
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px;
          text-align: center;
          font-weight: bold; }
          @media screen and (max-width: 1200px) {
            #rs-ee-product-lightboxes .products-container .product-column .content .cta-container {
              border-bottom-left-radius: 0px;
              border-bottom-right-radius: 0px; } }
          #rs-ee-product-lightboxes .products-container .product-column .content .cta-container button {
            text-shadow:none;
            background: none;
            margin-top: 16px;
            background-color: #0098db;
            border-radius: 5px;
            padding: 12px 28px;
            outline: none;
            border: none;
            cursor: pointer; }
            #rs-ee-product-lightboxes .products-container .product-column .content .cta-container button a {
              color: white;
              text-transform: uppercase;
              font-size: 16px;
              line-height: normal;
              text-decoration: none;
              letter-spacing: 1px;
              font-weight: 200; }  

</style>

<div id="rs-ee-product-lightboxes-bg">
<div id="rs-ee-product-lightboxes">

    <div id="rs-ee-product-close">
         CLOSE <img src="/lp/rs-ee-product-lightboxes-assets/close.svg" alt="close">
    </div>
    
    <div class="main_content">
        <h1>Proven, results-based language learning.</h1>
        <p>Our award-winning learning approach has been used in thousands of homes, schools and businesses to help students and employees successfully learn a new language.</p>
    </div>

    <div class="products-container">
        <div class="product-column">
            <div class="header yellow">
                <span class="product-name">PERSONAL EDITION</span> 
                <hr width="10%"/> 
                <p class="product-details"><span class="diff line-1">24 months for $229</span>
                <br/>
                <span class="diff line-2">Single user subscription</span></p>
                   <div class="cta-container">
                     <button class="js-rsee-personal"><a class="js-rsee-personal" href="#" >LEARN MORE</a></button>
                </div>
            </div>
           <div class="content" id="js-rsee-personal-content">
                <ul class="tall">
                    <li>Learn on any device—lessons sync instantly</li>
                    <li>Choose one of 24 available languages, including English</li>        
                    <li>TruAccent™ pronunciation training technology</li>
                    <li>Learn hands-free with audio lessons</li>
                    <li>Practice speaking with read aloud stories</li>
                    <li>Easily reference words and expressions with Phrasebook</li>
                    <li>Web and telephone support</li>     
                    <li>Build confidence using native speaking tutors*</li>                                   
                </ul>          
                <span class="disclaimer" >* Optional item with additional fees</span>
                 <div class="cta-container">
                    <button><a href="http://www.rosettastone.com/lp/sbsr/sitewide?ocid=link-homepage-personal">SHOP NOW</a></button>
                </div>

            </div>                   
        </div>
        <div class="product-column">
             <div class="header blue">
                 <span class="product-name">TEAM EDITION</span>  
                 <hr width="10%"/>
                  <p class="product-details"><span class="line-1">$389 per user, per year</span>
                  <br/><span class="line-2">Groups of up to 25 users</span></p>
                   <div class="cta-container">
                     <button class="js-rsee-team"><a class="js-rsee-team" href="#" >LEARN MORE</a></button>
                </div>
            </div>
            <div class="content" id="js-rsee-team-content">
                <ul class="tall">
                    <p class="special">MOST FEATURES IN THE PERSONAL EDITION†, PLUS:</p>
                    <li>24 available languages, including English</li>
                    <li>English Proficiency Testing</li>
                    <li>Synced desktop, tablet, and mobile capability</li>
                    <li>Automated placement testing</li>
                    <li>Learner usage reporting</li>
                    <li>Implementation, web, and telephone support</li>
                    <li>Guided self-paced experience focuses on fundamentals</li>
                    <li>Build confidence using native speaking tutors</li>
                    <li>Transferable licenses</li>
                </ul> 
                 

                <div class="cta-container">
                     <button><a href="http://www.rosettastone.com/lp/team-edition/?ocid=link-homepage-eeteam">SHOP NOW</a></button>
                </div>             
            </div> 
                       
        </div>
        <div class="product-column">
             <div class="header blue-dark">
                    <span class="product-name">BUSINESS SOLUTION</span>  
                    <hr width="10%"/>                    
                     <p class="product-details"><span class="line-1">FOR ORGANIZATIONS</span>
                     <br/><span class="line-2">up to 20,000 users</span></p>
                      <div class="cta-container js-rsee-business">
                     <button class="js-rsee-business"><a href="#" class="js-rsee-business" >LEARN MORE</a></button>
                </div>
            </div>             
            <div class="content" id="js-rsee-business-content">
                <ul class="short">
                    <p class="special">ALL FEATURES IN THE TEAM EDITION, PLUS:</p>
                    <li>Content adaptable to industry and culture</li>
                    <li>Recommends appropriate language-learning path based on testing and learner’s goals</li>
                    <li>Full suite of administrative and reporting tools</li>                    
                </ul>  

                 <div class="cta-container">
                    <button><a href="http://www.rosettastone.com/lp/business?ocid=link-homepage-eebiz">REQUEST PRICING</a></button>
                </div>
            </div>  
        </div>
        <div class="product-column">
            <div class="header blue-darker">                 
                <span class="product-name">EDUCATION SOLUTION</span>  
                <hr width="10%"/>
                <p class="product-details"><span class="line-2">Classroom to District</span><br/><span class="line-2">implementations</span></p>
                 <div class="cta-container">
                     <button class="js-rsee-education"><a class="js-rsee-education" href="#">LEARN MORE</a></button>
                </div>
            </div>                
            <div class="content" id="js-rsee-education-content">
                <ul class="short">
                    <p class="special">ALL FEATURES IN THE TEAM EDITION, PLUS:</p>
                    <li>Easy integration with blended learning models</li>
                    <li>Games and activities</li>
                    <li>Supplemental materials</li>
                    <li>Full suite of administrative and reporting tools</li>
                </ul>                
                 <div class="cta-container">
                     <button><a href="http://www.rosettastone.com/lp/k12?ocid=link-homepage-eek12">REQUEST PRICING</a></button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>



<script>



$( document ).ready(function() {
 
$('.nav-items').append('<li class="nav-item noselect"><button id="js-rsee-lightbox-trigger"  style="background-color: #0098db;background-image: none;color: white;width: 100px;height: 30px;top: -8px;left: 12px;position: relative;text-shadow:none;"  tabindex="0">PRICING</button></li>');

var $rs_ee_product_lightboxes = $('#rs-ee-product-lightboxes-bg');

var revertFlag = false;

$('#rs-ee-product-close, #js-rsee-lightbox-trigger').click(function(){
      

    $rs_ee_product_lightboxes.fadeToggle('active');
    $('.demo-wrap').toggle()

/* To make lighbox scrollable */
    
        if( !revertFlag ){
            revertFlag = true;
            $('body').css('overflow-y', 'hidden');
            $('body').css('height', '100%');
            $('body').css('position', 'fixed');
            $('#rs-ee-product-lightboxes-bg').css('overflow-y', 'scroll');            
            $('#rs-ee-product-lightboxes-bg').on('touchmove touchstart', function (e) {
            e.stopPropagation();            
            });	 
        }else{            
            $('body').css('overflow-y', 'scroll');
            $('body').css('position', 'static');
            $('body').css('height', 'auto');
            $('body').unbind('touchmove');
            revertFlag = false;
        }
})

$('.header .cta-container').click(
    function(e){        
        $('#'+e.target.className+'-content').show();
        $('.'+e.target.className).hide();                                
        $('html, body').animate({
                  scrollTop:   $('#'+e.target.className+'-content').parent().offset().top
             }, 1000);         
    }
)    
});

</script>