<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    background: #fff;
    font-family: Arial !important;
    overflow-x: hidden;
}

.xyaes {
    padding-left: 0 !important;
    padding-right: 20px !important;
}

.borderBottom {
    border-bottom: 1px solid #d7d4d4;
}

.top {
    background: #7F7F7F;
    width: 100%;
    height: 70px;
}

a:hover {
    border-bottom: 1px solid #000;
}

.wrap {
    max-width: 1000px;
    margin: auto;
}

.logo-nav {
    height: 80px;
}

    .logo-nav .pull-left a {
        text-decoration: none !important;
        border-bottom: none !important;
    }

.navigation {
    margin-bottom: 0;
}

    .navigation li {
        display: inline;
        line-height: 80px;
        font-size: 16px;
        padding: 0 12px;
    }

        .navigation li a {
            font-weight: 500;
            color: #404040;
            transition: .1s;
            padding-bottom: 5px;
            padding-top: 5px;
        }

            .navigation li a:hover {
                text-decoration: none;
                border-bottom: 2px solid #404040;
                border-top: 2px solid #404040;
            }

.kapak-puan, .alignRight {
    text-align: right;
}

.kapak-kodu input {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
}

.kapak-kodu label {
    color: #fff;
}

.black {
    color: #000;
}

.white {
    color: #fff !important;
}

.kapak-kodu input:focus ~ label, .kapak-kodu input:valid ~ label {
    color: #fff !important;
}

.red {
    background: #DD1D21;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    float: right;
    width: 50px;
    text-align: center;
}

.yellow {
    background: #fbce07;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    float: right;
    width: 50px;
    text-align: center;
}

.puan {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -.50px;
}

.profil-foto {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #fff;
}

.profile-name {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding-left: 10px;
}

.profile-firma {
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    margin: 0;
}

.goster-kendini {
    width: 100%;
    min-height: 285px;
    position: relative;
    background: #FBCE07;
}

.goster-kendini-text {
    position: absolute;
    top: 20px;
    left: 20px;
}

.bil-kazan {
    width: 100%;
    min-height: 285px;
    background: no-repeat url(../img/bg2.jpg);
    background-size: cover;
    position: relative;
}

.bk2 {
    background: no-repeat url(../img/bg8.jpg);
    background-size: cover;
}

.kapak-kodu {
    width: 100%;
    min-height: 285px;
    background: no-repeat url(../img/bg3.jpg);
    background-size: cover;
    padding: 20px;
}

    .kapak-kodu h2, .bil-kazan h2, .goster-kendini h2, .hangi-yag h2, .shell-dunya h2, .hediye-bir h2, .hediye-iki h2 {
        font-weight: 700;
        font-size: 32px !important;
        margin: 0;
        letter-spacing: -.50px;
        color: #fff;
    }

    .kapak-kodu p, .bil-kazan p, .goster-kendini p, .hangi-yag p, .shell-dunya p {
        font-size: 15px;
        color: #fff;
        margin-top: 15px;
    }

.beyaz-buton {
    background: #fff;
    text-align: center;
    font-size: 16px;
    width: 140px;
    color: #000;
    padding: 8px;
    font-weight: 500;
    margin-top: 15px;
}

    .beyaz-buton:hover {
        background: #cacaca !important;
    }

.bil-kazan-text {
    position: absolute;
    top: 30px;
    left: 30px;
}

.sari-buton {
    background: #fbce07;
    text-align: center;
    font-size: 16px;
    color: #000;
    padding: 8px;
    font-weight: 500;
    margin-top: 15px;
}

a:hover {
    text-decoration: none;
}


.hediye-bir {
    width: 100%;
    min-height: 295px;
    background: no-repeat url(../img/bg4.jpg);
    margin: 20px 0;
    background-size: cover;
    position: relative;
    background-size: cover;
}

.hediye-bir-text {
    position: absolute;
    top: 70px;
    right: 20px;
}

.hediye-iki {
    width: 100%;
    min-height: 295px;
    background: no-repeat url(../img/bg5.jpg);
    position: relative;
    background-size: cover;
    margin: 20px 0;
}

.hediye-iki-r {
    width: 100%;
    min-height: 295px;
    background: no-repeat url(../img/bg5b.png);
    position: relative;
    background-size: cover;
    margin: 20px 0;
}

.hediye-iki-text {
    position: absolute;
    top: 70px;
    right: 20px;
}

    .hediye-iki-text h2 {
        color: #404040;
    }

.tag {
    font-weight: 700;
    font-size: 32px !important;
    margin: 0;
    letter-spacing: -.50px;
    color: #fff;
    padding: 0 5px;
}

.shell-dunya {
    width: 100%;
    min-height: 255px;
    background: no-repeat url(../img/bg6.jpg);
    background-size: cover;
    position: relative;
}

.anket {
    width: 100%;
    min-height: 320px;
    background: #fff;
    border: 1px solid #D9D9D9;
    background-size: cover;
    position: relative;
}

    .anket p {
        font-size: 15px;
        font-weight: bold;
    }

.anket-text {
    position: absolute;
    top: 20px;
    left: 20px;
    padding-right: 16px;
}

