.spirit-slider{
    overflow: hidden;
    width:100%;
    /*visibility: visible !important;*//* for display after that css loaded*/
}
.spirit-slider > article{padding: 0; margin: 0 !important; position: absolute; z-index: 2;}
.spirit-slider figure img{display: inline-block;}
.spirit-slider figure{box-shadow: 0 0 3px gray; border:1px solid #B0B0B0; margin: 0}
.spirit-slider figure a{display: block; text-align: center}

/**
* Slide 1.0 : 2012.1.1
*/
.slide {
	position:relative;
	overflow:hidden;
	vertical-align:middle;
}
.slide > article,
.slide > figure {
	position:absolute;
	display:inline-block;
	right:0;
	top:0;
	opacity:0;
}
.slide > article.show,
.slide > figure.show {
	opacity:1; z-index: 3;
}
html[dir=ltr] .slide > article,
html[dir=ltr] .slide > figure {
	left:0;
	right:auto;
}
.ef-0 > article,
.ef-0 > article.show,
.ef-0 > figure,
.ef-0 > figure.show {
	-webkit-transition:all 1s linear;
	-moz-transition:all 1s linear;
	-ms-transition:all 1s linear;
	-o-transition:all 1s linear;
	transition:all 1s linear;
}
.ef-1 > article,
.ef-1 > figure {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
}
.ef-1 > article.show,
.ef-1 > figure.show {
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;

	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
}
.ef-2 > article,
.ef-2 > figure {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
}
.ef-2 > article.show,
.ef-2 > figure.show {
	-webkit-transform:rotateY(0);
	-moz-transform:rotateY(0);
	-ms-transform:rotateY(0);
	-o-transform:rotateY(0);
	transform:rotateY(0);
}
.ef-3 {
	-webkit-perspective-origin:50% 50%;
	-moz-perspective-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-perspective-origin:50% 50%;
	-o-perspective-origin:50% 50%;
	perspective-origin:50% 50%;
}
.ef-3 > article,
.ef-3 > figure {
	-webkit-transform:rotateY(90deg) translateZ(200px);
	-moz-transform:rotateY(90deg) translateZ(200px);
	-ms-transform:rotateY(90deg) translateZ(200px);
	-o-transform:rotateY(90deg) translateZ(200px);
	transform:rotateY(90deg) translateZ(200px);
}
.ef-3 > article:nth-child(even),
.ef-3 > figure:nth-child(even) {
	-webkit-transform:rotateY(-90deg) translateZ(200px);
	-moz-transform:rotateY(-90deg) translateZ(200px);
	-ms-transform:rotateY(-90deg) translateZ(200px);
	-o-transform:rotateY(-90deg) translateZ(200px);
	transform:rotateY(-90deg) translateZ(200px);
}
.ef-3 > article.show,
.ef-3 > figure.show {
	-webkit-transform:rotateY(0) translateZ(0);
	-moz-transform:rotateY(0) translateZ(0);
	-ms-transform:rotateY(0) translateZ(0);
	-o-transform:rotateY(0) translateZ(0);
	transform:rotateY(0) translateZ(0);
}
.ef-4 > article.show,
.ef-4 > figure {
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}
.ef-4 > article.show,
.ef-4 > figure.show {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
/*slide-all*/
.ef-2,
.ef-3 {
	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	-ms-perspective:1000px;
	-o-perspective:1000px;
	perspective:1000px;
}
.ef-2 > article,
.ef-3 > article,
.ef-2 > figure,
.ef-3 > figure {
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.ef-3 > article,
.ef-3 > article.show,
.ef-4 > article,
.ef-4 > article.show,
.ef-3 > figure,
.ef-3 > figure.show,
.ef-4 > figure,
.ef-4 > figure.show {
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-ms-transition:all .5s linear;
	-o-transition:all .5s linear;
	transition:all .5s linear;
}
html.ie7 .slide > article.show,
html.ie7 .slide > figure.show,
html.ie7 .slide > article,
html.ie7 .slide > figure {
	display:inline;
	zoom:1;
}
html.ie7 .slide > article {
	left:0;
	right:0;
}

.slide nav {
	position:absolute; top:-40px; max-width:100%;
	margin:0; padding:8px; z-index:5; background-color:rgba(0,0,0,.5);
	font:normal 13px/18px tahoma; vertical-align:middle; white-space:nowrap;
	color:#fff; cursor:default; border-radius:4px; box-shadow:0 0 2px rgba(0,0,0,.4);

	-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;

	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;
}
html.ie7 .slide nav {width:80%;}
html[dir=rtl] .slide nav {left:20px;}
html[dir=ltr] .slide nav {right:20px;}
.slide nav.bottom {top:auto; bottom:-40px;}
.slide:hover nav {top:3px;}
.slide:hover nav.bottom {top:auto; bottom:3px;}
.slide nav div {
	position:relative; width:8px; height:8px; border-radius:4px; background-color:#fff;
	box-shadow:0 0 0 1px rgba(0,0,0,.35); margin:0 3px; float:right; cursor:pointer;
}
.slide nav div.active{background: #3db5e6 !important;}
html[dir=ltr] .slide nav div {float:left;}
.slide nav div:hover {background-color:#f80;}
.slide nav div[data-tooltip].bottom:before,
.slide nav div[data-tooltip].bottom:after {
	top:65px; margin-left:-20px;margin-right:-20px;
}
.slide nav div[data-tooltip].bottom:hover:before,
.slide nav div[data-tooltip].bottom:hover:after {
	top:35px;
}
.slide nav div:hover:before {
	top:25px;
	opacity:1;
}
.slide figcaption  {bottom: 3px}

.slide figcaption  h2{max-width: 100; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.slide figcaption div {
	position:absolute; top:1px; right:0; width:0;
	padding:0; margin:0; height:0; border-top:1px solid #f80;

	-webkit-transition:width 4s linear; -moz-transition:width 4s linear; -ms-transition:width 4s linear;
	-o-transition:width 4s linear; transition:width 4s linear;
}
html[dir=ltr] .slide figcaption div {left:0; right:auto;}
.slide figcaption.top div {bottom:1px; top:auto;}
.slide > .show figcaption div {width:100%;}
.slide:hover > .show figcaption div {width:0;}
.slide > article figcaption.empty {height:3px; padding:0;}