Tue Nov 08 2016
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
(!window.location.hostname.match(/espanol/i)) && (function(){
	// build the rto and insert it invisibly into the document
	var target = 'http://www.rosettastone.com/freedemo?video=election16';
	var rto = document.createElement('div');
	rto.id = 'avventura_rto_container';
	rto.innerHTML = `
	   <div class="pop-over" style="display:none">
	       <div class="pop-copy">
	           <p>Be the first to know about our</p>
	           <h2>Holiday Specials!</h2>
	           <h3>Sign up for first dibs on our <em>Holiday Deals and Exclusives!</em></h3>
	       </div>
	       <form class="pop-ec">
	           <label><input type="email" required name="email" placeholder="Email Address"></label>
	           <input type="submit" value="Sign Up">
	       </form>
	   </div>`;
	rto.innerHTML += `<style>
	   .pop-over {    background: none;    background-size: cover;    padding: 10em 6.5% 10em 6.5%;    text-align: right;    position: relative; cursor: pointer;}
	   .pop-over .close-btn {	position: absolute;	top:1.5em;	right:1.5em;	width:3vw;	padding-bottom: 3vw;	background:url("http://www.rosettastone.com/lp/sitewide-promo/close-btn.svg") no-repeat center;	background-size: contain;	cursor: pointer;}
	   .pop-over a {    width: 28.5%;    display: inline-block;}
	   .pop-over a img {    width: 100%;transition:transform 0.3s;}
	   .pop-over a img:hover {transform:scale(1.03);}
	   .pop-over .pop-copy, .pop-over .pop-ec {     margin: 0 auto; width: 50%; position: relative; left: 20em; text-align: left; }
	   .pop-over .pop-copy p { font-family: GothamMedium;
            font-size: 2.25em;
            margin-bottom: .5em;
            text-transform: uppercase;
            color: #555;
        }
        .pop-over .pop-copy h2 {
            font-size: 11.5em;
            font-family: GothamBold;
            margin-top: .15em;
            height: auto;
            line-height: 0.8;
            text-transform: uppercase;
            font-weight: 900;
        }
        .pop-over .pop-copy h3 {
            font-family: GothamBook;
            font-size: 2.9em;
            font-weight: 300;
            margin-top: .75em;
            color: #555;
        }
        .pop-over .pop-copy h3 em {
            display: block;
            line-height: 1.6;
            color: #000;
            font-weight: bold;
        }
        .pop-over .pop-ec input[type="email"]{
            font-size: 3em;
            padding: 0.5em;
            margin-top: .5em;
        }
        .pop-over .pop-ec input[type="email"]::-webkit-input-placeholder{
            font-family: GothamMedium;
            color: #999;
            text-transform: uppercase;
        }
        .pop-over .pop-ec input[type="submit"]{
            font-family: GothamMedium;
            font-size: 1.9em;
            padding: 1.2em 3em;
            margin-top: .5em;
            background: none;
            background-color: #0097d9;
            text-transform: uppercase;
            color: white;
            text-shadow: none;
            position: relative;
            bottom: .2em;
        }
	</style>
	`;
	rto.innerHTML += '<scr'+'ipt>	window.setTimeout(function(){		$(".pop-over").slideDown();		$(".pop-over .close-btn").click(function(){$(".pop-over").slideUp();})	},2000);</scr'+'ipt>';
	document.body.insertBefore(rto,document.body.firstChild);
      window.setTimeout(function(){		
        $(".pop-over").slideDown();
        //$('.pop-over').on('click', function(){ window.location.href = target; })
        $('.peter-close-btn').attr('style','width: 10em; height: 10em; background: none; width: 15vw; height: 15vh; max-width: 15vw; max-height: 15vh;');
        $(document).on('click', '.peter-close-btn', function(){ $(".pop-over").slideUp(); });
        document.cookie = "shownCatalyst=true; expires=Fri, 31 Dec 9999 23:59:59 GMT;";
      },2000);
	
})();