.shell-dunya-text {
    position: absolute;
    top: 20px;
    left: 20px;
}

.hangi-yag {
    width: 100%;
    min-height: 255px;
    background: #595959;
    position: relative;
    overflow: hidden;
}

.hangi-yag-text {
    position: absolute;
    top: 20px;
    left: 20px;
}

.col-sm-6, .col-sm-4 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


.footer {
    background: #404040;
    width: 100%;
    margin-top: 50px;
    min-height: 150px;
}

.footer-nav li {
    display: inline;
}

.footer-nav {
    padding: 0;
}

    .footer-nav li a {
        color: #fff;
        font-size: 14px;
        padding: 15px;
        line-height: 80px;
    }

        .footer-nav li a:hover {
            border-bottom: 1px solid #fff;
        }

.alt-footer p {
    color: #fff;
    padding: 14px 0;
    float: left;
}

.alt-footer ul {
    margin-top: 14px;
}

    .alt-footer ul li {
        display: inline;
    }

        .alt-footer ul li a {
            color: #fff;
            padding: 10px;
        }

            .alt-footer ul li a:hover {
                border-bottom: 1px solid #fff;
            }



.mobile {
    display: none;
}

.pad {
    padding: 0 30px;
}

.haber {
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #cacaca;
    padding: 5px;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
    .hangi-yag img, .shell-dunya img, .goster-kendini img {
        display: none;
    }

    .hangi-yag, .shell-dunya, .anket {
        min-height: 370px;
    }
}

@media screen and (max-width: 520px) {
    .hangi-yag img, .shell-dunya img, .goster-kendini img {
        display: none;
    }

    .top {
        height: 100px;
    }
}


@media screen and (max-width: 660px) {
    .login-top td {
        width: 100%;
        float: left;
    }

    .fff {
        display: none;
    }

    .top .btn-success {
        width: 100%;
        margin-bottom: 20px;
    }

    .top {
        height: 70px;
    }
}


@media screen and (max-width: 767px) {
    .goster-kendini, .bil-kazan, .kapak-kodu, .shell-dunya, .anket {
        margin-bottom: 20px;
    }

    .content {
        padding: 30px;
    }

    .haber {
        border: none;
    }

    .profile_menu {
        margin-bottom: 70px;
    }

    .mte40 {
        margin-top: 0 !important;
    }

    .where {
        padding: 0 10px;
    }

    .right-frame {
        background: #fff !important;
    }

    .login-wrap {
        height: 520px !important;
    }


    .sur {
        margin-top: 30px;
    }

        .sur .col-sm-4 {
            margin-bottom: 40px;
        }


    .haber {
        width: 90%;
        margin-left: 5%;
    }

    .mainSlider .carousel {
        display: none !important;
    }

    .mainSlider {
        width: 100%;
        height: 2px;
        background: #003C88;
    }

    .profile_menu {
        margin: 10px !important;
    }

    .teknik-dok .col-sm-4 {
        margin: 5%;
    }

    .top {
        padding: 0 10px;
    }

    .mobile {
        display: block;
    }

    .pad {
        padding: 0 10px;
    }

    .footer {
        text-align: center;
    }

    .footer-nav {
        display: none;
    }

    .footer-logo {
        position: initial !important;
        margin: 30px auto;
    }

    .alt-footer p, .alt-footer .pull-right {
        float: none !important;
        padding-bottom: 20px;
    }

    .alt-footer ul {
        padding: 0;
    }

    .navigation {
        display: none;
    }

    .profil-foto {
        display: none;
    }

    .puan {
        font-size: 16px;
    }
}

.navbar-toggle {
    background: silver;
    border: 1px solid #999999;
    margin-top: 22px;
}

.icon-bar {
    background: #999999;
}

.where {
    width: 100%;
    height: 50px;
    background: #7F7F7F;
}

    .where h3 {
        font-size: 20px;
        color: #fff;
        margin: 0;
        line-height: 50px;
    }

.prof {
    width: 100%;
    height: 115px;
    background: #eaebe7;
    -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px 3px rgba(0,0,0,.2);
    margin: 20px 0 40px 0;
}

.profile_menu {
    margin: 0;
    padding: 0;
}

    .profile_menu li {
        background: #eaebe7;
        height: 45px;
        list-style: none;
        line-height: 45px;
        border-left: 1px solid #d7d4d4;
        border-top: 1px solid #d7d4d4;
        border-right: 1px solid #d7d4d4;
        padding-left: 20px;
    }

        .profile_menu li:last-child {
            border-bottom: 1px solid #d7d4d4;
        }

.menuuu .profile_menu li:last-child a {
    color: #404040 !important;
}

.profile_menu li:last-child span {
    margin-right: 5px;
}

.active_profile {
    border-right: 4px solid #DD1D21 !important;
}

.profile_menu li a {
    font-size: 16px;
    font-weight: bold;
    color: #7F7F7F;
}

.active_profile a {
    color: #DD1D21 !important;
}

.pr-table {
    width: 100%;
}

    .pr-table td {
        padding: 0 10px;
    }

