@font-face{ font-family:'Spartan-Black'; src:url(../fonts/Spartan-Black.eot); src:url(../fonts/Spartan-Black.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-Black.woff2) format("woff2"), url(../fonts/Spartan-Black.woff) format("woff"), url(../fonts/Spartan-Black.ttf) format("truetype"), url(../fonts/Spartan-Black.svg#Spartan-Black) format("svg"); font-weight:900; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-Bold'; src:url(../fonts/Spartan-Bold.eot); src:url(../fonts/Spartan-Bold.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-Bold.woff2) format("woff2"), url(../fonts/Spartan-Bold.woff) format("woff"), url(../fonts/Spartan-Bold.ttf) format("truetype"), url(../fonts/Spartan-Bold.svg#Spartan-Bold) format("svg"); font-weight:700; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-ExtraBold'; src:url(../fonts/Spartan-ExtraBold.eot); src:url(../fonts/Spartan-ExtraBold.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-ExtraBold.woff2) format("woff2"), url(../fonts/Spartan-ExtraBold.woff) format("woff"), url(../fonts/Spartan-ExtraBold.ttf) format("truetype"), url(../fonts/Spartan-ExtraBold.svg#Spartan-ExtraBold) format("svg"); font-weight:800; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-ExtraLight'; src:url(../fonts/Spartan-ExtraLight.eot); src:url(../fonts/Spartan-ExtraLight.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-ExtraLight.woff2) format("woff2"), url(../fonts/Spartan-ExtraLight.woff) format("woff"), url(../fonts/Spartan-ExtraLight.ttf) format("truetype"), url(../fonts/Spartan-ExtraLight.svg#Spartan-ExtraLight) format("svg"); font-weight:200; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-Light'; src:url(../fonts/Spartan-Light.eot); src:url(../fonts/Spartan-Light.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-Light.woff2) format("woff2"), url(../fonts/Spartan-Light.woff) format("woff"), url(../fonts/Spartan-Light.ttf) format("truetype"), url(../fonts/Spartan-Light.svg#Spartan-Light) format("svg"); font-weight:300; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-Medium'; src:url(../fonts/Spartan-Medium.eot); src:url(../fonts/Spartan-Medium.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-Medium.woff2) format("woff2"), url(../fonts/Spartan-Medium.woff) format("woff"), url(../fonts/Spartan-Medium.ttf) format("truetype"), url(../fonts/Spartan-Medium.svg#Spartan-Medium) format("svg"); font-weight:500; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-Regular'; src:url(../fonts/Spartan-Regular.eot); src:url(../fonts/Spartan-Regular.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-Regular.woff2) format("woff2"), url(../fonts/Spartan-Regular.woff) format("woff"), url(../fonts/Spartan-Regular.ttf) format("truetype"), url(../fonts/Spartan-Regular.svg#Spartan-Regular) format("svg"); font-weight:400; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-SemiBold'; src:url(../fonts/Spartan-SemiBold.eot); src:url(../fonts/Spartan-SemiBold.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-SemiBold.woff2) format("woff2"), url(../fonts/Spartan-SemiBold.woff) format("woff"), url(../fonts/Spartan-SemiBold.ttf) format("truetype"), url(../fonts/Spartan-SemiBold.svg#Spartan-SemiBold) format("svg"); font-weight:600; font-style:normal; text-rendering: optimizeLegibility; }
@font-face{ font-family:'Spartan-Thin'; src:url(../fonts/Spartan-Thin.eot); src:url(../fonts/Spartan-Thin.eot#iefix) format("embedded-opentype"), url(../fonts/Spartan-Thin.woff2) format("woff2"), url(../fonts/Spartan-Thin.woff) format("woff"), url(../fonts/Spartan-Thin.ttf) format("truetype"), url(../fonts/Spartan-Thin.svg#Spartan-Thin) format("svg"); font-weight:100; font-style:normal; text-rendering: optimizeLegibility; } 

body {font-family:'Spartan-Medium',arial,sans-serif!important; font-size:14px;color:#000; background: #e7e7e7!important;line-height:1.3;}

a:hover{color:#2381ef;}
a{text-decoration:none;color:#333;}
a.active,a.nav-active{color:#f28b00}
a:focus,a:hover{color:#2381ef;text-decoration:none;outline:0;}
h1{font-size:30px;}h2{font-size:24px}
h2,h3{}h3{font-size:18px}
h4{font-size:16px;color:#000}

.ats-form-baslik{margin-bottom:1.25rem;padding-bottom:1.25rem;font-size:1.25rem;border-bottom:solid 1px #e1e1e1}

.ats-checkbox-label-satinal{padding-top:4px;position:relative;padding-left:0.675rem;cursor:pointer}

.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:table;transition:opacity .3s ease;z-index:9}
.modal-wrapper{display:table-cell;vertical-align:middle}
.modal-container{background:#fff;width:800px;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,0.33);transition:all .3s ease;margin:0 auto;padding:0}
@media(max-width:991px){.modal-container{width:90%}}
.modal-header{padding:.9375rem;display:flex;justify-content:space-between}
.modal-body{overflow-y:auto;max-height:400px;-webkit-overflow-scrolling:touch;padding:.9375rem}
.modal-body::-webkit-scrollbar-track{background-color:#eee;border-radius:6px}.modal-body::-webkit-scrollbar{width:10px;background-color:#eee;border-radius:6px}
.modal-body::-webkit-scrollbar-thumb{background-color:#0e0e0e}
.modal-footer{padding:.9375rem}.modal-enter,.modal-leave{opacity:0}
.modal-enter .modal-container,.modal-leave .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}
.modal h3{font-size:22px;}
.modal button{cursor:pointer;}
.modal .modclose{margin: -1rem -1rem -1rem auto;float:left;}
.modal .modclose:before{font-family: 'LineAwesome';content: '\f342';font-size:2.1rem;color:#F20000;}

.modal .close{margin: -5px -5px -1rem auto!important;float:left;}
.modal .close:before{font-family: 'LineAwesome';content: '\f342';font-size:2.1rem;color:#000;}

.modal-body{font-family: 'Spartan-Regular',arial,sans-serif !important;font-size:13px;}
.modal-header{padding: 10px!important;}

#modal-body-guncelle, #modal-body-ekle{font-family: 'Spartan-Regular',arial,sans-serif !important;font-size:14px;}
#modal-body-guncelle .form-control, #modal-body-ekle .form-control {font-family: 'Spartan-Regular',arial,sans-serif !important;font-size:13px;}
.modal-header .close {padding: 0rem!important;}

.modal-footer {
    padding: .35rem!important;;
}

.modal button {font-family: 'Spartan-Regular',arial,sans-serif !important;font-size:14px;}
.modal-title {
    line-height: 1;
font-family: 'Spartan-Regular',arial,sans-serif !important;font-size:15px;}


.ats-radio{display:flex;color:#000;font-size:.875rem;user-select:none;position:relative}
.ats-radio.yildiz::after{content:"*";position:absolute;font-size:1.375rem;color:#e90808;top:-10px;right:0}
.ats-radio-input{display:none}
.ats-radio-input:checked ~ .ats-radio-label::before{display:block}
.ats-radio-input:checked ~ .ats-radio-label::after{border-color:#007bff;display:block}
.ats-radio-label{position:relative;padding-top:4px;padding-left:1.7rem;font-family:'Spartan-Regular',arial,sans-serif!important; font-size:14px;cursor:pointer}
.ats-radio-label::after{content:"";position:absolute;top:0px;left:0;width:22px;height:22px;border:1px solid #000;border-radius:50%}
.ats-radio-label::before{content:"";position:absolute;z-index:1;top:6px;left:6px;display:none;width:10px;height:10px;background-color:#007bff;border-radius:50%}


.ats-button{border-radius:30px;cursor:pointer}
.ats-button.-green{background-color:#1bae11;color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2)}
.ats-button.-green:hover{background-color:#1cb712}
.ats-button.-medium{font-size:.875rem;padding:.625rem .9375rem}
.ats-button.-medium::after{margin-left:.625rem}

/*# sipariş adımları bar*/
.ats-bar{position:relative;padding:0;margin:0;text-align:center;text-decoration:none}.ats-bar a{text-decoration:none}
.ats-bar:after,.ats-bar:before{transition:width .6s ease;animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;background-color:#ccd5db;position:absolute;top:18px;z-index:0;width:50%;height:7px;content:""}
.ats-bar:before{left:0}.ats-bar:after{right:0}.ats-bar:first-child:before,.ats-bar:last-child:after{display:none!important}
.ats-bar-icon,.ats-bar-number{position:relative;z-index:1;display:inline-block;width:40px;height:40px;line-height:32px;color:#fff;text-align:center;background:#bac5cd;border:2px solid #bac5cd;border-radius:50%}.ats-bar-number{font-size:18px}.ats-bar-icon{font-size:18px}.ats-bar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-top:.3em;margin-bottom:0;font-size:16px;color:#526069}
.ats-bar.active:after,.ats-bar.active:before,.ats-bar.current:after,.ats-bar.current:before{background-color:#2eb85c!important;transition:width .6s ease;animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
@keyframes progress-bar-stripes{0%{background-position:1rem 0}100%{background-position:0 0}}.ats-bar.active .ats-bar-icon,.ats-bar.active .ats-bar-number,.ats-bar.current .ats-bar-icon,.ats-bar.current .ats-bar-number{background-color:#58b93e;border-color:#58b93e;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}.atlas-lg-bar .ats-bar:after,.atlas-lg-bar .ats-bar:before{top:20px}.atlas-lg-bar .ats-bar-title{font-size:16px}.atlas-lg-bar .ats-bar-icon,.atlas-lg-bar .ats-bar-number{width:40px;height:40px;line-height:36px}.atlas-lg-bar .ats-bar-icon{font-size:20px;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}.atlas-lg-bar .ats-bar-number{font-size:20px}.atlas-lg-bar .hover:hover{background-color:#fabd02!important;border-color:#fabd02!important}.atlas-lg-bar .ats-bar-icon{-webkit-transition:all .3s ease 0s}@media(max-width:768px){.atlas-lg-bar .ats-bar-title{font-size:13px}.atlas-lg-bar .ats-bar-icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.ats-bar.active .ats-bar-icon,.ats-bar.active .ats-bar-number,.ats-bar.current .ats-bar-icon,.ats-bar.current .ats-bar-number{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}









/*################## DİĞER KODLAMALAR #################*/

.bgsatinal{background:#fff;}
.bgats{background-color:#efefef!important;
padding: 12px 0;


}


.order .note {
    background: #f2f2f2;
    background: -moz-linear-gradient(-45deg, #f2f2f2 0, #f2f2f2 5%, #ed2c7a 5%, #ed2c7a 10%, #f2f2f2 10%, #f2f2f2 15%, #28a745 15%, #28a745 20%, #f2f2f2 20%, #f2f2f2 25%, #ed2c7a 25%, #ed2c7a 30%, #f2f2f2 30%, #f2f2f2 35%, #28a745 35%, #28a745 40%, #f2f2f2 40%, #f2f2f2 45%, #ed2c7a 45%, #ed2c7a 50%, #f2f2f2 50%, #f2f2f2 55%, #28a745 55%, #28a745 60%, #f2f2f2 60%, #f2f2f2 65%, #ed2c7a 65%, #ed2c7a 70%, #f2f2f2 70%, #f2f2f2 75%, #28a745 75%, #28a745 80%, #f2f2f2 80%, #f2f2f2 85%, #ed2c7a 85%, #ed2c7a 90%, #f2f2f2 90%, #f2f2f2 95%, #28a745 95%, #28a745 100%);
    background: -webkit-linear-gradient(-45deg, #f2f2f2 0, #f2f2f2 5%, #ed2c7a 5%, #ed2c7a 10%, #f2f2f2 10%, #f2f2f2 15%, #28a745 15%, #28a745 20%, #f2f2f2 20%, #f2f2f2 25%, #ed2c7a 25%, #ed2c7a 30%, #f2f2f2 30%, #f2f2f2 35%, #28a745 35%, #28a745 40%, #f2f2f2 40%, #f2f2f2 45%, #ed2c7a 45%, #ed2c7a 50%, #f2f2f2 50%, #f2f2f2 55%, #28a745 55%, #28a745 60%, #f2f2f2 60%, #f2f2f2 65%, #ed2c7a 65%, #ed2c7a 70%, #f2f2f2 70%, #f2f2f2 75%, #28a745 75%, #28a745 80%, #f2f2f2 80%, #f2f2f2 85%, #ed2c7a 85%, #ed2c7a 90%, #f2f2f2 90%, #f2f2f2 95%, #28a745 95%, #28a745 100%);

    background: linear-gradient(135deg, #f2f2f2 0, #f2f2f2 5%, #db81a5 5%, #db81a5 10%, #f2f2f2 10%, #f2f2f2 15%, #0c61b8 15%, #0c61b8 20%, #f2f2f2 20%, #f2f2f2 25%, #db81a5 25%, #db81a5 30%, #f2f2f2 30%, #f2f2f2 35%, #0c61b8 35%, #0c61b8 40%, #f2f2f2 40%, #f2f2f2 45%, #db81a5 45%, #db81a5 50%, #f2f2f2 50%, #f2f2f2 55%, #0c61b8 55%, #0c61b8 60%, #f2f2f2 60%, #f2f2f2 65%, #db81a5 65%, #db81a5 70%, #f2f2f2 70%, #f2f2f2 75%, #0c61b8 75%, #0c61b8 80%, #f2f2f2 80%, #f2f2f2 85%, #db81a5 85%, #db81a5 90%, #f2f2f2 90%, #f2f2f2 95%, #0c61b8 95%, #0c61b8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=1);
    margin: 0 auto;
    padding: 10px;
width: 100%;
}

.order .note textarea {
    background-image: linear-gradient(#f2f2f2 2%, #fff 2%);
    background-size: 100% 30px;
    box-shadow: none;
    line-height: 2;
height: 100px!important;
}

.order .note input[type=text] {
    border: none;
    border-bottom: #f2f2f2 solid 1px;
    border-radius: 0;
    box-shadow: none;
    height: 34px!important
}

.order .nav-pills .nav-link {
    background-color: #e2e2e2;
    background-position: center 0;
    background-repeat: no-repeat;
    border: 1px solid #d3d3d3;
    color: #000;
    height: 100px;
    padding-top: 60px;
    position: relative;
    text-align: center;
    width: 100%;
font-size:14px;
 padding-left: 0px;
 padding-right: 0px;

}
.order .nav-pills  li{width: 48%;}


.order .nav-pills .nav-link:after,
.order .nav-pills .nav-link:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    transition: all .3s ease-in-out
}

#pills-tab.border-bottom{ border-bottom: 1px solid #000 !important;}

.order .nav-pills .nav-link.sender {
    background-image: url(../images/gonderici.png)
}

.order .nav-pills .nav-link.invoice {
    background-image: url(../images/fatura.png)
}

.order .nav-pills .nav-link.Kredi-Kart {
    background-image: url(../images/kredikart.png)
}

.order .nav-pills .nav-link.Havale {
    background-image: url(../images/havale.png)
}

.order .nav-pills .nav-link.Paytr {
    background-image: url(../images/paytr.png)
}

.order .nav-pills .nav-link.active,
.order .nav-pills .nav-link:hover {
    background-color: #fff;
    background-position: center -100px;
    color: #000
}

.order .nav-pills .nav-link:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #000;
    left: calc(50% - 6px);
    bottom: -25px
}

.order .nav-pills .nav-link:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #efefef;
    left: calc(50% - 5px);
    bottom: -26px
}

.order .nav-pills .nav-link.active:before {
    bottom: -17px;
    opacity: 1
}

.order .nav-pills .nav-link.active:after {
    bottom: -18px;
    opacity: 1
}



.order .ccv2-goster {
    border: #e3e5eb solid 2px;
    border-radius: 100%;
    color: #e3e5eb;
    display: inline-block;
    font-size: 18px;
    height: 24px;
    line-height: 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    width: 24px
}

.order .ccv2-goster:hover {
    border-color: #6c757d;
    color: #6c757d
}

.order .ccv2-goster span {
    background-color: #fff;
    border: #e3e5eb solid 2px;
    border-radius: 1rem;
    display: block;
    padding: .25rem;
    position: absolute;
    left: 100%;
    bottom: 50%;
    transform: scale(0);
    transition: all .3s;
    z-index: 2
}

.order .ccv2-goster:hover span {
    transform: scale(1)
}


footer:after,
footer:before {
    content: '';
    height: 5px;
    width: 50%;
    position: absolute;
    bottom: 0
}

.my-cart .list-group-flush .list-group-item,
.order .list-group-flush .list-group-item {
    border: 1px solid rgba(0, 0, 0, .15);
    padding-left: .75rem;
    padding-right: .75rem
}

.my-cart .list-group-flush:last-child .list-group-item:last-child,
.order .list-group-flush:last-child .list-group-item:last-child {
    border: 1px solid rgba(0, 0, 0, .25)
}

.order .alert {
    font-size: 14px
}

.transaction-result .jumbotron {
    margin-top: 2rem
}

.transaction-result .jumbotron span {
    font-size: 96px;
    margin-bottom: 2rem
}
.jumbotron {
background:#fff!important;
}

.card-body{ padding-right: 13px; padding-left: 13px}
.h4 .border-bottom{border-color:#FF0000!important;} 

.order .custom-checkbox{
 font-size: 12px;
font-family:'Spartan-Regular',arial,sans-serif!important;
}






@media(max-width:575.98px){
.on-mobile{display:block!important}
.off-mobile{display:none!important}
}


.sepetbox{border: 2px solid #edf1f2; padding:1rem 1.2rem;background:#fff;border-radius:.2rem;font-size:14px;line-height:16px}
.sepetbox .font5{font-size:16px;color:#000}.sepetbox .font2{color:#4eae3d}.sepetbox .font2 span{color:#000}
.sepetbox .sepetbtn{font-size:15px;padding:2px 6px 2px 6px}.sepetbox .font3 span{font-size:18px}.sepetbox .font3 h3{font-size:28px;padding-top:5px;color:#f59000}.sepetbox .font4 span{color:#4eae3d;font-size:15px}
.sepbaslik{font-size:25px;margin-bottom:5px;margin-top:-7px}


.sepbaslik i{font-size:35px;float:left;color:#b5b5b5}
.font6 i{font-size:24px;color:#fff}

@media(min-width:0) and (max-width:1023px){.font6 i{font-size:18px;color:#fff}}.font7{font-size:14px}


@media(max-width:768px){
.sepetbox{font-size:14px; line-height:15px}
.sepetbox .font5{font-size:14px;}
.sepetbox .font4 span{font-size:14px}
.sepetbox .font3 h3{font-size:25px;}
.sepetbox .font3 span{font-size:19px}
}

.Kupon-Gosteri .list-group-item{background:#eaf4ff;border:1px solid #BADBFC!important}
.Kupon-Gosteri .close{background:#d50000;color:#fff;margin-top:12px}
.Kupon-Gosteri .text-success{color:#fc7700!important;font-size:1rem;}
.button4{background-color: #1bae11!important;}
.button4:hover{background-color: #b0239e!important;}

#agonderilecekyeraciklama::placeholder {padding-left: .6rem; color: #212529; font-size: .965rem; opacity: .4;}




.form-box-ats .card  {
 font-size: 13px;
}
.form-box-ats .card  .font11{
 font-size: 27px;
}

.card-input-element5555:checked+.card:hover {
background-color: #F20000 ;
}

.form-box-ats .card .card-body:hover {
background-color: #F2F2F2 ;
}

.satinlbg .card  {
background-color: #e7e7e7;
}
.card-input-element:checked+.card::after {
font-family: 'LineAwesome';
content: '\f17b';
  color: #2D96FF;
 font-style: normal;
  font-size: 40px;
  -webkit-animation-name: fadeInCheckbox;
  animation-name: fadeInCheckbox;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position:absolute;
right:0px;
top:7px;
}

.card-input-element:checked+.card {
border:1px solid #2D96FF;
background-color: #fff;
-moz-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;
}


.form-box-ats .card {
border-radius:0;
}
.form-box-ats label {
    width: 100%;
}

.card-input-element {
    display: none;
}

.card-input {
    margin: 0px;
    padding: 0px;
}

.card-input:hover {
    cursor: pointer;
}

.form-box-ats .card .button-card{transition:all .5s linear;}


@-webkit-keyframes fadeInCheckbox {
  from {
    opacity: 0;
    -webkit-transform: rotateZ(-30deg);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
  }
}

@keyframes fadeInCheckbox {
  from {
    opacity: 0;
    transform: rotateZ(-30deg);
  }
  to {
    opacity: 1;
    transform: rotateZ(0deg);
  }
}





.ribbon span, a.cardribbon .ribbon span { text-transform: uppercase; color: #fff; }

a.cardribbon .ribbon {
    position: absolute;
    right: 0;
    bottom:0px;
    z-index: -0;
    overflow: hidden;
    width: 70px;
    height: 100px;
    text-align: right;
   cursor: pointer;
}

    a.cardribbon .ribbon span {
        font-size: 8px;
        text-align:center;
        line-height: 13px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width:90px;
        display: block;
        position: absolute;
        bottom:12px;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:-2px;
        right: -25px;
font-family: 'Spartan-Bold',arial,sans-serif !important;
    }

a.cardribbon .ribbon .ribrenk3{ background: #000!important; }
a.cardribbon.opportunity .ribbon span:after, a.cardribbon.opportunity .ribbon span:before, a.cardribbon.reduced .ribbon span:after, a.cardribbon.reduced .ribbon span:before { display: none }


/* satinal.php tab */
#satinaltab .nav-link{color: #000!important; margin-right:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#satinaltab i{ font-size: 30px; color: #f89406!important;}
@media(max-width:768px){
#satinaltab li{ width: 100%;}
#satinaltab .nav-link{ margin-right:0px;}
}

 #myTabContent .btn{
color: #fff;
text-decoration: none;
 font-size: 16px!important;
    }


.btn-siparis2,.btn-siparis2:hover{color:#fff!important}
.btn-siparis2{background-color:#000!important;}
.btn-siparis2.focus,.btn-siparis2:focus{-webkit-box-shadow:0 0 0 .2rem rgba(237,44,122,.2);-moz-box-shadow:0 0 0 .2rem rgba(237,44,122,.2);box-shadow:0 0 0 .2rem rgba(237,44,122,.2)}


@media (min-width:993px) and (max-width:999999px){ 
.siparis2-border-right {border-right: 1px solid #000!important;}
}

.icon-left-arrow:before {
    content: "\E926";
}
.order-back-button{
    vertical-align: baseline;
    font-size: .85rem;
    margin-right: 5px;
}


.icon-right-arrow:before {
    content: "\E925";
}


.icon-profile:before {
    content: "\E626";
}


.onizlemebg{background: #f7f7f7!important;}

#FaturaBilgileri_Ekle .close::before {color: #000!important;opacity: none!important;}
#FaturaBilgileri .close::before {color: #000!important;opacity: none!important;}

.sayfabg-1{background:url(../images/sayfa-bg.png);background-size:350px;background-repeat:no-repeat;background-position-x:right;background-position-y: 6%;}
@media (max-width: 768px) {.sayfabg-1{background:url(../images/sayfa-bg.png);background-size:250px;background-repeat:no-repeat;background-position-x:right;background-position-y: 3%;}}

.tbbg1{background: #dddddd; }
.tbbg2{background: #efefef; }

.order .sayfabgsatinal1 {
    padding: 29px 32px 31px;
    background-color: #dddddd;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
@media(max-width:575.98px){
.order .sayfabgsatinal1 {
  padding: 0px;
    background-color: #e7e7e7;
}
}
.order .sayfabgsatinal2 {
    padding: 29px 32px 31px;
    background-color: #efefef;
border-radius: 15px;
}

@media(max-width:575.98px){
.order .sayfabgsatinal2 {
padding: 15px;
}
}

.order .sayfabgsatinal1 img{
position: absolute;
z-index: 9;
float:left;display:block;
right: -50px;
top: 140px;
}

@media(max-width:768px){
.order .sayfabgsatinal1 img{
right: -45px;
top: 180px;
max-width: 257px!important;
}
}

@media(max-width:575.98px){
.order .sayfabgsatinal1 img{
 display: none;
}
}
.order .sayfabgsatinal3 {
    background-color: #dddddd;
border-radius: 15px;
}

@media(max-width:575.98px){
.order .sayfabgsatinal3 {
    background-color: #e7e7e7;
}
}

.order .sayfabgsatinal4 {
    padding-left: 60px;
}
@media(max-width:575.98px){
.order .sayfabgsatinal4 {
    padding-left: 0px;
}
}


.order h3{
color: #000;
text-decoration: none;
 font-size: 14px!important;
}
.order h4{
color: #000;
text-decoration: none;
 font-size: 15px!important;
}
.order h5{
color: #000;
font-size: 15px!important;
}

.order #butinfo_{
font-size: 14px!important;
font-family:'Spartan-Regular',arial,sans-serif!important;
}
.order #butinfo_:before{
font-size: 14px!important;
font-family:'Spartan-Regular',arial,sans-serif!important;
}

.order #button-cart-devam{
font-size: 16px!important;
font-family:'Spartan-Regular',arial,sans-serif!important;
}


#loginform .btn-group-lg > .btn, #loginform .btn-lg {
    padding: .25rem 1rem!important;
    font-size: 1.15rem!important;
    line-height: 1.5!important;
    border-radius: .5rem!important;
}

#degistir {
cursor: pointer;
 font-size: 24px!important;
position: absolute;
z-index: 9;
float:left;display:block;
right: 0px;
}


.order .btng{
color: #000;
 font-size: 17px!important;
border-radius: 7px;
padding: 5px 10px 5px 10px;
}

.satinlbg{
    background: #efefef;
    border-radius: 7px;
font-size: 14px !important;
}



.order .regis22 {
    color: #000;
    text-decoration: none;
    font-size: 18px !important;
}
.order .regis22 a{
    color: #000;
    text-decoration: none;
    font-size: 18px !important;
}
.transaction-result{font-family:'Spartan-Medium',arial,sans-serif!important; font-size:15px;}
.transaction-result h1{font-family:'Spartan-Bold',arial,sans-serif!important; font-size:25px;}
.transaction-result h4{font-family:'Spartan-Medium',arial,sans-serif!important; font-size:15px;}
.transaction-result .btn{font-family:'Spartan-Medium',arial,sans-serif!important; font-size:15px;}



.uyeinput .form-control {
background-color: #dddddd !important;
border-radius: 5px !important;
width: 100%;
height: 40px;
color: #000;
font-family: 'Spartan-Regular',arial,sans-serif !important;
font-size: 15px;
 margin-bottom: .4rem;
border: 0px solid #000;
}


.uyeinput .form-control:focus {
border-color: #007bff!important;
color: #000;
-webkit-box-shadow: 0 0 0 2px rgba(0,123,255,.9);
box-shadow: 0 0 0 2px rgba(0,123,255,.9);
}


.uyeinput label {
    display: inline-block;
    margin-bottom: .2rem;
color: #000;
font-family: 'Spartan-Bold',arial,sans-serif !important;
font-size: 12px;
}

.uyeinput .ats-radio-label::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
}
.uyeinput .ats-radio-label {
    position: relative;
    padding-top: 0px;
    padding-left: 1.5rem;
font-family: 'Spartan-Medium',arial,sans-serif !important;
    font-size: 15px;
    cursor: pointer;
}

.uyeinput .ats-radio-label::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;
    display: none;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
}
.uyeinput .martp{padding-top: 34px;}


@media(max-width:768px){.uyeinput .martp{padding-top: 10px;}}

#modal-body-guncelle label.error, #modal-body-ekle label.error {color: #f12c00!important;font-family: 'Spartan-Regular',arial,sans-serif !important;font-size: 14px;}