﻿#BreadCrumb ul li b {
    color: #011689;
    font-family: cursive;
}
#BreadCrumb ul {
    float: left !important;
    margin-left: 0px !important;
    padding-left: 0px;
}

@media only screen and (max-width: 1023px) {
    #BreadCrumb {
        display: none !important;
    }

    #MainHeader .MainHeaderInner .DetailSearchLink {
        display: none;
    }
}

.popBlack, .popContent1 {
    display: none;
}

.popupKapatma {
    display: none;
}

#Info .Table tr {
    border-bottom: 1px solid gainsboro;
}

    #Info .Table tr:last-child {
        border-bottom: unset;
    }

    #Info .Table tr td {
        padding-bottom: 4px;
        padding-top: 4px;
    }

.common-card-header-title {
    font-weight: 600;
    padding-left: 15px;
    border-left: 3px solid #fc5b04;
    margin-bottom: 25px;
}

.widget-padding {
    padding: 12px 24px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.geriDonBtn {
    display: none;
}

.donanimIcon {
    display: none;
}

@media screen and (max-width:1024px) {
    .m_call {
        display: block !important;
    }
}

@media screen and (max-width:820px) {
    .FormContent .Left, .FormContent .Right {
        width: 100%;
    }

    .ekspertizLi, .ekspertizBilgiLi {
        width: 100% !important;
    }

    #FixBlueButtons {
        display: none !important;
    }

    .bayi-resim {
        display: none;
    }

    .oztLink {
        pointer-events: none;
    }

    .geriDonBtn {
        text-align: right;
        display: block;
        margin-bottom: 5px;
    }

        .geriDonBtn span {
            background: #000;
            padding: 4px;
            border-radius: 5px;
            color: #fff;
        }

            .geriDonBtn span a {
                text-decoration: unset;
                color: #fff;
            }

    .accordion-open .donanimIcon {
        transform: scale(1,-1);
    }

    .donanimIcon {
        width: 18px;
        display: inline-block;
        padding-left: 7px;
        vertical-align: baseline;
    }

    #CarDetailWrapper .HizmetBox {
        width: 100% !important;
        height: 330px;
    }
}

@media screen and (max-width:415px) {
    #CarDetailWrapper .HizmetBox {
        height: 310px;
    }
}

@media screen and (max-width:390px) {
    #CarDetailWrapper .HizmetBox {
        height: 295px;
    }
}

.OncekiFiyat {
    text-decoration: line-through;
    color: #ffffff;
    opacity: .7;
    margin-left: 2px;
    font-size: 22px;
    display:block;
}

.vendor-grid-cover img {
    width: 100%;
    border-radius: 6px;
}

.vendor-grid-avatar {
    margin-top: -25px;
    margin-left: 15px;
    display: inline-block;
}

.product-single-vendor .vendor-grid-avatar img {
    border-color: #fff;
}

.vendor-grid-avatar img {
    width: 65px;
    border-radius: 50%;
    border: 5px solid #f1f2f3;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.vendor-grid-meta {
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 0px 15px;
}

    .vendor-grid-meta li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 5px;
    }

        .vendor-grid-meta li span {
            font-size: 14px;
            letter-spacing: .3px;
            white-space: nowrap;
            text-transform: capitalize;
        }

.vendor-grid-action {
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    padding: 0px 15px;
}

.product-single-vendor .vendor-grid-action a, .product-single-vendor .vendor-grid-action button {
    background: #f1f2f3;
    color: #000;
}

.vendor-grid-action a, .vendor-grid-action button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .3px;
    padding: 8px 0;
    border-radius: 6px;
    color: #5e5d72;
    background: #fff;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    text-decoration: unset;
}

#ShareContainer {
    border-top: 1px solid #d8d8d8;
    /*margin-top: 10px;
                            padding-top: 15px;*/
    line-height: 5;
    text-align: center;
}

    #ShareContainer a {
        color: #fff;
    }

    #ShareContainer #ShareIcons:before {
        display: inline-block;
        content: "İlanı:";
        font-size: 15px;
        margin-right: 4px;
    }

.PhoneNo {
    color: #000;
    text-decoration: unset;
    font-size: 20px;
    font-weight: 900;
}

.icon-color-default {
    stroke: #011689;
}

.bayi-resim {
    width: 100%;
    height: 175px;
    background-size: cover;
    background-position: center;
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem;
}

.iv_info_item {
    gap: 12px;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.iv_info_item .meta {
    font-size: 12px;
    font-weight: 600;
    display: block;
    color: #011689;
}

.iv_info_item .title {
    font-weight: 600;
    color: #111010;
    display: block;
}

#CarDetailWrapper .DonanimCol {
    /*width: 360px;
                                margin-left: 230px;*/
    margin-top: 32px;
}

.Donanim .DonanimCol .Title {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    background-color: #f1f2f3;
    text-align: center;
    padding: 8px 0px 6px 0px;
    margin-bottom: 24px;
}