.profile_kisa {
    margin-left: 20px;
    padding-top: 10px;
    color: #1e1e1e;
    font-weight: 300 !important;
}

.ppp {
    font-size: 26px;
    padding-left: 0;
}

.hosGel {
    font-size: 22px;
    margin-top: 10px;
    padding-left: 0;
}

.foto-yukle {
    width: 115px;
    height: 115px;
    background: no-repeat url(../img/foto-yukle.png);
    position: absolute;
    background-color: none !important;
    top: 0;
    left: 0;
    display: none;
    transition: .2s !important;
}

.fileUpload {
    width: 115px;
    height: 115px;
    overflow: hidden;
}

.upload {
    cursor: pointer;
    height: 115px;
    width: 115px;
}

.download {
    width: 100%;
    position: relative;
}

.d-b {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -18px;
    z-index: 1;
}

.css .d-b {
    width: 92px !important;
    height: 28px !important;
    bottom: 10px !important;
    left: 10px !important;
    top: initial !important;
    margin-left: 0 !important;
}

.download .img {
    width: 100%;
}

.down-over {
    background: #000;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .2;
}

.teknik-dok p {
    font-size: 14px;
    color: #666;
}

.haber-baslik {
    font-size: 16px;
    letter-spacing: -.50px;
    color: #DD1D21;
    font-weight: 500;
}

.detay {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

.haber-content {
    color: #666;
    font-size: 13px;
}

.haber img {
    width: 100%;
}


.hediye_box {
    width: 100%;
    height: 370px;
    background: #fff;
    margin-bottom: 7px;
    border: 2px solid #e6e6e6;
    text-align: center;
    position: relative;
}

.hediye_detay {
    width: 100%;
    border-radius: 2px;
    background: #DD1D21;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 40px;
}

.urun_adi {
    text-align: center;
    font-size: 16px;
    color: #000;
    padding: 15px 0;
    line-height: 22px;
    max-width: 150px;
    margin: auto;
}

.hediye_resim {
    position: absolute;
    top: 120px;
    max-height: 150px;
    max-width: 100%;
    width: 100%;
}

.hediye_hover {
    position: absolute;
    width: 210px;
    text-align: center;
    font-size: 22px;
    color: #000;
    letter-spacing: .30px;
    top: 100px;
    padding-top: 50px;
    max-height: 210px;
    z-index: 22;
    display: none;
    left: 50%;
    margin-left: -105px;
}

    .hediye_hover p {
        width: 200px;
        text-align: center;
        margin: auto;
    }


.hediye_box:hover .hediye_resim img {
    opacity: .1;
}

.hediye_box:hover .hediye_hover {
    display: block;
}

.hediye_resim img {
    max-height: 150px;
    max-width: 100%;
}

.hediye_puan {
    position: absolute;
    bottom: 30px;
    text-align: center;
    margin: auto;
    width: 100%;
    font-size: 22px;
}

.urun_detay_isim {
    font-size: 24px;
    color: #000;
    margin-top: 40px;
    letter-spacing: .10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cacaca;
}

.urun_detay_ozellik table td {
    padding: 8px 3px !important;
}

.urun_detay_ozellik table thead {
    font-weight: bold;
}

.hediye_puan2 {
    font-size: 18px;
    text-align: center;
}

.hediye_hover a {
    width: 200px;
    color: #000;
    text-align: center;
    margin: auto;
}

.urun_detay_ozellik h2 {
    color: #DD1D21;
    font-size: 24px;
    letter-spacing: -.40px;
}

.urun_detay_ozellik p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
}

.goster {
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.1);
}

    .goster img {
        width: 100%;
    }

.goster-tablo {
    margin-bottom: 30px;
}

    .goster-tablo td {
        color: #005596;
    }

.kazanilan {
    font-size: 18px;
    line-height: 50px;
    background: #fbce07;
    color: #000;
    padding: 0 30px;
}

.bil-kazan-kalan-soru {
    font-size: 18px;
    color: #999999;
}

.bil-kazan-sorusu {
    font-size: 20px !important;
}

.bil-kazan-soru {
    margin-bottom: 50px;
}

.bil-kazan-cevap {
    font-size: 16px;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 20px;
    transition: .3s;
    border: 2px solid #cacaca;
}

    .bil-kazan-cevap:hover {
        background: #eaeaea;
    }

.dogru {
    border: 2px solid #97c759 !important;
}

.yanlis {
    border: 2px solid #ec343a !important;
}

.cevap {
    width: 470px;
    height: 55px;
    background: #666666;
    margin-top: 40px;
    border-radius: 5px;
}

.cevap_n {
    line-height: 55px;
    color: #fff;
    letter-spacing: .50px;
    width: 248px;
    text-align: center;
}

