/* Sepetim*/
.paymentMenu ul li {width: 25%;float: left;}
.paymentMenu ul li a.active {color: #da3e5d;}
.paymentMenu ul li a {text-transform: uppercase;}
.paymentMenu ul li a {color: #000;font-weight:700;height: 50px;display: inline-block;width: 100%;text-indent: 10px;position: relative;border-right: 1px solid#ebebeb;}
.paymentTop {height: 50px;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );line-height: 50px;padding: 0px;border-radius: 0px 0px 10px 10px;}
.paymentMenu ul li:last-child a {border: none;}
.paymentMenu ul li a.active:before {content: '';position: absolute;background: #da3e5d;width: 100%;height: 3px;left: 0;}
.paymentOrderTop {float: left;width: 100%;height: 50px;line-height: 50px;}
.paymentOrderTop span {font-weight: 700;}
.paymentOrderBottom {float: left;width: 100%;padding: 30px 0px;border-top: 1px solid#dadada;}
.paymentOrderBottom span {font-size: 12px;font-weight: 700;}
li.topPaymentOrder {width: 40%;float: left;text-indent: 10px;}
li.topPaymentPrice {float: left;width: 18%;margin-right: 1%;}
li.topPaymentPiece {float: left;width: 15%;text-align: left;margin-right: 5%;}
li.topPaymentTotal {float: left;width: 20%;}
.paymentimage {float: left;width: 9%;margin-right: 1%;}
.paymentName {float: left;width: 30%;padding-top: 20px;}
.paymentName a {font-size: 12px;font-weight: 700;color: #000;}
.paymentName p {padding-top: 10px;color: rgb(148,142,144);}
.paymentfiyat {float: left;width: 18%;padding-top: 35px;margin-left: 0.5%;margin-right: 1.5%;}
.paymentPiece {float: left;width: 20%;padding-top: 25px;}
.paymentPrice {float: left;width: 10%;padding-top: 35px;}
.paymentPrice span {color: #da3e5d;font-size: 14px;}
.paymentDelete {float: left;width: 10%;padding-top: 35px;}
.paymentOrderEnd {float: left;width: 100%;margin-top: 20px;padding: 0px;}
.orderGoOn {float: left;}
.orderGoOn a {background: #ffdee5;color: #da3e5c;padding: 0px 20px;font-weight: 700;border-radius: 30px;height: 38px;display: inline-block;line-height: 38px;}
.orderComplete {float: right;}
.orderComplete a {padding: 0px 20px;border-radius: 30px;color: #fff;background: #da3e5d;font-weight: 700;height: 38px;line-height: 38px;display: inline-block;}
.paymentBottom {margin-top: 50px;float: left;width: 100%;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );border-radius: 10px;}
.quantity input {border: none;width: 60px;float: left;text-align: center;height: 43px;}
.quantity {border: 1px solid#ebebeb;width: 120px;height: 45px;display: inline-block;border-radius: 30px;text-align: center;line-height: 45px;}
a.min {float: left;width: 29px;text-align: left;text-align: right;}
a.plus {float: left;width: 29px;text-align: left;}

@media (max-width:767px) {
.paymentMenu ul li {width:100%;}
.paymentName {
    padding-top: 0px;
    width: 27%;
}
.paymentOrderTop span {
    font-size: 12px;
}
.quantity {
    width: 100%;
}

.paymentfiyat {
    width: 10%;
    padding-top: 0px;
}

.paymentPiece {
    margin-right: 3%;
    width: 25%;
    padding-top: 0px;
}

.paymentPrice{
    padding-top: 0px;
}

.paymentDelete{
    padding-top: 0px;
}

a.min {
    width: 20%;
}

a.plus {
    width: 20%;
}

input.addbasket {
    width: 60%;
}

.paymentimage {
    width: 12%;
}

.orderGoOn a {
    padding: 0px 10px;
}

.orderComplete a {
    padding: 0px 10px;
}
}
@media (max-width:320px) {
    .orderGoOn {
        width: 100%;
    }

    .orderComplete {
        width: 100%;
        margin-top: 20px;
        text-align: right;
    }

}


/*Teslimat Bilgileri*/
.paymentDelivery {margin-top: 30px;}
.paymentDeliveryRight {margin-top: 30px;}
.paymentTopProduct {float: left;width: 100%;padding: 20px 15px;border-bottom: 1px solid#ebebeb;}
.paymentimages {float: left;width: 25%;}
.productsCarts {float: left;width: 65%;}
.paymentDeleteCarts {float: right;text-align: right;}
.paymentCard {float: left;width: 100%;padding: 15px;}
.paymentDeliveryTop {float: left;width: 100%;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );border-radius: 10px;}
.deliveryTop {background: #f7f7f7;float: left;width: 100%;border-radius: 10px 10px 0px 0px;padding: 20px;}
.deliveryTop span {font-size: 16px;color: rgb(33,33,33);font-weight: 700;}
.deliveryTop p {font-size: 13px;color: rgb(89,93,95);}
.deliveryAdress {float: left;width: 100%;}
.deliveryItem {padding: 15px 20px;float:left;width:90%;}
.adressitemButtonBottom {float: left;width: 100%;padding: 20px;}
.tinvoice {float: left;padding-top: 8px;}
.tinvoice label {color: rgb(33,33,33);font-weight: 700;user-select:none;curser:pointer;}
.adressitemDistrict {font-size: 16px;color: rgb(33,33,33);font-weight: 700;}
.adressitemadress {font-size: 14px;color: rgb(89,93,95);font-weight: 700;}
.adressitemCity {font-size: 14px;color: rgb(89,93,95);font-weight: 700;}
.addressitemBusines {color: rgb(218,62,93);font-size: 16px;font-weight: 700;}
.adressDelete {float: right;width: 10%;padding-top: 45px;text-align: right;}
.adressitemButtonBottom button {float: right;border: none;border-radius: 30px;padding: 8px 30px;color: #da3e5d;outline:none;font-weight: 700;}
.cartTotal span {float: left;}
.cartTotals {float: right;color: #484848;font-weight: 700;}
.paymentcartTotal {float: left;width: 100%;margin-top: 10px;}
.paymentcartDiscount {float: left;width: 100%;margin-top: 10px;}
.cartDiscount span {float: left;}
.cartdiscounts {float: right;color: #da3e5d;font-weight: 700;}
.paymentcartKargo {float: left;width: 100%;margin-top: 10px;}
.cartKargo span {float: left;}
.cartKargos {float: right;font-weight: 700;color: #484848;}
.paymentcartTheoveralltotal {float: left;width: 100%;margin-top: 20px;border-top: 1px solid#ebebeb;padding: 20px 0px 10px 0px;}
.cartoveralltotal span {float: left;}
.cartoveralltotals {float: right;color:#000;font-weight:700;}
.paymentproduct {float: left;width: 100%;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );border-radius: 10px;}
.paymentsummary {float: left;width: 100%;text-align: right;border-bottom: 2px solid #da3e5d;padding: 15px;}
.paymentNameCarts span {font-size: 11px;color: rgb(85,85,85);}
.paymentListCarts {padding-top: 5px;}
.paymentListCarts cite {font-style: inherit;font-size: 11px;color: rgb(85,85,85);}
.paymentListCarts span {font-size: 12px;color: #da3e5d;font-weight: 700;}
.paymentDeleteCarts a {color: #da3e5d;font-weight: 700;}
.paymentCard span {font-size: 14px;}
.paymentDeliveryBottom {margin-top: 30px;float: left;width: 100%;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );border-radius: 10px;}
.deliveryAdress input {float: left;margin-top: 60px;}
.deliveryAdress label {float: left;width: calc(100% - 15px);}
.deliveryCargo input {float: left;margin-top: 60px;}
.deliveryCargo label {float: left;width: calc(100% - 15px);padding: 30px 20px;}
.deliveryCargo {float: left;width: 100%;}
.Cargoitem {float: left;padding-left: 50px;}
.kargoScotty {float: left;padding-left: 100px;padding-top: 10px;color: rgb(89,93,95);}
.deliveryYurt {float: left;padding-left: 50px;padding-top: 20px;}
.deliveryRadio {float: left;width: 47%;border: 1px solid#ebebeb;padding: 10px;margin: 4px;border-radius: 10px;}
.deliveryRadioCargo {float: left;width: 100%;border-bottom: 1px solid#ebebeb;padding: 0px 15px;}
.kargoitem {color: rgb(68,68,68);font-weight: 700;}
.kargoName {color: rgb(68,68,68);font-weight: 700;}
.kargoFiyat {color: #da3e5d;font-weight: 700;}
.kargoYurtici {float: left;padding-left: 100px;padding-top: 20px;}
.kargoYurtici p {color: rgb(89,93,95);}
.paymentsummary a {color: rgb(51,51,51);font-weight: 700;}
.paymentCoupon {float: left;width: 100%;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );padding: 10px;border-radius: 10px;margin-bottom: 20px;}
.paymentCoupon span {background: url(/assets/page/images/indirimicon.png)no-repeat left;padding-left: 30px;}
.paymentCoupon span i {float: right;padding-top: 3px;}
.paymentComplete {float: right;margin-top:20px;}
.paymentComplete a {padding: 0px 20px;border-radius: 30px;color: #fff;background: #da3e5d;font-weight: 700;height: 38px;line-height: 38px;display: inline-block;}
.paymentComplete button {float: right; margin-top: 20px; background: #da3e5d; border: none; padding: 10px 40px; border-radius: 30px; color: #fff;font-weight: 700;}
.paymentInput {float: left;width: 100%;margin: 10px 0px;background: #fafafa;border-radius: 30px; padding: 10px;}
.paymentInput input {border: none;background: none;width: 85%;}
.paymentInput button {border: none;background: none;float: right;color: #da3e5d;font-weight: 700;outline:none;}
.faturaRadio {float: left;width: 100%;border-bottom: 1px solid#ebebeb;padding: 15px;}
.faturaRadio>input {float: left;margin-top: 60px;}
.faturaRadio label  {float: left;width: calc(100% - 15px);}
.paymentDeliveryCenter {float: left;width: 100%;margin-top: 30px;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );border-radius: 10px;}
.paymentsummary a i {
    padding-left: 10px;
    color: #da3e5d;
}

.paymentCoupon span i {
    color: #da3e5d;
}
@media (max-width:767px) {
    .tinvoice label {
        font-size: 12px;
    }

    .Cargoitem {
        padding-left: 0px;
        font-size: 11px;
        width: 30%;
        padding-top: 15px;
    }

    .kargoScotty {
        padding-left: 10px;
        font-size: 11px;
        width: 70%;
    }

    .deliveryYurt {
        padding-left: 0px;
        width: 30%;
    }

    .kargoYurtici {
        padding-left: 10px;
        width: 70%;
    }
    .teslimatbilgilendirme label {
        width: calc(100% - 24px);
        float: left;
        padding-left: 10px;
    }

    .teslimatbilgilendirme input {
        float: left;
        margin-top: 3px;
    }

    .teslimatmesafe input {
        float: left;
        margin-top: 4px;
    }

    .teslimatmesafe label {
        width: calc(100% - 24px);
        padding-left: 10px;
    }
    .deliveryRadio {width: 97%;border:unset;border-bottom: 1px solid#ebebeb;}
}


/* teslimatadıımları */


.paymentTeslimat {margin-top: 50px;float: left;width: 100%;box-shadow: 1.5px 2.598px 7px 0px rgb( 224, 224, 224 );border-radius: 10px;}
.teslimatpayment {float: left;width: 100%;padding: 15px;}
.teslimatbilgilendirme {float: left;width: 100%;padding: 10px;margin-top: 20px;}
.teslimatmesafe {float: left;width: 100%;padding: 0px 10px;margin-bottom: 20px;}
.teslimatpayment span {float: left;width: 100%;margin: 10px 0px;font-size:15px;color:rgb(39,39,39);font-weight: 700;}
.teslimattextarea textarea {background: url(/assets/page/images/konseptresim.png)no-repeat;width: 678px;border: none;outline: none;height: 157px;padding: 15px 70px 15px 15px;resize:none;}
.teslimatinput input {width: 380px;height: 40px;border: 1px solid#ebebeb;border-radius: 10px;outline: none;text-indent: 10px;}
.teslimatNot textarea {width: 680px;border: 1px solid#ebebeb;border-radius: 10px;outline: none;height: 100px;padding: 15px;resize:none;}
.teslimatbilgilendirme label a {color: rgb(66,179,236);}
.teslimatbilgilendirme label {color: #6f7374;font-weight:700;display: inline;}
.teslimatmesafe label {color: #6f7374;font-weight: 700;display: inline;}
.teslimatmesafe label a {color: rgb(66,179,236);}
#xs-check {display: block;}
@media (max-width:767px) {
    .teslimatinput input {
        width: 100%;
    }

    .teslimattextarea textarea {
        width: 100%;background:none;border:1px solid#ebebeb;padding:15px;border-radius:10px;
    }

    .teslimatNot textarea {
        width: 100%;
    }
    #xs-check {display: none;}
}

/* 404 hatası*/
.hata404 {margin-top: 100px;text-align: center;margin-bottom: 70px;}
.hata404 span {display: block;color: #8b9094;margin-top: 10px;}
.hata404 p {color: #222222;font-size: 40px;font-weight: 700;margin-top: 100px;}
.hata404 a {margin-top: 60px;display: inline-block;padding: 10px 30px;background: #da3e5d;border-radius: 30px;color: #ffff;}



.paymentMenu-new {
    padding: 10px 0;
    width: 700px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.paymentMenu-new ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0;
    margin-top: 4.7px;
    margin-bottom: 0;
    list-style-type: none;
}

.paymentMenu-new ul li {
    position: relative;
    margin-top: 10px;
    font-size: 12px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    color: #7f8995;
}

.paymentMenu-new ul li.cart:before {
    background: url('/assets/page/images/supermarket-gift.svg') no-repeat center #fff;
    background-size: 28px;
}
.paymentMenu-new ul li.cart.active:before {
    background: url('/assets/page/images/supermarket-gift-active.svg') no-repeat center #fff;
    background-size: 28px;
}

.paymentMenu-new ul li.cart.prev:before {
    background: url('/assets/page/images/supermarket-gift-active.svg') no-repeat center #fff;
    background-size: 28px;
}

.paymentMenu-new ul li.delivery-info:before {
    background: url('/assets/page/images/shipping-box.svg') no-repeat center #fff;
    background-size: 28px;
}
.paymentMenu-new ul li.delivery-info.active:before {
    background: url('/assets/page/images/shipping-box-active.svg') no-repeat center #fff;
    background-size: 28px;
}
.paymentMenu-new ul li.delivery-info.prev:before {
    background: url('/assets/page/images/shipping-box-active.svg') no-repeat center #fff;
    background-size: 28px;
}

.paymentMenu-new ul li.payment:before {
    background: url('/assets/page/images/credit-card.svg') no-repeat center #fff;
    background-size: 28px;
}
.paymentMenu-new ul li.payment.active:before {
    background: url('/assets/page/images/credit-card-active.svg') no-repeat center #fff;
    background-size: 28px;
}


.paymentMenu-new ul li:before {
    content: "";
    position: absolute;
    top: -45px;
    left: 41.5%;
    z-index: 1;
    height: 40px;
    width: 40px;
    background-size: 28px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px white;
    box-shadow: 0 0 0 2px white;
}

.paymentMenu-new ul li.active span {
    display: block;
    color: #da3e5d;
    font-size: 16px;
    font-weight: 700;
}

.paymentMenu-new ul li.active:after {
    background: rgba(221, 226, 229, 0.4);
}

.paymentMenu-new ul li:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #da3e5d;
}

.paymentMenu-new ul li.active~li:before {
    content: "";
}


.paymentMenu-new ul li.active~li:after {
    background: rgba(221, 226, 229, 0.4);
}

.paymentMenu-new ul li.payment:after {
    content: none;
}


@media(max-width:768px) {

    .paymentMenu-new ul {
        margin: 0;
    }

    .paymentMenu-new ul li:before {
        top: -40px;
        left: 32%;
        background-size: 20px !important;
        width: 35px;
        height: 35px;
    }

    .paymentMenu-new ul li.active span {
        font-size: 14px;
    }

    .paymentMenu-new ul li:after {
        top: -22px;
    }

    .paymentMenu-new ul li:before {
        left: 35%;
    }
}