/*jssor slider loading skin spin css*/
.service-page--jssor{
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:1200px;
    height:170px;
    overflow:hidden;
    visibility:hidden;
}

.service-page--jssor-slides{
    cursor:default;
    position:relative;
    top:0px;
    left:0px;
    width:1200px;
    height:170px;
    overflow:hidden;
}

.service-page--jssor-slides>div{
    margin: 0 15px;
}

[data-u="image"]{
    width: 100% !important;
    height: auto !important;
    top: 50% !important;
    transform: translateY(-50%);
}

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.js-right-toggle .service-page--jssor{
    width: 100% !important;
}

.js-prof-eval-toggle .service-page--jssor {
    width: 90% !important;
}

.js-prof-eval-toggle [data-u="image"]{
    width: 60% !important;
    height: auto !important;
    top: 50% !important;
    transform: translateY(-50%);
}

@media (max-width: 768px){
    .service-page--jssor {
        height: 170px !important;
    }

    .service-page--jssor div {
        height: 170px !important;
        transform: unset !important;
        top:unset !important;
        bottom:unset !important;
    }

    [data-u="image"]{
        width: auto;
        height: 95%;
    }

    .js-prof-eval-toggle .service-page--jssor {
        width: 100% !important;
    }
}