@charset "UTF-8";
/* CSS Document */

/* Begin Reset CSS */
* {
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-text-size-adjust:none;
	box-sizing: border-box;
}
/* End Reset CSS */

/* BANNER */
#ad-container {
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	width:300px;	/* Match banner width */
	height:600px;	/* Match banner height */
	overflow:hidden;
	background: url(bg.jpg) 0 0 no-repeat;
}

#bg {
	position: absolute;
	top: 0px;
	left: 0;
	width:300px;	/* Match banner width */
	height:600px;	/* Match banner height */
	overflow:hidden;
	opacity: 0;
	background: url(bg.jpg) top right no-repeat #fade57;
}

#cover {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	background-color:#fff;
	display:block;
}

.logo, #cta, #watch, #number, #t1, #t2, #card1, #card2, #card3 {
	position: absolute;
}

.logo {
	background: url(logo.png) no-repeat;
	top: 25px; left: 30px;
	width: 92px; height: 32px;
}


#logo1 {
	background-position: top left;
}

#logo2 {
	background-position: top left;
	opacity: 0;
}

#number {
	color: #c3e4f2;
	font-family: 'Yantramanav', sans-serif;
	font-size: 170px;
	line-height: 1;
	text-align: left;
	top: 190px; left: 64;
	width: 100%;
	background: -webkit-linear-gradient(#fff, #b4b0c5 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#numBlur {
	background: url(watch.png) bottom right no-repeat;
	position: absolute;
  left: 143px;
  top: 162px;
  width: 75px;
  height: 70px;
	background-position: -10px -263px;
}

#watch-holder {
	background: url(watch.png) no-repeat;
	position: absolute;
	top: 35px;
	left: -40px;
	width: 268px; height: 343px;
	-webkit-transform: scale(2);
	opacity: 0;
}

#watch {
	background: url(watch.png) bottom right no-repeat;
	position: absolute;
	top: 122px;
	left: 88px;
	width: 180px; height: 220px;
	opacity: 0;
}


#t1 {
	background: url(watch.png) no-repeat;
	position: absolute;
	left: 0; top: 0;
	height: 150px;
	width: 268px;
	opacity: 0;
}

#t2 {
	left: 100%; top: -100px;
}

#card1 {
	background: url(card.png) no-repeat;
	width: 100px; height: 65px;
	top: 357px; left: 100%;
}

#card2 {
	background: url(card.png) no-repeat;
	background-position: -100px 0;
	width: 100px; height: 65px;
	top: 424px; left: 100%;
}

#card3 {
	background: url(card.png) no-repeat;
	background-position: -200px 0;
	width: 100px; height: 65px;
	top: 491px; left: 100%;
}

#cta {
    background: url(cta.png) top left no-repeat;
    opacity: 0;
    top: 297px; left: 30px;
    width: 138px; height: 37px;
    overflow: hidden;
}