.sonraki_soru {
    width: 410px;
    height: 55px;
    background: #c13e3e;
    margin-top: 40px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.sonraki_soru_n {
    line-height: 55px;
    color: #fff;
    letter-spacing: .50px;
    width: 248px;
    text-align: center;
}

.sonraki_soru .buton {
    background: #942525 !important;
    color: #fff;
}

.dogru_cevap {
    width: 410px;
    height: 55px;
    background: #6ca62e;
    margin-top: 40px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dogru_cevap_n {
    line-height: 55px;
    color: #fff;
    letter-spacing: .50px;
    width: 248px;
    text-align: center;
}

.dogru_cevap .buton {
    background: #4c761e !important;
    color: #fff;
}

.action-but {
    background: #fbce07;
    padding: 19px 40px;
    margin-bottom: 100px;
    text-align: center;
    color: #404040;
    border-radius: 5px;
    position: relative;
    left: -2px;
    top: -1px;
    cursor: pointer;
    font-weight: bold;
}

    .action-but:hover {
        background: #e0b807;
    }

.puanim {
    background: #ec343a;
    padding: 15px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}

.p-gecmis thead tr td {
    font-weight: bold;
}

.p-gecmis td {
    font-size: 16px;
}


.login {
    width: 500px;
    height: auto;
    padding: 50px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.1);
    margin: 30px auto;
    background: #fff;
}

    .login h2 {
        margin: 0;
    }

    .login p {
        font-size: 16px;
        margin-top: 15px;
    }

.login-top td {
    color: #fff;
    padding: 6px;
}

.cart, .mesaj {
    position: relative;
}

.cart-adet {
    font-size: 16px;
    font-weight: bold;
    color: #fbce07;
    position: absolute;
    left: 19px;
    bottom: 12px;
}

.msg-adet {
    font-size: 16px;
    font-weight: bold;
    z-index: 2;
    color: #DD1D21;
    position: absolute;
    left: 13px;
    bottom: 9px;
}


/* ANKET SONUÇ */

.skills,
.skills .skill,
.skills .skill .skill-title,
.skills .skill .skill-bar {
    width: 100%;
    float: left;
}

    .skills .skill {
        margin-bottom: 0px;
    }

        .skills .skill .skill-title {
            color: #000;
            margin-bottom: 20px;
            font-weight: 400;
            font-size: 14px;
        }

        .skills .skill .skill-bar {
            width: 0;
            height: 6px;
            background: #f0f0f0;
            transition: 1s cubic-bezier(1, 0, .5, 1);
            -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
            -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
        }

    .skills.active .skill .skill-bar {
        width: 100%;
    }

    .skills .skill .skill-bar span {
        float: left;
        width: 0%;
        background: #33B1C3;
        height: 6px;
        position: relative;
        transition: 1s cubic-bezier(1, 0, .5, 1);
        -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
        -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
    }

        .skills .skill .skill-bar span b {
            float: left;
            width: 100%;
            position: relative;
            text-align: right;
            opacity: 0;
            font-size: 14px;
            color: #000;
            font-weight: 400;
            top: -20px;
        }


.shell_label {
    font-weight: 300;
}



/* SHOWROOM */
.showroom-galeri li {
    display: inline;
    margin-right: 20px;
    float: left;
}

.showroom-galeri .incele {
    width: 145px !important;
    background: #fbce07;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
    color: #000;
}

.showroom-galeri a {
    color: #fff;
}

.foto-sil {
    text-align: center;
    color: #DD1D21;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
}

.bg-bg {
    width: 400px;
    padding: 40px;
    background: #fff;
    margin: 100px auto;
    -webkit-box-shadow: 1px 2px 1px 1px rgba(00,00,00,.2);
    box-shadow: 1px 2px 1px 1px rgba(00,00,00,.2);
}

.haber-baslik-detay {
    font-size: 26px;
    color: #DD1D21;
}

.haber-content-detay {
    font-size: 14px;
    line-height: 26px;
}

.divimiz {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.5) !important;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}




/* Login Page */

@media screen and (max-width: 768px) {
    .right-frame {
        width: 96% !important;
        margin-left: 2% !important;
    }

    .login-wrap {
        width: 90%;
        margin-left: 5%;
    }
}

.login-wrap {
    max-width: 850px;
    margin: 100px auto;
    height: 360px;
    -webkit-box-shadow: 0 0 10px 0 rgba(00,00,00,.3);
    box-shadow: 0 0 10px 0 rgba(00,00,00,.3);
    background: #fff;
}

.left-frame p {
    font-size: 18px;
    color: #000;
    line-height: 27px;
    margin-top: 20px;
}

.login-page .baslik {
    color: #666;
    font-size: 20px !important;
    font-weight: bold;
}

.left-frame {
    width: 370px;
    height: 409px;
    margin-top: -2px;
    margin-left: -2px;
    padding: 105px 30px;
    background-size: cover;
    /*background: no-repeat url(../img/login-bg.png);*/
    color: #000;
}

.login-page .col-sm-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.login-page .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.login-page .form-control {
    width: 100%;
    height: 55px;
    border-radius: 0;
    margin-bottom: 20px;
}

.login-page table td {
    padding: 0 10px;
}

    .login-page table td a {
        color: #404040 !important;
    }

.giris-yap {
    width: 100%;
    height: 55px;
    font-size: 16px;
    background: #008443 !important;
    color: #fff !important;
    margin-bottom: 10px;
    margin-top: 20px;
    border-radius: 0;
}

    .giris-yap:hover {
        background: #339D69 !important;
    }

