/*!
 * JiS is “Images slider for jQuery framework”.
 *
 * @author demorfi <demorfi@gmail.com>
 * @version 1.0
 * @source https://github.com/demorfi/jis
 * @license http://opensource.org/licenses/MIT Licensed under MIT License
 */

.jis-wrapper {
    position: relative;
    z-index: 1;
    width: 100% !important;
}

.jis-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block !important;
}

.jis-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
	width: 100% !important;
}

.jis-wrapper ul li {
    float: left;
    position: relative;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%
}

.jis-wrapper ul li a {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.jis-wrapper ul li .jis-title {
    position: absolute;
    z-index: 3;
    color: #fff;
    overflow: hidden;
    display: none;
    width: 100%;
}
.jis-title {
    top: 50%;
    transform: translateY(-50%);
    max-width: 850px;
    margin: 0 auto;
    left: 0;
    right: 0;
        bottom: auto !important;
}
.slide_info{
     background: rgba(255,255,255, 0.5);
    padding: 15px 20px;
    text-align: center;
    font-family: "MyriadProRegular";
}
.jis-wrapper ul li.jis-selected {
    display: block
}

.jis-wrapper ul li.jis-selected .jis-title {
    display: block
}
.jis-direction {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 22;
}

.jis-wrapper .jis-direction .jis-direction-prev,
.jis-wrapper .jis-direction .jis-direction-next {
    display: block;
}
.jis-direction-next, .jis-direction-prev{
    text-indent: -9999px;
    cursor: pointer;
    transition:all 0.2s ease;
}
.jis-direction-next{
    background: url("../images/prev.png"/*tpa=http://sad3-kst.edu.kz/modules/mod_slider/assets/images/prev.png*/)no-repeat 1px;
    width: 17px;
    height: 15px;
}
.jis-direction-next:hover{
    background: url("../images/prev_h.png"/*tpa=http://sad3-kst.edu.kz/modules/mod_slider/assets/images/prev_h.png*/)no-repeat 1px;
}
.jis-direction-prev{
    background: url("../images/next.png"/*tpa=http://sad3-kst.edu.kz/modules/mod_slider/assets/images/next.png*/)no-repeat 1px;
    width: 16px;
        margin: -3px 0 0 0;
    height: 15px;
}
.jis-direction-prev:hover{
    background: url("../images/next_h.png"/*tpa=http://sad3-kst.edu.kz/modules/mod_slider/assets/images/next_h.png*/)no-repeat 1px;
}
.jis-wrapper .jis-direction .jis-direction-prev:hover,
.jis-wrapper .jis-direction .jis-direction-prev:focus,
.jis-wrapper .jis-direction .jis-direction-next:hover,
.jis-wrapper .jis-direction .jis-direction-next:focus {
}

.jis-wrapper .jis-direction .jis-direction-next {


}

.jis-wrapper .jis-direction .jis-direction-next:hover,
.jis-wrapper .jis-direction .jis-direction-next:focus {
}

.jis-wrapper .jis-control {
}

.jis-wrapper .jis-control .jis-control-list {
}

.jis-wrapper .jis-control .jis-control-list a {
    display: block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.2s ease;
        margin: 0 auto 5px;
            box-shadow: 0px 2px 5px 0px rgba(0,0,0, 0.49);
}
.jis-wrapper .jis-control .jis-control-list a.jis-selected{
    transition: all 0.2s ease;
}
.jis-wrapper .jis-control .jis-control-list a.jis-selected, .jis-wrapper .jis-control .jis-control-list a:hover {
    cursor: pointer;
}
.jis-wrapper .jis-control .jis-control-list a:hover,


.jis-wrapper.jis-slide-last:not(.jis-slide-recursion) .jis-direction-next,
.jis-wrapper.jis-slide-first:not(.jis-slide-recursion) .jis-direction-prev {
}