- 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 -->';