.right-frame {
    padding: 20px;
    background: #D9D9D9;
    height: 360px;
    position: relative;
    width: 100%;
}

.gamification {
    width: 100%;
    height: auto;
    padding: 30px 0;
    background: #DD1D21;
}

    .gamification .w130 {
        width: 120px !important;
    }

.kodBox {
    background: #FCD839;
    width: 100%;
    height: auto;
    padding: 10px 20px;
}

    .kodBox h2 {
        font-size: 28px;
        color: #404040;
    }

    .kodBox a {
        color: #404040 !important;
        text-decoration: none !important;
    }

    .kodBox p {
        font-size: 16px;
        color: #555;
    }

.kodboxRimula {
    padding: 60px 20px !important;
    margin-top: 40px !important;
}


.kodInput .form-control {
    background: #D9D9D9 !important;
    border-radius: 0;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.kodInput {
    position: relative;
}

    .kodInput .btn {
        width: 115px;
        font-weight: bold;
        position: absolute;
        top: -8px;
        right: 2px;
        height: 46px;
        background: #E44A4D !important;
        color: #fff !important;
        border: none !important;
    }

.adet {
    background: #fbce07;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100%;
}

.kodBox .adet {
    background: #e44a4d;
    color: #fff;
}

.hediyeTalep {
    background: #e44a4d;
    color: #fff;
    width: 300px;
    margin: 20px auto;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
}

    .hediyeTalep:hover {
        background: #c94043;
    }

.kodInput .btn:hover {
    background: #c94043 !important;
}

.urunGrup {
    width: 100%;
    margin-bottom: 30px;
}

.urun {
    position: relative;
}

.adet2 {
    position: absolute;
    bottom: -10px;
    left: 0;
}

.urunGrup p {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.progress {
    width: 100%;
    margin-bottom: 5px !important;
    height: 35px;
}

.progress-wrap {
    background: #fbce07;
    overflow: hidden;
    position: relative;
}

.ohid {
    overflow: hidden;
}

.progress-wrap .progress-bar {
    background: #D9D9D9;
    left: 0;
    position: absolute;
    top: 0;
}

.kalan {
    line-height: 35px;
    position: absolute;
    right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.toGoal {
    font-size: 14px;
    color: #fff;
}

.noti-inside {
    width: 60%;
    border: 3px solid #DD1D21;
    height: auto;
    z-index: 220;
    padding: 20px;
    text-align: center;
    color: #555;
    position: fixed;
    top: 50%;
    left: 20%;
    margin-top: -200px;
    background: #fbce07;
    border-radius: 5px;
}

.close-noti {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    height: 35px;
    background: #7F7F7F;
    cursor: pointer;
}

.noti-inside span {
    font-size: 18px !important;
}

.noti {
    display: none;
}

.blackk {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .7;
    z-index: 90;
}

.mtop20 {
    margin-top: 20px !important;
}

.w130 {
    width: 130px;
}

.pad030 {
    padding: 0 30px;
}

.w40 {
    width: 40px;
}

.abcd {
    position: relative;
    top: 5px;
}

.abce {
    width: 300px;
    margin: auto;
}

.abcf {
    background: #7F7F7F;
    color: #fff;
}

    .abcf:hover {
        background: #666666;
        color: #404040;
    }

.abcg {
    position: absolute;
    right: 0;
}

.abch {
    color: #404040;
    margin-bottom: 15px;
    margin-top: 0;
}

.sdsd {
    border: none !important;
}

.abci {
    color: #404040 !important;
}

.abcj {
    left: 0;
    background: #008443;
    color: #fff;
    width: 120% !important;
    margin-left: -15px;
}

.anketli {
    min-height: 210px;
}

.abck {
    padding-right: 20px;
    display: none;
}

.abcl {
    margin: 60px auto;
}

.mt35 {
    margin-top: 35px;
}

.abcm {
    font-size: 20px;
    line-height: 30px;
}

.abcn {
    color: #DD1D21;
    font-size: 24px;
    font-weight: bold;
}

.abco {
    font-size: 20px;
    margin-top: 30px;
}

.abcp {
    width: 240px;
    background: #FBCE07;
    color: #404040;
}

    .abcp:hover {
        background: #D9D9D9;
        color: #404040;
    }

.abcr {
    margin-top: -40px;
    padding-left: 20px;
}

.abcs {
    background: transparent;
    border-radius: 0;
    border: none;
    margin-top: 40px;
    border-bottom: 1px solid #999;
    box-shadow: none;
    padding: 6px 0px;
}

.abct {
    padding: 8px 30px;
    background-color: #008443 !important;
    border-color: #339D69 !important;
}

.h50 {
    height: 50px;
}

.h80 {
    height: 80px;
}

.pr10 {
    padding-right: 10px;
}

.abcu {
    color: #ff0000;
    font-size: 16px;
}

.abcv {
    position: absolute;
    top: 20px;
    right: 20px;
}

.abcy {
    width: 210px;
    margin-top: 0;
    margin-left: 0;
}

.abcz {
    background: #6ca62e;
}

.abcza {
    color: #337ab7;
}

.abczb {
    background: #003C88 !important;
}

.abczc {
    background: transparent;
    border-radius: 0;
    border: none;
    margin-top: 20px;
    border-bottom: 1px solid #999;
    box-shadow: none;
    padding: 6px 0px;
}

.abczd {
    width: 100%;
    background: #003C88 !important;
}

.center {
    text-align: center;
}

.abcze {
    width: 100%;
    background: #003C88 !important;
}

.abczf {
    background: #fff;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.abczg {
    text-align: center;
    padding-top: 30px;
}

.abczh {
    letter-spacing: .10px;
    color: #fff;
    width: 230px;
    margin: auto;
    background: #ff0000;
    padding: 10px 66px;
}

.abczi {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .10px;
    width: 230px;
    margin: auto;
    width: 220px;
    height: 48px;
    line-height: 48px;
}

.abczj {
    padding: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: -.65px;
    width: 220px;
    height: 36px;
    line-height: 36px;
    margin: auto;
    font-size: 12px;
    margin-top: 15px;
    color: #fff;
    background: #48ab6e !important;
    letter-spacing: .10px;
}

.abczk {
    padding: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: -.65px;
    width: 220px;
    height: 36px;
    line-height: 36px;
    margin: auto;
    font-size: 12px;
    letter-spacing: .10px;
    margin-top: 15px;
    color: #fff;
    background: #c13e3e !important;
}

.abczl {
    background: #48ab6e;
    width: 200px;
    height: 5px;
    margin: 20px auto;
}

.abczm {
    background: #942525;
    width: 200px;
    height: 5px;
    margin: 20px auto;
}

.abczn {
    color: #fff;
    font-weight: bold;
}

.abczo {
    margin-top: 20px;
    margin-bottom: 40px;
}

.abczp {
    background: #008443;
    border: 1px solid #339D69;
    padding: 10px 30px;
}

.fullWidth {
    width: 100%;
}

.mb70 {
    margin-bottom: 70px;
}

.p20 {
    padding: 20px;
}

.p10 {
    padding: 10px;
}

.abczr {
    margin-top: 90px;
    margin-bottom: 30px;
}

.abczs {
    background: #7F7F7F;
    color: #fff;
    border: 1px solid #7F7F7F;
}

.abczt {
    width: 50px !important;
    height: 50px !important;
}

.abczu {
    background: #fff;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.abczv {
    display: block;
    top: 50%;
}

.abczz {
    text-align: right;
    font-size: 20px;
}

.abb {
    background: #eaeaea;
    padding: 10px;
    margin-top: 50px;
}

.redColor {
    color: #ff0000;
}

.w150 {
    width: 150px;
}

.abd {
    width: 100%;
    padding: 10px 0;
}

.abe {
    width: 15px;
    float: left;
    height: 15px;
    margin-right: 7px;
    margin-top: 2px;
}

.abf {
    background: transparent;
    border-radius: 0;
    border: none;
    margin-top: 40px;
    border-bottom: 1px solid #999;
    box-shadow: none;
    padding: 6px 0px;
}

.p510 {
    padding: 5px 10px;
}

.colf0 {
    color: #F0AD4E;
}

.mt12 {
    margin-top: 12px;
}

.pt15 {
    padding-top: 15px;
}

.op3 {
    opacity: .3;
}

.bor1 {
    width: 100%;
    height: 1px;
    color: #000;
}

.bor2 {
    width: 100%;
    height: 1px;
    color: #fff;
}

.pr0 {
    padding-right: 0;
}

.pre {
    position: relative;
}

.mte40 {
    margin-top: -40px;
}

.abel {
    background: transparent;
    border-radius: 0;
    border: none;
    margin-top: 40px;
    border-bottom: 1px solid #999;
    box-shadow: none;
    padding: 6px 0px;
}

.abg {
    padding: 8px 30px;
    background-color: #008443 !important;
    border-color: #339D69 !important;
}

    .abg:hover, .abct:hover, .abczp:hover {
        background: #339D69 !important;
    }

.abh {
    background: #fff;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.abi {
    text-align: center;
    padding-top: 30px;
}

.abj {
    letter-spacing: .10px;
    color: #fff;
    width: 230px;
    margin: auto;
    background: #ff0000;
    padding: 10px 66px;
}

.abk {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .10px;
    width: 230px;
    margin: auto;
    width: 220px;
    height: 48px;
    line-height: 48px;
}

.abl {
    padding: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: -.65px;
    width: 220px;
    height: 36px;
    line-height: 36px;
    margin: auto;
    font-size: 12px;
    margin-top: 15px;
    color: #fff;
    background: #48ab6e !important;
    letter-spacing: .10px;
}

.abm {
    padding: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: -.65px;
    width: 220px;
    height: 36px;
    line-height: 36px;
    margin: auto;
    font-size: 12px;
    letter-spacing: .10px;
    margin-top: 15px;
    color: #fff;
    background: #c13e3e !important;
}

.abn {
    color: #fff;
    font-weight: bold;
}

.abo {
    background: #fbce07;
    color: #000;
}

.abp {
    background: #fff;
}


.abr {
    height: 160px;
    text-align: center;
    vertical-align: central;
}

.abs {
    height: 160px;
    text-align: center;
}


.abt {
    max-width: 147px;
}

.abu {
    background-color: #00599b !important;
    margin-top: 30px;
    width: 100%;
}

.point {
    cursor: pointer;
}

.aby {
    background-color: #00599b !important;
    margin-top: 30px;
    width: 100%;
}

.abz {
    width: 140px;
    background: #404040;
    color: #fff;
}

    .abz:hover, .abz:focus {
        background: #7f7f7f !important;
    }

.ab1 {
    position: absolute;
    right: 0;
}

.ab2 {
    background: #DD1D21;
}

.ab3 {
    width: 180px;
    background: #DD1D21;
    color: #fff;
    cursor: pointer;
}

    .ab3:hover {
        background: #c41a1c;
    }

.ab4 {
    width: 200px;
    left: -15px;
    position: relative;
    background: #339D69;
    color: #fff;
}

    .ab4:hover {
        background: #008443 !important;
    }

.ab5 {
    background: #fbce07;
    color: #000;
}

.menuuu {
    padding-left: 0 !important;
}

.menuuu2 {
    padding-left: 0 !important;
    padding-right: 20px !important;
}

#carouselButtons {
    left: 50%;
    margin-left: -25px;
    position: absolute;
    bottom: 5px;
}

.goToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 40px;
}

    .goToTop a {
        color: #000;
        opacity: .6;
    }

.toop a {
    color: #DD1D21 !important;
}

    .toop a:hover, .toop a:focus {
        color: #EF9F37 /* #E44A4D*/ !important;
        outline: auto !important;
    }

#skip-link {
    display: block;
    outline: none;
    margin: 0 1em;
    padding: 0.5em 0 0.25em;
    color: white;
    text-decoration: none;
}

