﻿
#jssor_2 {
    direction: ltr;
    text-align: right;
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    width: 1700px;
    height: 350px;
    overflow: hidden;
    visibility: hidden;
}

.jssorl-009-spin {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
}
    .jssorl-009-spin img {
        margin-top: -19px;
        position: relative;
        top: 50%;
        width: 38px;
        height: 38px;
        animation-name: jssorl-009-spin;
        animation-duration: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssorb057 .i {
    position: absolute;
    cursor: pointer;
}

    .jssorb057 .i .b {
        fill: #aaa;
        stroke: #aaa;
        stroke-width: 2000;
        stroke-miterlimit: 10;
        stroke-opacity: 0.4;
    }

    .jssorb057 .i:hover .b {
        stroke-opacity: .7;
        fill: green;
        stroke: green;
    }

.jssorb057 .iav .b {
    stroke-opacity: 1;
}

.jssorb057 .i.idn {
    opacity: .3;
}

.jssora073 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora073 .a {
        fill: none;
        fill-opacity: .7;
        stroke: #000;
        stroke-width: 300;
        stroke-miterlimit: 20;
        stroke-opacity: .9;
    }

    .jssora073:hover {
        opacity: .8;
    }

    .jssora073.jssora073dn {
        opacity: .4;
    }

    .jssora073.jssora073ds {
        opacity: .3;
        pointer-events: none;
    }

.partner-image {
    width: 90%;
    max-width: 200px;
    margin: 5%;
    margin-top: 40px;
}

.btn-secondary {
    background-color: #ebebeb;
    color: #818285;
   
    border: 0px;
    line-height: 25px;
    font-size: 14px;
    font-weight: normal
}
.btn-secondary, .btn-danger {
    min-width: 150px;
    padding-left: 20px;
    padding-right: 20px;
}
.sbmt {
    min-width: 150px !important;
}
    .service-logo {
    max-width: 200px;
}

@media(max-width:576px) {
    .service-logo {
        max-width: 80px;
    }

    .title{
        font-size:20px;
        text-align:center
    }

    .page-content hr{
        display:none;
    }
}


.arrowleft {
    width: 50px;
    height: 50px;
    top: 0px;
    left: 30px;
}

.arrowright {
    width: 50px;
    height: 50px;
    top: 0px;
    right: 30px;
}

.slides {
    cursor: default;
    position: relative;
    top: 0px;
    left: 170px;
    right: 130px;
    width: 1700px;
    height: 300px;
    overflow: hidden;
}

.slide{
    background-size:cover;
    background-position:center;
    text-align:center
}
.slide img {
    visibility:hidden;
}

.slide a{
    margin-top:130px;
   opacity:0;
   transition:all ease 0.3s;

}
    .slide:hover a {
        opacity:1;
    }