#bgImg1 { position: absolute; top:0; }

#bgImg2 { position: absolute; top:0; left:-300px; }

#dont { position: absolute; top:46px; left:0; opacity: 0}

#panic { position: absolute; top:129px; left:0; opacity: 0}

.image_shadow { 
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8)); 
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8));
}

.colorIN{ 
	color:#49C3B1;
}
#bkgColor {
	position: absolute;
	top:0;
	left:0;
	width:300px;
	height:250px;
	z-index: 190;
	opacity: 0;
}

/* logos */

#Allstate{
	position: absolute;
    width: 81px;
    height: 26px;
    top: 7px;
    right: 5px;
    background-image:url(../images/Allstate.svg);
    background-repeat: no-repeat;
    z-index: 300;
}
#Allstate1{
	position: absolute;
    width:68px;
    height:14px;
    top:141px;
    right:112px;
    background-image:url(../images/Allstate1.svg);
    background-repeat: no-repeat;
    z-index: 300;
	opacity:0;
}

#hands{
	position: absolute;
    top: 148px;
    left: 67px;
    z-index: 299;
    opacity: 1;
}

#toBeIn { 
	position: absolute;
    width: 184px;
    height: 194px;
    top: 31px;
    left: 43px;
    background-image:url(lockup.svg);
    background-repeat: no-repeat;
	z-index: 210;
	opacity: 0;
}

#toBeIn svg { 
    width: 184px;
    height: 194px;
}


/* FRAMES */


#text1, #text2, .see, #lockup{
	font-family: 'ITC Avant Garde Gothic';
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	position: absolute;
	width: 300px;
}

.shadow {
	text-shadow: 2px 2px 4px #000000;
}


#text1{
	font-size:31px;
	line-height:28px;
	top:150px;
	right:14px;
  	text-align: right;
	z-index: 100;
}
#text2{
	font-size:31px;
	line-height:28px;
	top:122px;
	right:14px;
  	text-align: right;
	z-index: 100;
}

#lockup {
    text-align: left;
    z-index: 200;
    opacity: 0;
}
.save_percantage{
	font-size: 52px;
	position:absolute;
	top:80px;
	left:12px;
}
.small_copy1{font-size:26px;position: absolute;top:64px;left:13px;}
.small_copy{font-size:16px;text-transform: lowercase;position:absolute;top:137px;left:13px;}


/*GET IN*/
#btn_cta { position: absolute; bottom: 20px; z-index: 350; right: -250px;}
#ctaCopy { z-index: 350; color:#fff; background: #001C71; padding: 3px 52px 3px 10px; font-size:21px;}
#arrow { top:4px; display: inline-block; position: absolute; left:149px;}