html, body, div, form, fieldset, legend, label { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
img { border: 0; }


body {
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

#ban {
	width:300px;
	height:250px;
	background-color:#FFF;
	overflow: hidden;
	position: relative;
}

#ban-link {
	display:block;
	position: absolute;
	width:298px;
	height:248px;
	cursor: pointer;
	top:0;
	left:0;
	z-index:40;
	border:1px solid #b6b6b6;
}

#logo {
	position: absolute;
	background-image: url('../imgs/logo.png');
	width: 137px;
	height: 42px;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}

#logo-b {
	position: absolute;
	background-image: url('../imgs/logo-b.png');
	width: 200px;
	height: 66px;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}

#rays {
	position: absolute;
	background-image: url('../imgs/rays.png');
	width: 484px;
	height: 455px;
	left: 100%;
	transform: rotate(40deg);
}

#rect-container {
	position:relative;
	top: 250px;
}

.rect-color {
	position:absolute;
	height: 120px;
	width: 400px;
}

#color-1{
	background-color: #98d52d;
}

#color-2{
	background-color: #6fcb40;
	top: 100px;
	left: -10px;
}

#color-3{
	background-color: #45c164;
	top: 205px;
  left: -10px;
}

#color-4{
	background-color: #00b98e;
	top: 310px;
	left: -15px;
}

#color-5{
	background-color: #00afb9;
	top: 415px;
	left: -25px;
}

#text-container1 {
	opacity: 0;
	position: absolute;;
	margin-left: 25px;
  margin-top: 30px;
}
#text-container2 {
	opacity: 0;
	position: absolute;;
	top: 96px;
	left: 45px;
}

#text-container2 > .bold {
	font-size: 28px;
}

.text1 {
	color: #00b0b9;
}

.text2 {
	color: #45c164;
}

.text3 {
	color: #98d52d;
}

#tc1-text4 {
	color: #96c858;
}


#cta {
  opacity: 0;
  width:121px;
  height:27px;
  position:absolute;
  background-image:url(../imgs/cta.png);
  background-size:121px 27px;
	bottom: 65px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.bold {
	font-family: 'Roboto', san-serif;
	font-size: 38px;
	line-height: 1;
}

.slab {
	font-family: 'Roboto Slab', serif;
	font-size: 13px;
}

/*#ban:hover > #cta {
  background-image:url(../imgs/cta-h.png);
}*/