/**

 * @copyright	Copyright (c) 2015 Skyline Technology Ltd (http://extstore.com). All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

 */



@-moz-keyframes swing{

	0% {

		-moz-transform: rotate(-2deg)

	}

	50% {

		-moz-transform: rotate(2deg)

	}

	100% {

		-moz-transform: rotate(-2deg)

	}

}



@-webkit-keyframes swing {

	0% {

		-webkit-transform: rotate(-2deg)

	}

	50% {

		-webkit-transform: rotate(2deg)

	}

	100% {

		-webkit-transform: rotate(-2deg)

	}

}



.advp-spider {

	position: absolute;

	top: 1px;

	bottom: 0;

	width: 50px;

	z-index: 100;



	animation: 3s ease 0s normal none infinite swing;

	transform-origin: center top;

}



.advp-spider span.advp-spider-web {

	display: block;

	position: absolute;

	height: 100% !important;

	border-left: 1px solid #fff;

	border-color: rgba(255, 255, 255, 0.7);

	left: 50%;

	top: -10px;

	margin-left: -1px;

}



.advp-spider span.advp-the-spider {

	display: block;

	position: absolute;

	bottom: 0px;

	left: 50%;

	margin-left: -25px;

	width: 50px;

	height: 40px;

	background: url('../images/spider-sprite.png') no-repeat top left;

}



.advp-spider span.advp-the-spider.down-look-left {

	background-position: 3px 4px;

}



.advp-spider span.advp-the-spider.down-look-right {

	background-position: -50px 4px;

}



.advp-spider span.advp-the-spider.up-look-left {

	background-position: 0px -35px;

}



.advp-spider span.advp-the-spider.up-look-right {

	background-position: -50px -35px;

}