.Donanim .DonanimCol .DonanimList {
    /*float: left;*/
    color: #262626;
    font-size: 15px;
    margin: unset;
    padding: unset;
}

    .Donanim .DonanimCol .DonanimList li {
        width: 25%;
        padding-left: 12px;
        background-image: url(../images/icons/donanim-list-arrow.png);
        background-repeat: no-repeat;
        background-position: left 3px;
        line-height: 18px;
        margin-bottom: 20px;
        display: inline-block;
    }

@media screen and (min-width:992px) {
    .Donanim .DonanimCol .Title {
        pointer-events: none;
    }

    .Donanim .DonanimCol .DonanimList {
        display: inline-block !important;
    }
}

@media screen and (max-width:991px) {
    #PaymentWrapper #Container, #KartPaymentWrapper #Container {
        padding: 20px 8px !important;
    }

    #KartPaymentWrapper .TopTable td:first-child, #PaymentWrapper .TopTable td:first-child {
        width: 120px !important;
    }
    .Donanim .DonanimCol .DonanimList li {
        width: 50%;
    }
}
 

.OdemeSecenekleri #OdemeSecCont > .Text {
    
    font-size: 14px;
    color: #262626;
    margin-top: 14px;
}

.OdemeSecenekleri #OdemeSecCont .Left {
    overflow: hidden; 
    width: 100%;
    margin-top: 24px;
}

    .OdemeSecenekleri #OdemeSecCont .Left .FieldContainer {
        margin-bottom: 20px;
    }

        .OdemeSecenekleri #OdemeSecCont .Left .FieldContainer .Field {
            font-size: 14px;
            font-weight: 700;
            color: #262626;
            padding-left: 7px;
            padding-bottom: 5px;
        }

        .OdemeSecenekleri #OdemeSecCont .Left .FieldContainer .FieldValue input {
            outline: none;
            font-size: 15px;
            color: #262626;
            border: 1px solid #cecece;
            border-radius: 4px;
            width: 100%;
            padding: 16px 0px 14px 10px;
        }

        /*.OdemeSecenekleri #OdemeSecCont .Left .FieldContainer .FieldValue select {
            font-family: 'Fira Sans', sans-serif;
            font-size: 15px;
            color: #262626;
            width: 100%;
            height: 50px;
            padding-left: 10px;
            padding-top: 4px;
           
            outline: inherit;
            border: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px solid #cecece;
        }*/

.CreditText {
    font-size: 12px;
    margin: 15px 0px;
    font-weight: 700;
}

.OdemeSecenekleri #OdemeSecCont .Right {
    overflow: hidden; 
    width: 100%;
    margin-top: 24px;
}

    .OdemeSecenekleri #OdemeSecCont .Right table {
        font-size: 18px;
        font-weight: 600;
        color: #262626;
        line-height: 28px;
        margin-bottom: 14px;
    }

        .OdemeSecenekleri #OdemeSecCont .Right table td:first-child, .OdemeSecenekleri #OdemeSecCont .Right table td:nth-child(2) {
            color: #fe5e00;
        }

        .OdemeSecenekleri #OdemeSecCont .Right table td:nth-child(2) {
            padding-right: 6px;
        }

    .OdemeSecenekleri #OdemeSecCont .Right .PaymentTablelink {
        color: #262626;
        font-size: 14px;
        font-weight: 500;
    }

    .OdemeSecenekleri #OdemeSecCont .Right > .Text {
        font-size: 12px;
        line-height: 14px;
        color: #262626;
        margin: 20px 0px;
    }

    .OdemeSecenekleri #OdemeSecCont .Right .Buttons a.Orange {
        color: #fa5c00; 
    }

    .OdemeSecenekleri #OdemeSecCont .Right .Buttons a {
        text-decoration: none;
        text-align: center;
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        border: 2px solid;
        border-radius: 4px;
        width: 100%;
        padding: 8px 0px 6px 0px;
    }

        .OdemeSecenekleri #OdemeSecCont .Right .Buttons a.Blue {
            color: #12008b;
        }

#krediHizmeti {
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}


.odeme-container {
    max-width: 400px;
    margin: 0px auto 20px;
    font-family: sans-serif;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 8px;
}

    .odeme-container .odeme-tabs {
        display: flex;
        margin-bottom: 15px;
    }

    .odeme-container .tab-button {
        flex: 1;
        padding: 10px;
        cursor: pointer;
        background: #f6f7fb;
        color: #f36f21;
        font-weight: bold;
        border: 2px solid #f36f21;
        transition: all 0.3s ease;
    }

        .odeme-container .tab-button.active {
            background: #f36f21;
            border: 2px solid #f36f21;
            color: #fff;
        }

.odeme-container .tab-content {
    display: none;
}

    .odeme-container .tab-content.active {
        display: block;
    }

    .odeme-container input, .odeme-container select {
        color: #262626;
        border: 1px solid #cecece;
        border-radius: 4px;
        width: 100%;
        padding: 16px 0px 14px 10px;
    }

.odeme-container .hesapla-btn {
    width: 100%;
    padding: 10px;
    background-color: #f36f21;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .odeme-container .hesapla-btn:hover {
        background-color: #d95f1c;
    }

.odeme-container .not {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.button-disable {
    pointer-events: none;
    opacity: .3;
}

.popupMain .popupTitle i {
    padding: 0px 15px !important;
    font-size: 28px !important;
}