body {margin:0; padding:0; overflow: hidden; position: relative; -webkit-user-select: none; user-select: none; font-size: 25px; font-weight: 600; font-family:'Helvetica Neue'}
video { position: absolute; top: 0px; left: 0;}
.buy-now { position: absolute; top:50px; left:100px; width:430px; height:200px; z-index:2;}

.buy-now, .video-container {opacity:0; transition:opacity 1s;}
.video-container {width: 640px; height: 360px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; overflow: hidden;}
.buy-now {transition:opacity .5s;}

.row {width:430px; height:85px; position: absolute; top: 0; left: 0; border-bottom: 1px solid #999}
.row:last-child { border-bottom: none} 
.row img {width: 70px; height: 70px; position: absolute; top: 3px; left: 0;}
.row span { position: absolute; top: 0; left: 90px;}
.row strong {font-size: 35px!important}
.row a {background-color: #008aea; color: white; position: absolute; top: 15px; right: 0px; text-decoration: none; width: 155px; height: 44px; text-align: center; line-height: 42px; border-radius:7px; font-size: 18px}

.row2 {top: 100px}
.row3 {top: 200px}
.row3 span { left: 0; font-size: 18px; top: 27px}
.row3 a { background-color: transparent; color: #008aea; border: 2px solid #008aea; width: 230px; font-size: 18px;}

.click-to-play { width:640px; height:360px; position:absolute; top:0; left:0; z-index: 3; background-color:rgba(255,255,255,.5);}
.click-to-play>* {position:absolute;top:0;left:0;}
.appeal { text-align: center; top: 70px; color: #000;width: 100%; margin: 0; padding: 0}
.play-button {border-radius:15px; top:135px; left:240px; width:160px; height:90px; cursor: pointer; background-color:#ce0000;background-image: url(play.png);background-position: 65px center;background-repeat: no-repeat; background-size:40px 51px;}
.play-text { color: #aaa; top: 255px; text-align:center; font-size: 15px; width: 100%;}

.skip { position: absolute; bottom: -40px; left: 0; width:70px; height:35px; background-color: rgba(0,0,0,.4); color: white; line-height: 35px; text-align: center; cursor: pointer; padding: 0; font-size: 15px; transition: background-color .5s, color .5s;}
.skip-big {width: 140px; background-color: rgba(0,0,0,.2); color: rgba(255,255,255,.6); font-size: 12px; height: 25px; line-height: 25px;}
.skip:hover {background-color: rgba(0,0,0,.9);color: rgba(255,255,255,1);}
.totop {-webkit-animation: top .5s forwards;}
.todown {-webkit-animation: bottom .5s forwards;}


/* Animation Keyframes */
@-webkit-keyframes bouncing {
	0% { -webkit-transform:scale(1);}
	50% { -webkit-transform:scale(1.05);}
	100% { -webkit-transform:scale(1);}
}
@-webkit-keyframes top {
	0% { -webkit-transform:translateY(0); }
	100% { -webkit-transform:translateY(-40px);}
}
@-webkit-keyframes bottom {
	0% { -webkit-transform:translateY(-40px); }
	100% { -webkit-transform:translateY(0);}
}

/* animations */
.play-button,.row a {-webkit-animation:bouncing 2s infinite;}
.play-button:hover {-webkit-transform:scale(1.12);}
.play-button:active {-webkit-transform:scale(0.99);}
