/* 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.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/

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

.jssora22l {
    background-position: -6px 0px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.jssora22r {
    background-position: -64px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.jssora22l:hover {
    background-position: -126px 0px;
}

.jssora22r:hover {
    background-position: -184px 0px;
}

.jssora22l.jssora22ldn {
    background-position: -246px 0px;
}

.jssora22r.jssora22rdn {
    background-position: -304px 0px;
}

.jssora22l.jssora22lds {
    background-position: -8px 0px;
    opacity: .3;
    pointer-events: none;
}

.jssora22r.jssora22rds {
    background-position: -64px 0px;
    opacity: .3;
    pointer-events: none;
}


/**************/


/* jssor slider arrow navigator skin 21 css */


/*
.jssora21l                  (normal)
.jssora21r                  (normal)
.jssora21l:hover            (normal mouseover)
.jssora21r:hover            (normal mouseover)
.jssora21l.jssora21ldn      (mousedown)
.jssora21r.jssora21rdn      (mousedown)
*/

.jssora21l,
.jssora21r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(img/a21.png) center center no-repeat;
    overflow: hidden;
}

.jssora21l {
    background-position: -3px -33px;
}

.jssora21r {
    background-position: -63px -33px;
}

.jssora21l:hover {
    background-position: -123px -33px;
}

.jssora21r:hover {
    background-position: -183px -33px;
}

.jssora21l.jssora21ldn {
    background-position: -243px -33px;
}

.jssora21r.jssora21rdn {
    background-position: -303px -33px;
}


/* jssor slider loading skin spin css */

.jssorl-009-spin img {
    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);
    }
}


/*jssor slider bullet skin 132 css*/

.jssorb132 {
    position: absolute;
}

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

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

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

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

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

.jssora051 {
    display: block;
    position: absolute;
    cursor: pointer;
}

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

.jssora051:hover {
    opacity: .8;
}

.jssora051.jssora051dn {
    opacity: .5;
}

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

#jssor_anasayfa {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    overflow: hidden;
    visibility: hidden;
}

#jssor_anasayfa .jssorl-009-spin {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
}

#jssor_anasayfa .jssorl-009-spin img {
    margin-top: -19px;
    position: relative;
    top: 50%;
    width: 38px;
    height: 38px;
}

#jssor_anasayfa .slides {
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}