body {margin:0; padding:0; overflow: hidden; position: relative; font-size: 25px; font-weight: 600; font-family:'Helvetica Neue'}
body{-webkit-user-drag:none;-webkit-user-select: none; user-select: none;}

.video {position:absolute; top:-10px; left:0;}

.disable-sync,.subscribe-me,.start-waltr {opacity:0; transition:opacity 1s;position: absolute; top:0; left: 0;}
.disable-sync,.subscribe-me,.start-waltr {transition:opacity .5s;}
.video-container {position: absolute; top:0; left: 0; width: 640px; height: 360px; overflow: hidden}

.button {background-color: #008aea; color: white; display: block; text-decoration: none; width: 155px; height: 44px; text-align: center; line-height: 42px; border-radius:7px; transition: all .5s; }
.button:hover {background-color: #0073cd; -webkit-transform: scale(1.05)}

.disable-sync {z-index: 200; overflow: hidden; padding: 40px; width: 560px;top:0px; left: 0px; height: 280px}
.disable-sync input,.input-checkbox { font-size: 50px; position:absolute; outline-color:#008aea; left: 42px; top: 156px}
.input-checkbox {width: 14px; height: 14px; background-image: url(checkbox.png); background-position: 0px 0px; background-size: 14px 42px;}
.ic-active {background-position: 0px -14px;}
.ic-click {background-position: 0px -28px;}
.disable-sync input {visibility: hidden;}
.disable-sync label {font-size: 20px; position: absolute; top: 150px; left: 65px}
.checkboxLegend {position: absolute; top: 190px; left: 65px; font-size: 11px; color: #999; width: 250px; font-weight: normal;}
.checkboxLegend  a {color: #008aea!important}

.subscribe-me {top:130px;left:310px;z-index:199;width:640px;height:360px;position:absolute;left:0;top:0; overflow: hidden}
.subscribe-me input {border: 2px solid #008aea; font-size: 25px; width: 280px; position: absolute; top: 130px; left: 310px;}
.subscribe-me input::-webkit-input-placeholder {color: #ddd}
.subscribe-me .button {width: 286px; margin-top: 10px;position: absolute; top: 178px; left: 310px;}
.error {font-size:15px;position:absolute; top:110px; left:310px; color:red;}
.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; z-index: 1000; background-color: rgba(0,0,0,.2); color: rgba(255,255,255,.6); font-size: 12px; height: 25px; line-height: 25px;}
.skip#skip1 {left: auto; right: 0}
.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;}

.start-waltr {top: 150px; left: 370px; z-index: 198;}
.start-waltr .button {width:220px}

.row2 {top: 100px}

.click-to-play { width:640px; height:360px; position:absolute; top:0; left:0; z-index: 201; background:url(blured.jpg) rgba(255,255,255,.5) left bottom no-repeat;}
.page-ready {-webkit-animation: fadein 1s forwards;}
.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%;}

.blinker { position: absolute; top: 157px; left: 43px; z-index: 0; border: 1px solid #008aea; border-radius: 10px; width: 10px; height: 10px; -webkit-animation:blink .7s infinite;}



@-webkit-keyframes blink {
	0% { -webkit-transform:scale(.6); opacity:1;}
	100% { -webkit-transform:scale(3);opacity:0;}
}
@-webkit-keyframes fadein {
	0% { -webkit-transform:scale(1.1); opacity:0;}
	100% { -webkit-transform:scale(1);opacity: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);}
}



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

/* 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);}
