/**
 * @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;
}