/* jssor slider loading skin spin css */

div.jssorl-009-spin {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
}

.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}



/*jssor slider bullet skin 132 css*/

.jssorb132 {position:absolute;}
.jssorb132 .i {position:absolute;cursor:pointer;}
.jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
.jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
.jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
.jssorb132 .i.idn {opacity:0.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}



/* Erikoiset */

#jssor_1 {
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	/*width:1600px;
	height:560px;*/
	overflow:hidden;
	visibility:hidden;
}

div.xjssor_slides {
	cursor:default;
	position:absolute;
	top:0px;
	left:0px;
	/*width:1600px;
	height:560px;*/
	overflow:hidden;
}

div.jssorb132 {
	position:absolute;
	bottom:24px;
	right:16px;
}

div.xprototype {
	width:12px;
	height:12px;
}

svg.xbullet {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.xarrow_left {
	width:55px;
	height:55px;
	top:0px;
	left:25px;
}

div.xarrow_right {
	width:55px;
	height:55px;
	top:0px;
	right:25px;
}

svg.xjssor_arrows {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}