/* Option page animation */ 

#demo-1-1 {
	animation:fadein 2s ease-in-out;
	-moz-animation:fadein 2s ease-in-out;
	-webkit-animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:0s;
	opacity:0;
}
@keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
@-moz-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
 #demo-1-2 {
	animation:fadein 2s ease-in-out;
	-moz-animation:fadein 2s ease-in-out;
	-webkit-animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:1s;
	opacity:0;
}
@keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
@-moz-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
 
 #demo-2-1 {
	animation:fadein 2s ease-in-out;
	-moz-animation:fadein 2s ease-in-out;
	-webkit-animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:2s;
	opacity:0;
}
@keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
@-moz-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
 #demo-2-2 {
	animation:fadein 2s ease-in-out;
	-moz-animation:fadein 2s ease-in-out;
	-webkit-animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:3s;
	opacity:0;
}
@keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
@-moz-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }

/* Live Chat animation */ 

.shadow-block {
	 position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 10;
	  background-color: rgba(0,0,0,0.5); /*dim the background*/
}
#live-chat-left {
	animation:slidefromleft 4s ease-in-out;
	-moz-animation:slidefromleft 4s ease-in-out;
	-webkit-animation:slidefromleft 4s ease-in-out;
	animation-delay:0s;
	position:relative;
	top:100px;
	opacity:0;
}
@keyframes slidefromleft {
	0% { opacity:0;}
	50% { opacity:1;}
	90% { opacity:1;}
	100%{opacity:0;}
}

@-webkit-keyframes slidefromleft {
    0% { opacity:0;}
	50% { opacity:1;}
	90% { opacity:1;}
	100%{opacity:0;}
 }
@-moz-keyframes slidefromleft {
    0% { opacity:0;}
	50% { opacity:1;}
	90% { opacity:1;}
	100%{opacity:0;}
 }
 
 

#live-chat-bottom {
	animation:slidefrombottom 4s ease-in-out;
	-moz-animation:slidefrombottom 4s ease-in-out;
	-webkit-animation:slidefrombottom 4s ease-in-out;
	animation-delay:4s;
	position:fixed;
	bottom:-400px;
	right:100px;
}
@keyframes slidefrombottom {
	0% { bottom:-400px;}
	50% { bottom:70px;}
	90% { bottom:70px;}
	100%{bottom:-400px;}
}

@-webkit-keyframes slidefrombottom {
    0% { bottom:-400px;}
	50% { bottom:70px;}
	90% { bottom:70px;}
	100%{bottom:-400px;}
 }
@-moz-keyframes slidefrombottom {
    0% { bottom:-400px;}
	50% { bottom:70px;}
	90% { bottom:70px;}
	100%{bottom:-400px;}
 }
 
 
#live-chat-right {
	animation:slidefromright 4s ease-in-out;
	-moz-animation:slidefromright 4s ease-in-out;
	-webkit-animation:slidefromright 4s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:8s;
	position:fixed;
	top:70px;
	right:-1200px;
}
@keyframes slidefromright {
	0% { right:-1200px;}
	50% { right:0px;}
	90% { right:0px;}
	100%{right:0px;}
}

@-webkit-keyframes slidefromright {
	0% { right:-1200px;}
	50% { right:0px;}
	90% { right:0px;}
	100%{right:0px;}
 }
@-moz-keyframes slidefromright {
	0% { right:-1200px;}
	50% { right:0px;}
	90% { right:0px;}
	100%{right:0px;}
 }
 
/* Style & language animation */ 
 
#rs-style-demo1 {
	animation:fadein 2s ease-in-out;
	-moz-animation:fadein 2s ease-in-out;
	-webkit-animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:2s;
	opacity:0;
}
@keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
@-moz-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
 #rs-style-demo2 {
	animation:fadein 2s ease-in-out;
	-moz-animation:fadein 2s ease-in-out;
	-webkit-animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:0s;

}
@keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
@-moz-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
 
 #rs-style-demo3 {
	animation:fadein 2s ease-in-out;
	-moz-animation:fadein 2s ease-in-out;
	-webkit-animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-delay:4s;
	opacity:0;
}
@keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }
@-moz-keyframes fadein {
	0% { opacity:0;}
	100%{opacity:1;}
 }