#skip-link {
    position: fixed;
    left: 0;
    top: 0;
    background: #404040;
    color: white;
    padding: 5px 20px;
    text-decoration: inherit;
    transform: translateY(-100%);
    z-index: 1;
}

    #skip-link:focus {
        transform: translateY(0);
    }

.textCenter {
    text-align: center;
}

.gze {
    height: 50px;
    border-radius: 0;
    background: #e6e6e6;
    max-width: 500px;
    margin: auto;
}

.gzee {
    height: 50px;
    border-radius: 0;
    background: #e44a4d;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 10px;
    max-width: 500px;
    margin: auto;
}

.bir {
    width: 100%;
    height: auto;
    background: #dd1d21;
    padding: 20px;
    margin-top: 20px;
}

    .bir table tr td {
        padding: 0 10px;
    }

    .bir p {
        color: #fff;
        font-size: 18px;
        line-height: 14px;
    }

    .bir span {
        color: #fff;
        font-size: 13px;
    }

.iki {
    background: #e44a4d;
}

.sur {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px 5px;
    -webkit-box-shadow: 0 0 1px 1px rgba(00,00,00,.2);
    box-shadow: 0 0 1px 1px rgba(00,00,00,.2);
}

    .sur p {
        font-size: 22px;
        margin-top: 45px;
        color: #404040;
        line-height: 32px;
    }

    .sur span {
        color: #404040;
        line-height: 20px;
    }

