@charset "UTF-8";


body, body * {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;

/*	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}

/* global */
#container_dc {
	position: absolute;
	width: 298px;
	height: 248px;
	border:1px solid #999999;
	background-color:white;

	margin: auto;
	overflow:hidden;
	display:none;


}

#bg{

	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	background-image: url(bg.jpg);
    background-size: 300px 250px;
	background-repeat:no-repeat;


}

#animation{
	position:absolute;
	width:100%;
	height:100%;


}
.animationParts{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
    background-size: 300px 250px;
	background-repeat:no-repeat;
	background-color: transparent;
}
#copy1{
	background-image: url(copy1.svg);
}
#copy3{
	background-image: url(copy3.svg);
}
#copy4{
	background-image: url(copy4.svg);
}
#copy4_1{
	background-image: url(copy4_1.svg);
}
#copy5{
	background-image: url(copy5.svg);
}
#copy6{
	background-image: url(copy6.svg);
}
#copy7{
	background-image: url(copy7.svg);
}
#copy8{
	background-image: url(copy8.svg);
}

#logo{
	
	background-image: url(logoAlly.svg);

}
#cta{

	background-image: url(ctaBtn.svg);

}
#end1{
	background-image: url(end1.svg);

}

#end2{
	background-image: url(end2.svg);

}

#end3{
	background-image: url(end3.svg);

}

span {
	margin:0;
	padding:0;

}




/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
	background-color:white;
	opacity:0;
	z-index: 100;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}