.slaytlar {
    width: 950px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.slayt {
    position: absolute;
    z-index: 0;
    opacity: 0.2;
    left: 0;
    top: 0;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    .slayt.aktifslayt {
        z-index: 1;
        opacity: 1;
        left: 0 !important;
        top: 0 !important;
    }

.slayt-gezgini {
    width: 10px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 2;
}

.slayt-gezgini-oge {
    background-color: transparent;
    box-shadow: 0 0 0 2px #3b3d40;
    border-radius: 100%;
    line-height: 0px;
    margin: 8px 0;
    display: block;
    width: 10px;
    height: 10px;
}

    .slayt-gezgini-oge.aktif-gezgin > a {
        background-color: #3b3d40;
        padding: 5px;
        border-radius: 100%;
        display: block;
    }

    .slayt-gezgini-oge > a {
        background-color: #transparent;
        padding: 5px;
        border-radius: 100%;
        display: block;
    }