/* jssor slider bullet navigator skin 05 css */
/*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
.jssorb05 {
    position: absolute;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url('../img/b05.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -7px -7px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -37px -7px;
        }

    .jssorb05 .av {
        background-position: -67px -7px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -97px -7px;
    }

/* jssor slider arrow navigator skin 22 css */
/*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
.jssora22l {
    left: 3%;
}

.jssora22r {
    right: 5%;
}

.jssora22l, .jssora22r {
    top: 0px;
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../img/a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}
.slider {
    width: 673px;
    height: 370px;
}
#jSlider {
    left: 0px !important;
    width: 70%;
   
}

.jssorSlider {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: -5px;
    width: 100%;
    /*height: 370px !important;*/
    max-height: 370px !important;
    /*width: -webkit-calc(100% -0px);
    width: -moz-calc(100%-0px);
    width: calc(100% -0px);*/
    padding: 0px;
    /*padding-right: 15px;*/
    overflow: hidden;
    visibility: visible;
    float: left;
}

#jSlider {
    max-width: calc(100% -0px);
    width: 843px;
    height: 370px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    /*#jSlider {
    }*/
    
}
    #jSlider div {
        width: 100%;
        height: 100%;
    }
    #jSlider div {
        width: inherit;
        height: inherit;
        /*width: 673px;
        height: 370px;*/
        box-sizing: border-box;
        visibility: visible;
    }

.innerjssorSlider, .innerjssorSlider div {
    height: inherit !important;
    width: inherit !important;
    /*min-width: 1034px;*/
    /*max-width: 1100px;*/
    /*width: 150%;*/ /*test*/
    /*width: -webkit-calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: calc(100% - 25px);*/
}
/*.jssorSlider > div, .innerjssorSlider > div {
    box-sizing: border-box;
    width: -webkit-calc(100% - 10px) !important;
    width: -moz-calc(100% - 10px) !important;
    width: calc(100% -10px) !important;
}*/

.innerjssorSlider {
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    /*width: 1300px;
            width: -webkit-calc(100% - 0px);
            width: -moz-calc(100% - 0px);
            width: calc(100% - 0px);*/
    height: 370px !important;
    padding: 0px;
    /*padding-right: 15px;*/
    overflow: hidden;
}
/*#jSlider {
    box-sizing: border-box;
    border-style: solid;
    border-color: #93adb3;
    border-radius: 10px;
    border-width: 1px;
    width:100%;height: 400px;
}*/
@media (max-width: 768px) {
    /*.jssorSlider, .innerjssorSlider {
        display: none;
    }*/
}
.jssorSlider {
    height: 370px;
}
@media (min-width: 768px) {
    .innerjssorSlider {
        height: inherit;
        width: inherit;
        visibility: visible;
        z-index: -1;
    }
}

/*@media (max-width: 768px) {
    .jssorSlider {
        height: 200px;
    }

    .innerjssorSlider {
        height: 200px;
    }
}*/