.markalogo{
    content:url("img/markalogo.png");
}
.footer{position:fixed !important;bottom:0;width:100%;}

.btn-ankettamamla {
    background-color: #0d6efd;
    border-color: #0d6efd;
    width:100%;
    margin-top:4%;
    margin-bottom:4%;
    height:50px;
}
/*Cevaplarda Puan Var ise Aşağıda ki Rate Sınıfları devreye girecektir*/
.rate {
    float: left;
    height: 90px;
    padding: 0 10px;
}


    .rate .star {
        cursor: pointer;
        font-size: 45px;
        color: #ccc;
        width: 1em;
        
        overflow: hidden;
        white-space: nowrap;
    }

        .rate .star:before {
            content: '★ ';
        }
        .rate .star.secili {
            color: #ffc700;
        }

    /*.rate:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 65px;
        color: #ccc;
    }

        .rate:not(:checked) > label:before {
            content: '★ ';
        }

    .rate > input:checked ~ label {
        color: #ffc700;
    }

    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;
    }

    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }*/