.ds {
    background: #DD1D21 !important;
    color: #fff;
    margin: auto;
}

.iki .ds {
    background: #e44a4d !important;
}

.sepeteEkle {
    width: 180px;
    margin: auto;
}

    .sepeteEkle td {
        padding: 2px !important;
    }

.ees {
    top: 0 !important;
    background: #dd1d21;
}

.iki .ees {
    background: #e44a4d;
}

.sess {
    margin-top: 60px;
}

.coni {
    font-weight: bold;
    color: #E44A4D !important;
    text-decoration: underline !important;
}

.kodGirBolme {
    position: relative;
}

.kodGir {
    position: absolute;
    right: 0;
    top: 0;
    background: #FBCE07;
    color: #404040;
    font-weight: bold;
}

.kodGir2 {
    position: absolute;
    right: 0;
    top: 0;
    background: #404040;
    color: #404040;
    font-weight: bold;
}

.kodGir:hover {
    background: #D9D9D9;
}

.kodGir2:hover {
    background: #666;
}

.kod2 {
    position: relative;
}

.ajsds {
    background: #404040;
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    left: 0;
    padding: 15px 0;
}

.kod2 .glyphicon-arrow-right {
    margin-left: 5px;
}

.kodGirisi {
    width: 100%;
    min-height: 390px;
    padding: 20px;
    background: repeat-y top center url(../img/bg9.jpg);
    text-align: center;
}

.margin-top-2x {
    margin-top: 20px;
}

.kodGirisii h1 {
    padding-top: 0 !important;
}

.kodGirisii2 h1 {
    padding-top: 0 !important;
    color: #404040 !important;
}


.kodGirisii2 h2 {
    color: #404040;
    font-size: 48px;
    font-weight: bold;
}

