body { margin: 0 auto; text-align: center; overflow-x: hidden; padding: 0; background: #ffffff; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none }

#container, .border, #front, #txt1, #txt2, #txt3, #txt4, #txt5, #txt6, #txt7, #cta, #img1, #img2, #img3, #img4, #img5, #img6, #img7, #logo  
{ display: inline-block; overflow: hidden; position: absolute; left:0; top:0;}

#container { width: 970px; height: 250px; background-color: #d2d3d4; border: none; }
.border { width: 968px; height: 248px; border: 1px solid #232f3e; }
#click { z-index: 500; cursor: pointer; display: block; position: absolute; top: 0px; left: 0px; width: 300px; height: 600px; }

/* ANIMATION ORDER */


#txt1 { background: url('txt1.svg') no-repeat; width: 289.9px; height: 62.8px; top: 105.4px; left: 27.8px; opacity: 0; filter: alpha(opacity=0); z-index: 9; animation: txt1ani 15s linear 0.2s 3; }

#txt2 { background: url('txt2.svg') no-repeat; width: 276.9px; height: 63.1px; top: 105.4px; left: 26.6px; opacity: 0; filter: alpha(opacity=0); z-index: 9; animation: txt2ani 15s linear 0.2s 3; }

#txt3 { background: url('txt3.svg') no-repeat; width: 299.3px; height: 92.1px; top: 105.4px; left: 27.8px; opacity: 0; filter: alpha(opacity=0); z-index: 9; animation: txt3ani 15s linear 0.2s 3; }

#txt4 { background: url('txt4.svg') no-repeat; width: 316.6px; height: 97.9px; top: 105.4px; left: 26.4px; opacity: 0; filter: alpha(opacity=0); z-index: 9; animation: txt4ani 15s linear 0.2s 3; }

#txt5 { background: url('txt5.svg') no-repeat; width: 324.3px; height: 120.9px; top: 102.5px; left: 26px; opacity: 0; filter: alpha(opacity=0); z-index: 9; animation: txt5ani 15s linear 0.2s 3; }

#txt6 { background: url('txt6.svg') no-repeat; width: 321.2px; height: 34.7px; top: 113px; left: 32.5px; opacity: 1; filter: alpha(opacity=1); z-index: 9; animation: txt6ani 15s linear 0.2s 3; }

#txt7 { background: url('txt7.svg') no-repeat; width: 319px; height: 21.4px; top: 157.8px; left: 33.2px; opacity: 1; filter: alpha(opacity=1); z-index: 9; animation: txt7ani 15s linear 0.2s 3; }

#cta { background: url('cta.svg') no-repeat; width: 185.8px; height: 38.4px; top: 188.5px; left: 99.5px; opacity: 1; filter: alpha(opacity=1); z-index: 9; animation: ctaani 15s linear 0.2s 3; }

#logo { background: url('logo.svg') no-repeat; width: 441.9px; height: 250px; top: 0px; left: 0px; opacity: 1; filter: alpha(opacity=1); z-index: 8; }

#img1 { background: url('img1.jpg') no-repeat; width: 601px; height: 250px; top: 0px; left: 369px; opacity: 1; filter: alpha(opacity=1); z-index: 1; }

#img2 { background: url('img2.jpg') no-repeat; width: 601px; height: 250px; top: 0px; left: 369px; opacity: 0; filter: alpha(opacity=0); z-index: 2; animation: img2ani 15s linear 0.2s 3; }

#img3 { background: url('img3.jpg') no-repeat; width: 601px; height: 250px; top: 0px; left: 369px; opacity: 0; filter: alpha(opacity=0); z-index: 3; animation: img3ani 15s linear 0.2s 3; }

#img4 { background: url('img4.jpg') no-repeat; width: 601px; height: 250px; top: 0px; left: 369px; opacity: 0; filter: alpha(opacity=0); z-index: 4; animation: img4ani 15s linear 0.2s 3; }

#img5 { background: url('img5.jpg') no-repeat; width: 601px; height: 250px; top: 0px; left: 369px; opacity: 0; filter: alpha(opacity=0); z-index: 5; animation: img5ani 15s linear 0.2s 3; }

#img6 { background: url('img6.jpg') no-repeat; width: 601px; height: 250px; top: 0px; left: 369px; opacity: 0; filter: alpha(opacity=0); z-index: 6; animation: img6ani 15s linear 0.2s 3; }

#img7 { background: url('img7.jpg') no-repeat; width: 601px; height: 250.4px; top: 0px; left: 369px; opacity: 1; filter: alpha(opacity=1); z-index: 7; animation: img7ani 15s linear 0.2s 3; }

@keyframes img2ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	15% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	18% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	30% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	31% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes img3ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	26% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	29% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	45% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	46% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes img4ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	41% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	44% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	60% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	61% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes img5ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	56% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	59% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	73% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	74% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes img6ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	70% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	73% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	94% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	95% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes img7ani {
	0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	9% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	10% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	91% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	93% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
}

@keyframes txt1ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	10% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	12% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	24% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	26% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes txt2ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	26% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	29% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	39% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	41% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes txt3ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	41% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	44% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	54% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	56% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes txt4ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	56% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	59% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	68% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	70% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes txt5ani {
	0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	70% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	73% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	94% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	95% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
}

@keyframes txt6ani {
	0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	9% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	10% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	93% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	95% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
}

@keyframes txt7ani {
	0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	9% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	10% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	95% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	97% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
}

@keyframes ctaani {
	0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	9% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	10% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	97% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
	99% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
	100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
}