• 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

<style>.pop-over {
background: url("https://www.rosettastone.com/lp/sitewide-promo/homepage-pushdown-military.jpg") no-repeat center;
background-size: cover;
padding: 23% 6.5% 8.5% 6.5%;
text-align: right;
position: relative;
cursor: pointer;
}
@media (max-width: 768px) {
 .pop-over {
background: url("https://www.rosettastone.com/lp/sitewide-promo/homepage-pushdown-military-mobile.jpg") no-repeat center;
background-size: contain;
padding:0;
height: 400px;
position: relative;
cursor: pointer;
}


}

.pop-over .close-btn {
position: absolute; top:1.5em;  right:1.5em;  width:3vw;  padding-bottom: 3vw;  background:url("https://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);}</style>

<script>  window.setTimeout(function(){   $(".pop-over").slideDown();   $(".pop-over .close-btn").click(function(){$(".pop-over").slideUp();})  },2000);</scr'+'ipt><!-- END Catalyst POP OVER PROMO -->';