.jssorb05 {
    position: absolute;
    top: 80px !important;
    display: none;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url('../../img/slider/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; }
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    width: 35px !important;
    height: 55px !important;
    cursor: pointer;
    background: url('../../img/slider/a22.png') center center no-repeat;
    backface-visibility: hidden;
    overflow: hidden;
}
.jssora22l { background-position: -2px -17px; top:0px;left:10px;}
.jssora22r { background-position: -45px -17px; top:0px;right:10px;}
/*.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }*/
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }


/* Custom */

.jssor_1_loading{position: absolute; top: 0px; left: 0px;}
.jssor_1_loading div:first-child{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.jssor_1_loading div:last-child{position:absolute;display:block;background:url('../../img/slider/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}






#jssor_1{height: 660px !important;width: 100% !important;}
/*#jssor_1 div{width: 100% !important}*/
#jssor_1 .slides{width: 100%;height: 660px;cursor: default; position: relative; top: 0px; left: 0px;overflow: hidden;}
#jssor_1 .slides .slider-img{position: relative;}
#jssor_1 .slides .slider-img img{
    position: absolute; \left: 50% !important; 
    top: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#jssor_1 .slides .slider-img .desktop{display: block;}
#jssor_1 .slides .slider-img .mobile{display: none;}

.jssora22l, .jssora22r{top: 270px !important}





@media screen and (max-width: 900px) {
    #jssor_1{height: 500px !important;}
    #jssor_1 div{height: 500px !important;}
    #jssor_1 .slides{height: 500px !important;}
    #jssor_1 .slides .slider-img img{height: 500px;}

    .jssora22l, .jssora22r{top: 215px !important}
}
@media screen and (max-width: 600px) {
    #jssor_1{height: 400px !important;}
    #jssor_1 div{height: 400px !important;}
    #jssor_1 .slides{height: 400px !important;}
    #jssor_1 .slides .slider-img img{height: 400px;}

    .jssora22l, .jssora22r{top: 175px !important}
}

@media screen and (max-width: 450px) {
    #jssor_1 .slides .slider-img img{width: 100% !important;}
    #jssor_1 .slides .slider-img .desktop{display: none;}
    #jssor_1 .slides .slider-img .mobile{display: block;}

    .jssora22l, .jssora22r{display: none}
}



/*@media screen and (min-width: 1440px) {
    #jssor_1 .slides .slider-img img{width: 100% !important;}
}*/
/*@media screen and (max-width: 900px) {
    #jssor_1{height: 600px !important;}
    #jssor_1 div{height: 600px !important;}
    #jssor_1 .slides .slider-img img{width: auto !important; position: absolute; left: 50% !important; top: 50% !important;transform: translate(-50%, -50%) !important;}
}*/
/*@media screen and (max-width: 500px) {
    #jssor_1{height: 500px !important;}
    #jssor_1 div{height: 500px !important;}
    #jssor_1 .slides .slider-img .desktop{display: none;}
    #jssor_1 .slides .slider-img .mobile{display: block; left: 0 !important; top: 0 !important;transform: translate(0, 0) !important; width: 107% !important;}
}
@media screen and (max-width: 320px) {
    #jssor_1{height: 400px !important;}
    #jssor_1 div{height: 400px !important;}
    #jssor_1 .slides .slider-img img{width: 100% !important;height: auto !important;}

    #jssor_1 .slides .slider-img .desktop{display: none;}
    #jssor_1 .slides .slider-img .mobile{display: block; left: 0 !important; top: 0 !important;transform: translate(0, 0) !important;}
}*/






#jssor_1 .navigator{
    width: 50px !important;
    height: 50px !important;
    border-radius: 100%;
    position: absolute;
    z-index: 9999;
    border: 1px solid #81a89b;
    left: 50%; 
    top: 60px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#jssor_1 .navigator a{
    color: #81a89b;
    font-size: 14px;
    font-family: "Lato-Regular";
    position: absolute;
    top: 15px;
    left: 13px;
    text-decoration: none;
}



#jssor_1 .slides .slider-img .des h2{
    padding-bottom: 15px;
}

#jssor_1 .slides .slider-img .des{
    text-align: center;
    font-size: 48px;
    line-height: 50px;
    font-family: "Lato-Regular";
    font-weight: bold;
    color: #e60041;
    position: absolute;
    left: 50%; 
    top: 28%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#jssor_1 .slides .slider-img .des a{
    text-decoration: none;
    color: white;
    font-size: 20px;
    background: #e60041;
    padding: 12px 50px;
    border-radius: 30px;
}
@media screen and (max-width: 920px) {
    #jssor_1 .navigator{
        display: none;
    }
    #jssor_1 .slides .slider-img .des{
        width: 600px !important;
        font-size: 21px;
        line-height: 25px;
        top: 65%;
    }
    #jssor_1 .slides .slider-img .des h2{
        padding-bottom: 5px;
    }
    #jssor_1 .slides .slider-img .des a{
        font-size: 14px;
        padding: 6px 35px;
    }
}
@media screen and (max-width: 420px) {
    #jssor_1 .slides .slider-img .des{
        width: 300px !important;
        top: 70%;
    }
}