.jssorb132-mobil {
    position: absolute;
}

    .jssorb132-mobil .i {
        position: absolute;
        cursor: pointer;
    }

        .jssorb132-mobil .i .b {
            fill: #fff;
            fill-opacity: 0.8;
            stroke: #000;
            stroke-width: 1600;
            stroke-miterlimit: 10;
            stroke-opacity: 0.7;
        }

        .jssorb132-mobil .i:hover .b {
            fill: #000;
            fill-opacity: .7;
            stroke: #fff;
            stroke-width: 2000;
            stroke-opacity: 0.8;
        }

    .jssorb132-mobil .iav .b {
        fill: #000;
        stroke: #fff;
        stroke-width: 2400;
        fill-opacity: 0.8;
        stroke-opacity: 1;
    }

    .jssorb132-mobil .i.idn {
        opacity: 0.3;
    }

/*jssor slider arrow skin 051 css*/
.jssora051-mobil {
    display: block;
    position: absolute;
    cursor: pointer;
    margin-top: 0;
}

    .jssora051-mobil .a {
        fill: none;
        stroke: #fff;
        stroke-width: 360;
        stroke-miterlimit: 10;
    }

    .jssora051-mobil:hover {
        opacity: .8;
    }

    .jssora051-mobil.jssora051dn {
        opacity: .5;
    }

    .jssora051-mobil.jssora051ds {
        opacity: .3;
        pointer-events: none;
    }

.asagiOkHareket-db {
    width: 28px;
    height: 50px;
    background: url("../images/downOk.svg") no-repeat center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
    animation: asagiOkHareketAnime 1.5s ease infinite
}


.asagiOkHareketBanner {
    width: 28px;
    height: 50px;
    background: url("../images/downOkBanner.html") no-repeat center;
    position: absolute;
    bottom: 0;
    left: 115px;
    margin-left: -14px;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
    animation: asagiOkHareketAnime 1.5s ease infinite;
    z-index: 15;
}




@keyframes asagiOkHareketAnime {
    0% {
        bottom: 30px;
    }

    50% {
        bottom: 50px;
    }

    100% {
        bottom: 30px;
    }
}

@-webkit-keyframes asagiOkHareketAnime {
    0% {
        bottom: 30px;
    }

    50% {
        bottom: 50px;
    }

    100% {
        bottom: 30px;
    }
}

@-moz-keyframes asagiOkHareketAnime {
    0% {
        bottom: 30px;
    }

    50% {
        bottom: 50px;
    }

    100% {
        bottom: 30px;
    }
}


.mobil-loading-banner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url('bannerFile/double-tail-spin-x.html');
    background-color: rgba(0, 0, 0, 0.7);
    background-size: 40px 40px;
}

.mobil-banner-img {
    left: 0px;
    top: 0px;
    width: 1200px;
    height: 800px;
    position: absolute;
    max-width: 1200px;
}

.mobil-banner-title-1 {
    font: 72px 'Roboto-Light';
    color: #fff;
    top: 502px;
    width: 1300px;
    left: 50%;
    margin-left: -650px;
    height: 101px;
    position: absolute;
    opacity: 0;
    line-height: 1.2;
    text-align: center;
}

.mobil-banner-title-2 {
    font: 72px 'Roboto-Bold';
    color: #fff;
    top: 580px;
    width: 1300px;
    left: 50%;
    margin-left: -650px;
    height: 101px;
    position: absolute;
    opacity: 0;
    line-height: 1.2;
    text-align: center;
}