.haberler {background: #f3f4f8;padding:25px 0px;}

.haberler .hizmet-baslik {position: relative;margin-bottom: 25px;}
.haberler .hizmet-baslik h2.hizmet-title {    font-size: 35px; color: #555555; letter-spacing: 1px; font-weight: 500;}
.haberler .hizmet-baslik h2.hizmet-title span {color:#000;}
.haberler .hizmet-baslik p.hizmet-text {font-size: 16px;color:#555555;}

.hizmet-baslik .icon_bg{position: relative;display: inline-flex;align-items: center;margin-top: 25px;justify-content: center;}
.hizmet-baslik .icon_bg .icon {display: inline-block;width:40px;margin:0px 5px;}
.hizmet-baslik .icon_bg .icon img {width: 100%;}
.hizmet-baslik .icon_bg:before {content: '';position: relative;float: left;width: 50px;height: 1px;background: #d6d6d6;margin-top: 5px;}
.hizmet-baslik .icon_bg:after {content: '';position: relative;float: right;width: 50px;height: 1px;background: #d6d6d6;margin-top: 5px;}



.ziyaretcidefteri {float: left;width: 100%;}
.ziyaretcidefteri .swiper-slide{box-shadow:none;position: relative;background: #fff;padding: 20px;}
.ziyaretcidefteri .swiper-slide .swiper-images {width: 150px;display: none;}
.ziyaretcidefteri .swiper-slide .swiper-images img{max-width: 100%;}
.ziyaretcidefteri .swiper-slide .swiper-text {padding-left:20px;}
.ziyaretcidefteri .swiper-slide .swiper-text .swiper-baslik1{font-size:1.2rem;font-weight: 700;margin-bottom:6px;}
.ziyaretcidefteri .swiper-slide .swiper-text .swiper-baslik2{font-size:1.0rem;font-weight: 300;line-height: 1.5;}
.ziyaretcidefteri .swiper-slide .swiper-text a.swiper-button{font-size: 1em;font-weight: 700;color:#333;}


.haberler .swiper-pagination-bg {width:60px;height: auto;position: relative;text-align: center;margin-top: 0;margin-right: 25px;align-items: center;}
.haberler .swiper-pagination-bg .swiper-button-nextt {background: #fff;width: 100%;height:60px;line-height: 60px;font-size: 20px;position: relative;left: 0px;right: auto;top: auto;color: #999;display:flex !important;align-items: center;justify-content:center;cursor:pointer;}
.haberler .swiper-pagination-bg .swiper-button-prevv {background: #fff;width: 100%;height:60px;line-height: 60px;font-size: 20px;position: relative;left: 0px;right: auto;top: auto;margin-top: 1px;color: #999;display:flex !important;align-items: center;justify-content:center;cursor:pointer;}

.haberler .swiper-pagination-bg .swiper-pagination2{display: inline-block!important;position: relative;margin-top:0px;}
.haberler .swiper-pagination-bg .swiper-pagination2 .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #ccc;opacity: 1;margin-right: 5px;}
.haberler .swiper-pagination-bg .swiper-pagination2  .swiper-pagination-bullet-active {opacity: 1;background: #ffb300;}

.haberler .toplam_makale{padding: 0px 150px}

.haberler .buton {border: solid 1px #404040;line-height: 50px;padding: 0px 30px;margin-top: 25px;background: #f3f4f8;width: 193px;margin: 0 auto;margin-top: 35px;}
.haberler .buton:hover {background: #f9f9f9;color: #404040;}

@media(max-width: 1024px){
    .haberler .buton {
        width: 60%;}
    .haberler .toplam_makale {
        padding: 0px 10px;
    }
}


.kartlar {
    display:inline-block;
    width:100%;
    height:auto;
    padding:0;
}
.kartlar li {
    display:inline-block;
    width:163px;
    height:116px;
    list-style-type: none;
    border:10px solid #fff;
}
.kartlar-padding {
    padding:25px 0px;
}

.sepetim-page i.mdi {
    font-size:14px;
}

.sepetim-page .sepet-adres {
    width: 100%;
    height: auto;
}

.sepet-adres-baslik {
    width: 100%;
}

.sepet-adres-baslik .sepet-adres-icon {
    font-size: 43px;
    color: #000;
}
.sepet-adres-baslik .sepet-adres-icon svg {
    width:45px;
    height:45px;
}

.sepet-adres-baslik .sepet-adres-yazi {
    font-size: 15px;
    color: #FA7100;
    padding-left: 15px;
}

.sepet-adres-baslik .sepet-adres-yazi span {
    font-size: 18px;
    display: block;
    font-weight: 700;
    color: #000;
}

.sepet-adres-baslik .sepet-adres-yazi small {
    font-size: 15px;
    opacity: 0.8;
    display: block;
    color: #000;
}

.sepet-radio .custom-control-label::before {
    position: absolute;
    top: 0;
    left: -1.5rem;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #2855AC solid 1px;
}

.sepet-radio .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #2855AC;
    background-color: #708e3f;
}

.sepet-radio .custom-control-label::after {
    position: absolute;
    top: 1px;
    left: -23px;
    display: block;
    width: 1rem;
    height: 1rem;
    background: no-repeat 50%/50% 50%;
}

.sepet-radio label:focus {
    box-shadow: none;
    outline: none;
}

.sepet-radio label:active {
    box-shadow: none;
    outline: none;
}

.sepet-radio .custom-control-input:not(:disabled):active~.custom-control-label::before {
    background: #fff;
    border: none;
}

.sepet-radio .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}


.sepet-bolum-baslik {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.sepet-bolum-baslik:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -30px;
    width: 100%;
    height: 55px;
}

.sepet-bolum-baslik h2 {
    font-size: 20px;
    letter-spacing: 0px;
    color: #D51E31;
    position: relative;
    z-index: 9;
    font-weight: 600;
}

.sepet-bolum-baslik h2 span {
    color: #D51E31;
}

.sepet-bolum-baslik small {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #afafaf;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0px;
    display: block;
    z-index: 9;
    display: none;
}

.adres-secimi-box.adresekle {
    text-align: center;
    align-items: center;
    background: #fff;
    border: solid 1px #ebebeb;
    cursor: pointer;
}

.adres-secimi-box.adresekle .adresekle-icon {
    font-size: 50px;
    margin: 0px auto;
    color: #41130a;
}

.adres-secimi-box.adresekle .adresekle-icon span {
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
    color: #41130a;
}

.adres-secimi-box.adresekle:hover {
    border-color: #2855AC;
}

.sepetim-modal .modal-dialog {
    max-width: 700px;
}

.siparisozeti .siparisozeti-baslik {
    margin-bottom: 20px;
    font-size: 17px;
}
.adres-secimi-box {
    width: 100%;
    min-height: 200px;
    border-radius: 0px;
    border: 2px solid #ecedee;
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    color: #1e1b16;
}

.adres-secimi-box:hover {
    border-color: #D51E31;
}

.adres-secimi-box .plus-icon {
    font-size: 45px;
    margin-bottom: 5px;
}

.adres-secimi-box .adres-secimi-ic {
    padding: 30px 20px;
    display: block;
    color: #000;
}

.adres-secimi-box .adres-secimi-baslik {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    display: block;
    color: #000;
}

.adres-secimi-box span {
    font-size: 15px;
    display: block;
    font-weight: 400;
}

.adres-secimi-box span i {
    margin-right: 5px;
}

.adres-secimi-box .adres-secimi-alt {
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    display: block;
    background: #000;
    padding: 10px 10px;
}

.adres-secimi-box:hover .adres-secimi-alt {
    background: #D51E31;
}

.adres-secimi-box .adres-secimi-alt a.sil {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.adres-secimi-box .adres-secimi-alt a.guncelle {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin-top: 0px;
}

.adres-secimi-box .adres-secimi-alt a.sil:hover,
.adres-secimi-box a.guncelle:hover {
    color: #fff;
    opacity: 0.5;
}

.adres-secimi-box .adres-secimi-alt .adres-secimi-tur {
    padding: 0px 0px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0px;
}

.adres-secimi-box .adres-secimi-alt .adres-secimi-tur:before {
    position: relative;
    left: 0;
    bottom: 0;
    content: '\e956';
    font-family: "fontello";
    text-align: center;
    color: #fff;
    margin-right: 5px;
}

.adres-secimi-box.selectedAddress .adres-secimi-alt {
    background: #D51E31;
}

.adres-secimi-box.selectedAddress .adres-secimi-alt .adres-secimi-tur:before {
    position: relative;
    left: 0;
    bottom: 0;
    content: '\e955';
    font-family: "fontello";
    color: #fff;
    margin-right: 5px;
}

.adres-secimi-box.selectedBillingAddress .adres-secimi-alt {
    background: #D51E31;
}

.adres-secimi-box.selectedBillingAddress .adres-secimi-alt .adres-secimi-tur:before {
    position: relative;
    left: 0;
    bottom: 0;
    content: '\e955';
    font-family: "fontello";
    color: #fff;
    margin-right: 5px;
}
.selectedAddress,
.selectedBillingAddress {
    position: relative;
    border-color: #D51E31!important;
}
.sepetim-page .sepetim-ozet {
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
}

.sepetim-page .sepetim-ozet h5 {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 700;
}

.sepetim-page .sepetim-ozet h5 i {
    padding-right: 8px;
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic {
    border: solid 1px #ebebeb;
    padding: 20px 20px;
    border-radius: 20px;
    background: #fff;
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-liste {
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: 700;
    white-space: normal!important;
    padding: 0px 0px;
    text-align: center!important
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-liste span {
    width: 100%;
    height: auto;
    font-size:13px;
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-liste.toplam {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin-top: 15px;
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-bilgi {
    padding-top: 25px;
    text-align: center;
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-bilgi .icon {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-bilgi .icon img {
    max-width: 69%;
}

.sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-bilgi span {
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #000;
}

.sepetim-page .sepetim-adim {
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 0px;
    margin-bottom: 50px;
}

.sepetim-page .sepetim-adim li:last-child {
    margin-right: 0px;
}

.sepetim-page .sepetim-adim li {
    width: 100%;
    list-style: none;
    margin-right: 14px;
}

.sepetim-page .sepetim-adim li a {
    padding: 10px 45px;
    height: auto;
    border: 2px solid #ecedee;
    display: flex;
    align-items: center;
    position: relative;
    color: #EA1E63;
    border-radius: 10px;
    background: #fff;
}

.sepetim-page .sepetim-adim li a .icon {
    font-size: 32px;
    margin-left: -27px;
    position: relative;
    z-index: 9;
}

.sepetim-page .sepetim-adim li a .sayi {
    right: -39px;
    line-height: 35px;
    border-radius: 50%;
    font-weight: 700;
    color: #efefef;
    font-size: 48px;
    position: absolute;
}

.sepetim-page .sepetim-adim li a .yazi {
    color: #1e1e27;
    padding-left: 12px;
    position: relative;
    z-index: 99;
}

.sepetim-page .sepetim-adim li a .yazi span {
    display: block;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.sepetim-page .sepetim-adim li a .yazi small {
    color: #42150c;
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin-top: 6px;
    letter-spacing: 0px;
    font-weight: 300;
}

.sepetim-page .sepetim-adim li.active a {
    border: 1px solid #ea1e63;
    background: #ea1e63;
}

.sepetim-page .sepetim-adim li.active a .icon {
    color: #fff;
}

.sepetim-page .sepetim-adim li.active a .yazi {
    color: #fff;
}

.sepetim-page .sepetim-adim li.active a .yazi small {
    color: #fff;
}

.sepetim-page .sepetim-adim li.active a .sayi {
    color: rgba(255, 255, 255, 0.1607843137254902);
}

@media(max-width: 1023px) {
    .sepetim-page .sepetim-ozet .sepetim-ozet-ic .sepetim-ozet-liste span,.adres-secimi-box .adres-secimi-baslik,.adres-secimi-box span {
        font-size:9px;
    }
    .proforma-button {
        margin-top:15px;
    }
    #odemeSekli,#odemeyitamamla {
        padding: 5px;
        font-size: 9px;
        align-items: center;
    }
    #odemeSekli svg,#donSepet svg,#odemeyitamamla svg {
        width:13px;
    }
    .sepetim-page .sepetim-ozet .kredi-karti h3 {
        font-size:12px;
    }
    .form-body {
        margin-top:0 !important;
    }
    .form-body label {
        font-size:11px !important;
    }
    .main-menu.menu-light .navigation > li {
        overflow: scroll;
        max-height: 200px;
    }
    .datatables-demo th {
        font-size:8px;
    }
    .cariOdemeForm label {
        font-size:10px;
    }
}

@media(max-width: 400px) {
    .kartAnimasyon {
        display:none !important;
    }
}

.sepetSay {
    position: absolute;
    right: 5px;
    top: 1px;
    background: black;
    border-radius: 5px;
    padding: 5px 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}