.mi-slider {
    height: 490px;
    position: relative;
}
.mi-slider ul {
    left: 0;
    list-style-type: none;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-align: center;
    width: 100%;
}
.no-js .mi-slider ul {
    bottom: auto;
    left: auto;
    margin: 0;
    overflow: visible;
    position: relative;
}
.mi-slider ul.mi-current {
    pointer-events: auto;
}
.mi-slider ul li {
    display: inline-block;
    max-width: 300px;
    padding: 20px;
    transform: translateX(600%);
    transition: opacity 0.8s linear 0s;
    width: 20%;
}
.no-js .mi-slider ul li {
    transform: translateX(0px);
}
.mi-slider ul li a, .mi-slider ul li img {
    display: block;
    margin: 0 auto;
}
.mi-slider ul li a {
    cursor: pointer;
    outline: medium none;
}
.mi-slider ul li img {
    border-radius: 175px;
    box-shadow: 1px 3px 1px #e6e6e6;
    cursor: pointer;

    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.mi-slider ul li h4 {
    display: inline-block;
    font-size: 18px;
    padding: 20px 10px 0;
}
.mi-slider ul li:hover img {
    opacity: 0.78;
}
.mi-slider nav {
    border-top: 5px solid #333;
    margin: 0 auto;
    max-width: 800px;
    position: relative;
    text-align: center;
    top: 400px;
}
.no-js nav {
    display: none;
}
.mi-slider nav a {
    display: inline-block;
    letter-spacing: 1px;
    outline: medium none;
    padding: 40px 30px 30px 34px;
    position: relative;
    text-transform: inherit;
    transition: color 0.2s linear 0s;
}
.mi-slider nav a:hover, .mi-slider nav a.mi-selected {
    color: #000;
}
.mi-slider nav a.mi-selected::after, .mi-slider nav a.mi-selected::before {
    border: medium solid transparent;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -5px;
    width: 0;
}
.mi-slider nav a.mi-selected::after {
    border-color: #dcdcdc transparent transparent;
    border-width: 20px;
    left: 50%;
    margin-left: -20px;
}
.mi-slider nav a.mi-selected::before {
    border-color: #333 transparent transparent;
    border-width: 27px;
    left: 50%;
    margin-left: -27px;
}
.mi-slider ul:first-child li, .no-js .mi-slider ul li {
    animation: 350ms ease-in-out 0s normal both 1 running scaleUp;
}
@keyframes scaleUp {
0% {
    transform: translateX(0px) scale(0);
}
100% {
    transform: translateX(0px) scale(1);
}
}
.mi-slider ul:first-child li:first-child {
    animation-delay: 90ms;
}
.mi-slider ul:first-child li:nth-child(2) {
    animation-delay: 180ms;
}
.mi-slider ul:first-child li:nth-child(3) {
    animation-delay: 270ms;
}
.mi-slider ul:first-child li:nth-child(4) {
    animation-delay: 360ms;
}
.mi-slider ul.mi-moveFromRight li {
    animation: 350ms ease-in-out 0s normal both 1 running moveFromRight;
}
.mi-slider ul.mi-moveFromLeft li {
    animation: 350ms ease-in-out 0s normal both 1 running moveFromLeft;
}
.mi-slider ul.mi-moveToRight li {
    animation: 350ms ease-in-out 0s normal both 1 running moveToRight;
}
.mi-slider ul.mi-moveToLeft li {
    animation: 350ms ease-in-out 0s normal both 1 running moveToLeft;
}
.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) {
    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) {
    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) {
    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 {
    animation-delay: 270ms;
}
@keyframes moveFromRight {
0% {
    transform: translateX(600%);
}
100% {
    transform: translateX(0px);
}
}
@keyframes moveFromLeft {
0% {
    transform: translateX(-600%);
}
100% {
    transform: translateX(0px);
}
}
@keyframes moveToRight {
0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(600%);
}
}
@keyframes moveToLeft {
0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(-600%);
}
}
.mi-slider {
    -moz-user-select: none;
}
@media screen and (max-width: 910px) {
.mi-slider nav {
    max-width: 90%;
}
.mi-slider nav a {
    font-size: 12px;
    padding: 40px 10px 30px 14px;
}
}
@media screen and (max-width: 740px) {
.mi-slider {
    height: 300px;
}
.mi-slider nav {
    top: 220px;
}
}
@media screen and (max-width: 490px) {
.mi-slider {
    height: auto;
    text-align: center;
}
.mi-slider ul {
    bottom: auto;
    display: inline;
    pointer-events: auto;
    position: relative;
}
.mi-slider ul li {
    animation: 0s ease 0s normal none 1 running none !important;
    min-width: 140px;
    padding: 10px 3px;
    transform: translateX(0px) !important;
}
.mi-slider nav {
    display: none;
}
}