@charset "utf-8";

.mi-slider {position:relative;height:340px;}
.mi-slider ul {position:absolute;left:0;top:17px;list-style-type:none;width:100%;margin:0;padding:0;text-align:center;overflow:hidden;pointer-events:none;}
.no-js .mi-slider ul {position:relative;left:auto;bottom:auto;margin:0;}
.mi-slider ul.mi-current {pointer-events:auto;}
.mi-slider ul li {display:inline-block;margin:3px 10px 0 10px;padding:0 5px;border:1px solid #fff;border-radius:4px;border-color:rgba(255,255,255,0.3);box-shadow:-1px -1px 4px #41586b;
-webkit-transform:translateX(600%);transform:translateX(600%);-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;background:rgba(255,255,255,.1);
}
.no-js .mi-slider ul li {-webkit-transform:translateX(0);transform:translateX(0);}
.mi-slider ul li a,.mi-slider ul li img {display:block;position:relative;margin:0 auto;}
.mi-slider ul li a span.tit {display:none;position:absolute;left:0;right:0;top:50%;margin:-10px -5px 0 -5px;padding:10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:1.4em;font-weight:500;color:#fff;background:#062140;background:rgba(6,33,64,.8);}
.mi-slider ul li:hover a span.tit {display:block;}
.mi-slider nav {position:relative;top:340px;margin:0 auto;text-align:center;}
.no-js nav {display:none;}
.mi-slider nav a {display:inline-block;position:relative;padding:30px 20px 10px 20px;font-size:.92em;color:#ededed;word-spacing:-0.3em;text-transform:uppercase;}
.mi-slider nav a:hover,.mi-slider nav a.mi-selected {font-weight:400;color:#fd0;}
.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {content:'';position:absolute;top:0;width:0;height:0;border:solid transparent;pointer-events:none;}
.mi-slider nav a.mi-selected:after {left:50%;margin-left:-15px;border-width:15px;border-color:transparent;border-top-color:#fff;border-top-color:rgba(255,255,255,.7);}

/* Move classes and animations */
.mi-slider ul:first-child li, .no-js .mi-slider ul li {-webkit-animation:scaleUp 350ms ease-in-out both;animation:scaleUp 350ms ease-in-out both;}
@-webkit-keyframes scaleUp {
0% {-webkit-transform:translateX(0) scale(0);}
100% {-webkit-transform:translateX(0) scale(1);}
}
@keyframes scaleUp {
0% {-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0);}
100% {-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);}
}
.mi-slider ul:first-child li:first-child {-webkit-animation-delay:90ms;animation-delay:90ms;}
.mi-slider ul:first-child li:nth-child(2) {-webkit-animation-delay:180ms;animation-delay:180ms;}
.mi-slider ul:first-child li:nth-child(3) {-webkit-animation-delay:270ms;animation-delay:270ms;}
.mi-slider ul:first-child li:nth-child(4) {-webkit-animation-delay:360ms;animation-delay:360ms;}

/* moveFromRight */
.mi-slider ul.mi-moveFromRight li {-webkit-animation:moveFromRight 350ms ease-in-out both;animation:moveFromRight 350ms ease-in-out both;}

/* moveFromLeft */
.mi-slider ul.mi-moveFromLeft li {	-webkit-animation:moveFromLeft 350ms ease-in-out both;	animation:moveFromLeft 350ms ease-in-out both;}

/* moveToRight */
.mi-slider ul.mi-moveToRight li {-webkit-animation:moveToRight 350ms ease-in-out both;animation:moveToRight 350ms ease-in-out both;}

/* moveToLeft */
.mi-slider ul.mi-moveToLeft li {-webkit-animation:moveToLeft 350ms ease-in-out both;animation:moveToLeft 350ms ease-in-out both;}

/* Animation Delays */
.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
-webkit-animation-delay:0ms;
animation-delay:0ms;
}
.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
-webkit-animation-delay:90ms;
animation-delay:90ms;
}
.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
-webkit-animation-delay:180ms;
animation-delay:180ms;
}
.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
-webkit-animation-delay:270ms;
animation-delay:270ms;
}

/* Animations */
@-webkit-keyframes moveFromRight {
0% {-webkit-transform:translateX(600%);}
100% {-webkit-transform:translateX(0%);}
}
@-webkit-keyframes moveFromLeft {
0% {-webkit-transform:translateX(-600%);}
100% {-webkit-transform:translateX(0%);}
}
@-webkit-keyframes moveToRight {
0% {-webkit-transform:translateX(0%);}
100% {-webkit-transform:translateX(600%);}
}
@-webkit-keyframes moveToLeft {
0% {-webkit-transform:translateX(0%);}
100% {-webkit-transform:translateX(-600%);}
}
@keyframes moveFromRight {
0% {-webkit-transform:translateX(600%);transform:translateX(600%);}
100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes moveFromLeft {
0% {-webkit-transform:translateX(-600%);transform:translateX(-600%);}
100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes moveToRight {
0% {-webkit-transform:translateX(0%);transform:translateX(0%);}
100% {-webkit-transform:translateX(600%);transform:translateX(600%);}
}
@keyframes moveToLeft {
0% {-webkit-transform:translateX(0%);transform:translateX(0%);}
100% {-webkit-transform:translateX(-600%);transform:translateX(-600%);}
}

.mi-slider {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}