.kodGirisii2 h3 {
    font-size: 18px !important;
    color: #404040 !important;
}

.asd32 {
    background: #404040;
    color: #fff !important;
    max-width: 450px;
    height: 50px;
    border: none;
    font-weight: bold;
}

    .asd32:hover {
        background: #999999;
    }

.kodGirisii2 {
    min-height: 440px;
    background: #fbce07 !important;
}

.kodGirisii h2 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
}

.kodGirisii h3 {
    font-size: 18px !important;
}

.kodGirisi h1 {
    margin-top: 0;
    color: #fff;
    padding-top: 70px;
}

.kodGirisi h3 {
    color: #fff;
    margin-bottom: 30px;
}

.kodGirisi .form-control {
    height: 50px;
    max-width: 450px;
    margin: auto;
}

.asdsd {
    background: #fbce07;
    max-width: 450px;
    height: 50px;
    border: none;
    font-weight: bold;
}

    .asdsd:hover {
        background: #404040;
        color: #fff;
    }

.bilkazanBTN {
    width: 100% !important;
}

.aser {
    width: 100% !important;
    background: #404040;
    color: #fff;
}

    .aser:hover {
        color: #404040;
    }

.seret {
    margin: 0 !important;
}

.serr {
    min-height: 315px !important;
}

.serr2 {
    min-height: 315px !important;
    background: #fbce07;
}

    .serr2 h2, .serr2 h3, .serr2 p {
        color: #404040 !important;
    }

.abzz {
    width: 100% !important;
}

.ww100 {
    width: 100% !important;
}

.istasyonAd {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fbce07;
    padding-left: 5px;
}

.dsaw {
    width: 100% !important;
    font-weight: 600 !important;
    margin-top: -10px;
    margin-bottom: 10px;
}

.kazanimlar {
    background: #DD1D21;
    padding: 20px;
    font-size: 14px;
}

.csds {
    padding: 10px !important;
}

.info-p {
    font-size: 18px;
    color: #fff;
}

.urunnn {
    border-radius: 4px;
    padding: 5px;
    margin-top: 20px;
    height: 290px;
    background: #fff;
}

    .urunnn .sess {
        margin-top: 15px !important;
        height: 195px;
    }

    .urunnn .kacAdet {
        background: #DD1D21 !important;
    }

        .urunnn .kacAdet p {
            color: #fff !important;
        }

    .urunnn .ds {
        background: #fff !important;
        color: #DD1D21 !important;
    }

.tofd-p {
    font-size: 16px;
    color: #777;
    font-weight: bold;
    margin: 10px 0;
}

.t-san {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 5px;
    color: #404040;
    font-weight: lighter;
}

.progress {
    height: 15px;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.progress-bar {
    /*background-image: -moz-linear-gradient( 0deg, rgb(219,219,0) 0%, rgb(110,197,128) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(219,219,0) 0%, rgb(110,197,128) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(219,219,0) 0%, rgb(110,197,128) 100%);*/
    background-image: -moz-linear-gradient( 0deg, rgb(246,69,59) 0%, rgb(251,206,7) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(246,69,59) 0%, rgb(251,206,7) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(246,69,59) 0%, rgb(251,206,7) 100%);
    border-radius: 10px;
}

.t-yuzde {
    font-size: 26px;
    color: #666;
    margin-top: 13px;
    margin-bottom: 0;
    font-weight: bold;
}

.s-det {
    color: #000;
    font-weight: bold;
}

.kazanimlarr .progress {
    height: 35px !important;
}

.yeniKod {
    background: #595959;
    padding: 15px 30px !important;
    margin-bottom: 20px;
}

    .yeniKod .row {
        padding: 15px;
        border: 2px solid #fff;
    }

.ddssddee {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.yeniKod h2 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
}

.yeniKod h1 {
    margin-top: 0;
    color: #fff;
}

.yeniKod h3 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 18px;
}

.yeniKod .form-control {
    height: 50px;
    max-width: 450px;
    margin: auto;
}

.asd32bb {
    background: #fff;
}


    .asd32bb:hover {
        background: #eaeaea;
    }

.puan-ligi {
    background: #f7f7f7;
    padding: 15px;
}

    .puan-ligi table td {
        border-top: none !important;
    }

.p-ligi table td {
    line-height: 15px !important;
    color: #404040;
}

    .p-ligi table td:last-child {
        color: #404040 !important;
        width: 90px;
    }

.puan-ligi table td:last-child {
    text-align: right;
    font-weight: bold;
}

.benim-siram {
    background: #DD1D21;
    padding: 10px;
    border-radius: 5px;
}

    .benim-siram table {
        margin-bottom: 0;
    }

        .benim-siram table td {
            border-top: none !important;
            color: #fff;
        }

            .benim-siram table td:last-child {
                font-weight: bold;
                color: #fff;
                text-align: right;
                width: 100px;
            }

.gold-color {
    color: #bf9b30;
    font-weight: bold;
}

.silver-color {
    color: #c0c0c0;
    font-weight: bold;
}

.platinum-color {
    color: #a8a9ad;
    font-weight: bold;
}

</pre></body></html>