canvas{
	display:block;
	vertical-align:bottom;
}
#petInsuranceBanner{
	width:100%;
	height:100%;
	overflow:hidden;
}
#particles-js{
	z-index:60 !important;
	width: 100%;
	height: 100%;
	
}
#logo-santa{
width:100%;
height:20%;
position:absolute;
top:3%;
left:0px;
background:url(/assets/themes/argos/images/argos_PI_logo.svg) no-repeat center top;
background-size:80% 80%;	
animation-name: fadeOut;
animation-duration: 20s;
animation-delay: 2s;
animation-timing-function: linear;
animation-fill-mode: backward;
animation-iteration-count: 2;
}
#text1{
height:70%;
width:100%;
position:absolute;
top:25%;
background:url(/assets/themes/argos/images/text1.svg) no-repeat center bottom;
background-size:80% 80%;
//z-index:-2;
}
#text2{
height:95%;
width:100%;
position:absolute;
top:0;
opacity:0;
background:url(/assets/themes/argos/images/text2.svg) no-repeat center bottom;
background-size:80% 80%;
animation-name: fadeObject;
animation-duration: 20s;
animation-delay: 2s;
animation-timing-function: linear;
animation-fill-mode: backward;
animation-iteration-count: 2;
}
#glitter{
//z-index:-1;
height:100%;
width:100%;
position:absolute;
top:0;
background:url(/assets/themes/argos/images/glitter.png) repeat-x 0 300%;
background-size:auto 150%;
*display:none;
animation-name: moveDown;
animation-duration: 20s;
animation-delay: 2s;
animation-timing-function: linear;
animation-iteration-count: 2;
}
#santa{
height:100%;
width:100%;
position:absolute;
top:0;
right:0;
background:url(/assets/themes/argos/images/santa.png) no-repeat right top;
background-size:auto 70%;
//z-index:-2;
transform-origin:top right;
-webkit-transform: rotateZ(-90deg); /* Safari */
    	transform: rotateZ(-90deg);
animation-name: spinSanta;
animation-duration: 20s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: 2;
animation-fill-mode: forward;
}
@keyframes spinSanta {
  0%   {
	  -webkit-transform: rotateZ(-90deg); /* Safari */
    	transform: rotateZ(-90deg);
	}
    15%  {
	  -webkit-transform: rotateZ(100deg); /* Safari */
    	transform: rotateZ(100deg);
	}
    100%  {
		-webkit-transform: rotateZ(100deg); /* Safari */
    	transform: rotateZ(100deg);
		}
}
@keyframes moveDown {
    from {background-position:0 300%;}
    to {background-position:0 -200%}
}
@keyframes fadeObject {
    0%   {opacity:0;}
    35%  {opacity:0;}
	40%  {opacity:1;}
    65%  {opacity:1;}
	70%  {opacity:0;}
    100%  {opacity:0;}
}
@keyframes fadeOut {
    0%   {opacity:1;}
    30%  {opacity:1;}
	35%  {opacity:0;}
    70%  {opacity:0;}
	75%  {opacity:1;}
    100%  {opacity:1;}
}