﻿@charset "utf-8";

@font-face { font-family: 'trOp'; src: url('fonts/OpenSans-Light.eot'); src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.woff2') format('woff2'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'); font-weight: 300; font-style: normal; }

@font-face { font-family: 'trOp'; src: url('fonts/OpenSansLight-Italic.eot'); src: url('fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSansLight-Italic.woff2') format('woff2'), url('fonts/OpenSansLight-Italic.woff') format('woff'), url('fonts/OpenSansLight-Italic.ttf') format('truetype'), url('fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg'); font-weight: 300; font-style: italic; }

@font-face { font-family: 'trOp'; src: url('fonts/OpenSans-Italic.eot'); src: url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic.woff2') format('woff2'), url('fonts/OpenSans-Italic.woff') format('woff'), url('fonts/OpenSans-Italic.ttf') format('truetype'), url('fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg'); font-weight: normal; font-style: italic; }

@font-face { font-family: 'trOp'; src: url('fonts/OpenSans.eot'); src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans.woff2') format('woff2'), url('fonts/OpenSans.woff') format('woff'), url('fonts/OpenSans.ttf') format('truetype'), url('fonts/OpenSans.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'trOp'; src: url('fonts/OpenSans-Semibold.eot'); src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold.woff2') format('woff2'), url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf') format('truetype'), url('fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: 600; font-style: normal; }

@font-face { font-family: 'trOp'; src: url('fonts/OpenSans-SemiboldItalic.eot'); src: url('fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic.woff2') format('woff2'), url('fonts/OpenSans-SemiboldItalic.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic') format('svg'); font-weight: 600; font-style: italic; }

@font-face { font-family: 'trOp'; src: url('fonts/OpenSans-Bold.eot'); src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'), url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'trOp'; src: url('fonts/OpenSans-BoldItalic.eot'); src: url('fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('fonts/OpenSans-BoldItalic.woff') format('woff'), url('fonts/OpenSans-BoldItalic.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg'); font-weight: bold; font-style: italic; }

body{background:#fff;}
.userControl, .odemeBilgi .userTab .uTabMenu ul li a, .select2-container--default .select2-selection--single .select2-selection__arrow b, .userControl .yUserM, .userControl .solBar, .adresBilgi .kapsa .adresEkle { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.userControl, .userControl input, .userControl textarea { font-family: 'trOp'; }

.userControl a, .userControl a img { border: none; text-decoration: none; }
.userControl p, .userControl h1, .userControl h2, .userControl h3, .userControl h4, .userControl h5, .userControl h6, .userControl strong, .userControl b, .userControl span { padding: 0px; margin: 0px; font-weight: 400; }
.userControl * { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; }
.ortala { width: 1170px; float: left; margin-left: calc(50% - 585px); position: relative; }
.userControl strong, .userControl b { font-weight: bold }

.userControl .solBar { width: 220px; float: left; box-sizing: border-box; }
.userControl .sagBar { width: calc(100% - 260px); float: right; box-sizing: border-box; }

.userControl .yUserM { width: 50px; height: 50px; position: absolute; right: -10px; top: -20px; border-radius: 100%; background: #000; font-size: 12px; line-height: 12px; color: #fff; padding: 19px 0 0 0; box-sizing: border-box; z-index: 150; text-align: center; display: none; }
.userControl .yUserM:before, .userControl .yUserM:after { content: ""; width: 20px; height: 1px; position: absolute; left: calc(50% - 10px); background: #fff; }
.userControl .yUserM:before { top: 12px; }
.userControl .yUserM:after { bottom: 12px; }
.userControl .yUserM.active { color: #000 }
.userControl .yUserM.active:before, .userControl .yUserM.active:after { width: 30px; left: calc(50% - 15px); transform-origin: center; }
.userControl .yUserM.active:before { top: calc(50% - 1px); transform: rotate(-45deg); }
.userControl .yUserM.active:after { top: calc(50% - 1px); transform: rotate(45deg); }


/********************************************************/

.yanMenu { width: 235px; min-height: 1px; height: auto; float: left; box-sizing: border-box; position: relative; }

.yanMenu ul { width: 100%; min-height: 1px; height: auto; float: left; box-sizing: border-box; background: none; padding: 0px 8px 0px 0px; }

.yanMenu ul:first-child { padding: 2px; position: relative; z-index: 5; border-right: solid 1px #E6E6E6; }

.yanMenu ul li, .yanMenu ul li a { width: 100%; min-height: 1px; height: auto; float: left; position: relative; box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.yanMenu ul li > a { font-size: 14px; color: #9C9C9C; padding: 4px 2px; font-weight: 400; }
.yanMenu ul li a.acildi { color: #FFFFFF; }
.yanMenu ul li ul li a.acildi { }

.yanMenu ul li a:hover { color: #A37CAF; }

.yanMenu ul li ul { padding-left: 20px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; display: none; }
.yanMenu ul li ul a { padding: 2px 2px; word-break: break-all; }
.yanMenu ul li ul li ul { padding-left: 8px; padding-top: 4px; padding-bottom: 2px; }
.yanMenu ul li ul li a { padding-left: 15px; /*background: url(../images/mnc.png) no-repeat left center;*/ font-size: 13px; color: #9A9A9A; }

.yanMenu ul li.active > ul { display: block; }
.yanMenu .baslik strong, .yanMenu .baslik { width: 100%; float: left; font-size: 18px; color: #555; box-sizing: border-box; }


/************************************************************************/


.yanMenu.usr01 { width: 100%; box-sizing: border-box; position: relative; margin-top: 0; }
.yanMenu.usr01 ul { border-right: none; padding: 0px; }
.yanMenu.usr01 ul li { margin-bottom: 0; }
.yanMenu.usr01 > ul > li { /* border-bottom: solid 1px #f7f7f7; */ }
.yanMenu.usr01 > ul > li:last-child { border-bottom: 0px; }
.yanMenu.usr01 ul:first-child { padding-left: 0px; padding-right: 0px; }
.yanMenu.usr01 ul:first-child li > a { border-bottom: dashed 2px #d6d6d6; }
.yanMenu.usr01 ul li > a { font-size: 16px; color: #000000; padding: 14px 0; text-align: left; display: block; line-height: 17px; font-weight: 400; text-rendering: optimizeLegibility; }
.yanMenu.usr01.ters ul li > a { color: #000; font-size: 14px; padding: 11px 0; }
.yanMenu.usr01.ters ul li > a.acildi { color: #cc8772 }
.yanMenu.usr01.ters ul li > a:hover { color: #cc8772 }
.yanMenu.usr01.ters ul li ul li a { font-size: 12px }
.yanMenu.usr01 ul li:last-child > a { border-bottom: none; }
.yanMenu.usr01 ul li a span.ynAc { width: 12px; height: 100%; position: absolute; left: -18px; top: 0px; background: url(../images/ynac.png) no-repeat center center; }
.yanMenu.usr01 ul li a.acildi span.ynAc { background: url(../images/ynac2.png) no-repeat center center; }
.yanMenu.usr01 ul li.acildi > a { color: #cc8772; }
.yanMenu.usr01.ters ul li.acildi > a { color: #cc8772; }
.yanMenu.usr01 ul li ul { background: none; padding: 0px 11px 0px 21px; margin-top: 5px; margin-bottom: 5px; border-left: solid 1px #c6c6c6; }
.yanMenu.usr01 ul li ul li { border-left: none; background: none; margin-bottom: 0; }
.yanMenu.usr01 ul li ul li:last-child { margin-bottom: 0px; }
.yanMenu.usr01 ul li ul li a { word-break: break-all; border: none; background: none; font-size: 13px; color: #151515; padding: 6px 0; }

.yanMenu.usr01 ul li ul li a span.ynAc { left: inherit; position: relative; display: inline-table; float: none; height: 12px; margin-left: 10px; }
.yanMenu.usr01 ul li ul li ul li { }
.yanMenu.usr01 ul li ul li ul li a { font-size: 12px; line-height: 19px; font-weight: 500; padding: 3px 0; }

.yanMenu.usr01 ul li ul li a:hover { color: #cc8772; }
.yanMenu.usr01.ters ul li ul li a:hover { color: #cc8772 }
.yanMenu.usr01 ul li ul ul { margin-top: 0px; padding-top: 0px; padding-left: 18px; border: none; }
.yanMenu.usr01 ul li ul li a.acildi { color: #cc8772; }
.yanMenu.usr01.ters ul li ul li a.acildi { color: #cc8772; }
.yanMenu.usr01 ul li > a:hover, .yanMenu.usr01 ul li > a.acildi { color: #cc8772; }
.yanMenu.usr01 > ul > li.active > a, .yanMenu.usr01 > ul > li.acildi > a { color: #cc8772; }
.yanMenu.usr01.ters > ul > li.active > a, .yanMenu.usr01.ters > ul > li.acildi > a { color: #cc8772; }
.yanMenu.usr01 .baslik { margin-top: 0; margin-bottom: 10px; }
.yanMenu.usr01 .baslik strong { width: auto; font-size: 16px; line-height: 17px; color: #fff; font-weight: 800; background: #cc8772; padding: 21px 29px; }



.userControl .yazisi { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 22px; color: #252525; }
.userControl .yazisi a { font-weight: 600; }
.userControl .yazisi ul, .userControl .yazisi ol { margin: 20px 0px; padding: 0px 40px; }
.userControl .yazisi ul, .userControl .yazisi ul li { list-style: disc; }
.userControl .yazisi ol li, .userControl .yazisi ol { list-style: decimal; }
.userControl .yazisi ol li { padding: 0px 3px; }
.userControl .yazisi ul li { padding: 0px 3px; }

.userControl { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 30px; }
.userControl .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 30px; counter-reset: step; }
.userControl .slot:last-child { margin-bottom: 0px !important; }
.userControl .yazi { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 18px; color: #3c3c3b; letter-spacing: 0px; margin-bottom: 20px; }
.userControl .link { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 30px; }
.userControl .link .solK { width: auto; float: left; position: relative; box-sizing: border-box; }
.userControl .link .sagK { width: auto; float: right; position: relative; box-sizing: border-box; }
.userControl .slot.center { text-align: center; }
.userControl .link a, .userControl .link input[type="submit"], .userControl .link input[type="button"], .userControl .link button { width: auto; float: left; font-size: 14px; line-height: 14px; color: #464545; font-weight: 600; background: none; text-decoration: underline; border-right: solid 1px; padding-right: 14px; margin-right: 14px; cursor: pointer; box-sizing: border-box; }
.userControl .link a:last-child, .userControl .link input[type="submit"]:last-child, .userControl .link input[type="button"]:last-child, .userControl .link button:last-child { margin-right: 0; padding-right: 0; border-right: 0; }
.userControl .shadow { box-sizing: border-box; padding: 29px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);  background: #fff;}

.userControl .link.bg a, .userControl .link.bg input[type="submit"], .userControl .link.bg input[type="button"], .userControl .link.bg button { font-size: 14px; line-height: 14px; text-decoration: none; background: #3c3c3b; color: #fff; padding: 9px 20px !important; letter-spacing: 1px; width: auto; }


.userControl .genelForm { width: 100%; float: left; position: relative; box-sizing: border-box; }
.userControl .genelForm ul { width: 100%; float: left; position: relative; box-sizing: border-box }
.userControl .genelForm ul li { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 20px 0; }
.userControl .genelForm ul li:last-child { margin-bottom: 0 }
.userControl .genelForm ul li label { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; margin-bottom: 11px; }
.userControl .genelForm ul li .slt { width: 100%; float: left; position: relative; box-sizing: border-box; }
.userControl .genelForm ul li:not(.checkbox) input, .userControl .genelForm ul li:not(.radio) input, .userControl .genelForm ul li textarea, .userControl .genelForm ul li button { width: 100%; float: left; position: relative; box-sizing: border-box; }
.userControl .genelForm ul li input { }
.userControl .genelForm ul li select { width: 100%; float: left; position: relative }
.userControl .genelForm ul li textarea { height: 100px; resize: none; }
.userControl .genelForm ul li input[type="text"], .userControl .genelForm ul li input[type="tel"], .userControl .genelForm ul li input[type="password"], .userControl .genelForm ul li textarea { font-size: 14px; line-height: 14px; color: #9c9c9c; border: solid 1px #ccc; padding: 10px 15px; letter-spacing: 1px; }
.userControl .genelForm ul li input[type="text"].active, .userControl .genelForm ul li input[type="tel"].active, .userControl .genelForm ul li input[type="password"].active, .userControl .genelForm ul li textarea.active { color: #565656; border-color: #a2a2a2 }
.userControl .genelForm ul li input[type="submit"], .userControl .genelForm ul li input[type="button"], .userControl .genelForm ul li button { font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; background: #212121; padding: 16px 10px; cursor: pointer; }
.userControl .genelForm ul li input[type="submit"].duzenle, .userControl .genelForm ul li input[type="button"].duzenle, .userControl .genelForm ul li button.duzenle { width: auto; font-size: 15px; padding: 10px 39px; }
.userControl .genelForm ul li .slt input[type="submit"], .userControl .genelForm ul li slt input[type="button"], .userControl .genelForm ul li .slt button { padding: 13px 10px; font-size: 15px; line-height: 15px; }

.userControl .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; line-height: 15px; color: #565656; padding: 2px 0px; }
.userControl .genelForm ul li .select2-container--default .select2-selection--single { border: solid 1px #ccc; padding: 10px 25px 10px 15px; }

.userControl .genelForm ul li input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; }
.userControl .genelForm ul li input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width: 19px; height: 19px; left: 0; top: 2px; background-image: url(images/chc1.svg); background-repeat: no-repeat; background-position: center center; background-size: 9px 7px; z-index: 4; box-sizing: border-box; }
.userControl .genelForm ul li input[type="checkbox"]:disabled { cursor: not-allowed; }
.userControl .genelForm ul li input[type="checkbox"]:disabled:checked + label:after { color: #999; }
.userControl .genelForm ul li input[type="checkbox"]:disabled + label { cursor: not-allowed; }
.userControl .genelForm ul li input[type="checkbox"]:disabled + label:before { background-color: #eee; }
.userControl .genelForm ul li input[type="checkbox"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 0px 0px 2px 26px !important; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin-bottom: 0; }
.userControl .genelForm ul li input[type="checkbox"] + label:before { content: ''; position: absolute; top: 2px; left: 0; width: 19px; height: 19px; display: inline-block; background-color: #FFFFFF; border: solid 1px #ccc; box-sizing: border-box; border-radius: 2px; }
.userControl .genelForm ul li input[type="checkbox"] + label + label.error { display: block; }


.userControl .genelForm ul li input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.userControl .genelForm ul li input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 8px; left: 6px; width: 7px; height: 7px; border-radius: 100%; background: #7b7b7b; }
.userControl .genelForm ul li input[type="radio"]:disabled { cursor: not-allowed; }
.userControl .genelForm ul li input[type="radio"]:disabled:checked + label:after { color: #999; }
.userControl .genelForm ul li input[type="radio"]:disabled + label { cursor: not-allowed; }
.userControl .genelForm ul li input[type="radio"]:disabled + label:before { background-color: #eee; }
.userControl .genelForm ul li input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 0px 0px 2px 26px !important; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin-bottom: 0; }
.userControl .genelForm ul li input[type="radio"] + label:before { content: ''; position: absolute; top: 2px; left: 0; width: 19px; height: 19px; display: inline-block; background-color: #FFFFFF; border: solid 1px #ccc; box-sizing: border-box; border-radius: 100%; }
.userControl .genelForm ul li input[type="radio"] + label + label.error { display: block; }

.userControl .genelForm.ikiLi ul li:not(.tek) { width: calc(50% - 10px); margin-right: 20px; }
.userControl .genelForm.ikiLi ul li:nth-child(2n) { margin-right: 0 }

.userControl .genelForm.ucLu ul li:not(.tek) { width: calc(33.33% - 14px); margin-right: 21px; }
.userControl .genelForm.ucLu ul li:nth-child(3n) { margin-right: 0 }

.userControl .genelForm.dortLu ul li:not(.tek) { width: calc(25% - 15px); margin-right: 20px; }
.userControl .genelForm.dortLu ul li:nth-child(4n) { margin-right: 0 }

.userControl .genelForm ul li.ikiLi .slt { width: calc(50% - 10px); margin-right: 20px }
.userControl .genelForm ul li.ikiLi .slt:nth-child(2n) { margin-right: 0 }

.userControl .genelForm ul li.ucLu .slt { width: calc(33.33% - 14px); margin-right: 21px }
.userControl .genelForm ul li.ucLu .slt:nth-child(3n) { margin-right: 0 }

.userControl .genelForm ul li.dortLu .slt { width: calc(25% - 15px); margin-right: 20px }
.userControl .genelForm ul li.dortLu .slt:nth-child(4n) { margin-right: 0 }

.userControl .genelForm.dizi { }
.userControl .genelForm.dizi .solK { width: 200px; float: left; margin: 10px 0 0 0; }
.userControl .genelForm.dizi .solK label { margin-bottom: 0 }
.userControl .genelForm.dizi .sagK { width: calc(100% - 200px); float: right; }
.userControl .genelForm ul li .sifreUnuttum { width: auto; float: right; font-size: 13px; line-height: 14px; text-decoration: underline; color: #000; margin-top: 5px; }

.userControl .tablo { width: 100%; float: left; position: relative; box-sizing: border-box; }
.userControl .tablo table { width: 100%; float: left; table-layout: fixed; }
.userControl .tablo table thead { border-top: dashed 2px #d6d6d6; border-bottom: dashed 2px #d6d6d6; }
.userControl .tablo table thead tr { }
.userControl .tablo table thead th { font-size: 18px; line-height: 22px; color: #989696; letter-spacing: 2px; padding: 13px 10px; font-weight: 600; }
.userControl .tablo table tbody { }
.userControl .tablo table tbody tr { border-bottom: dashed 1px #d6d6d6; }
.userControl .tablo table tbody tr:last-child { border-bottom: 0 }
.userControl .tablo table tbody tr:last-child td { padding-bottom: 0 }
.userControl .tablo table tbody td { font-size: 14px; line-height: 18px; color: #474844; padding: 20px 10px; }
.userControl .tablo .tSil { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 28px; line-height: 28px; font-weight: 300; color: #6b6b6b; text-align: center; text-decoration: none; }
.userControl .tablo .tSil:after { content: "X" }
.userControl .tablo table thead th, .userControl .tablo table tbody td { box-sizing: border-box; text-align: center; }
.userControl .tablo table thead th.aSil, .userControl .tablo table tbody td.aSil { width: 40px; }
.userControl .tablo table td:before { content: attr(data-baslik)""; display: none; }
.userControl .tablo table tbody td a { color: #474844; text-decoration: underline; }



.userControl .artir { width: 100px; display: inline-table; position: relative; vertical-align: middle; box-sizing: border-box; padding: 0px 0; }
.userControl .artir .dInpt { width: 50px; display: inline-table; vertical-align: text-bottom; }
.userControl .artir .dInpt span { width: 100%; float: left; text-align: center; font-size: 12px; line-height: 12px; color: #3c3c3c; margin-top: 3px; }
.userControl .artir .dLa { width: 30px; display: table-cell; vertical-align: middle; }
.userControl .artir a { width: 22px; height: 22px; float: left; margin: 0; box-sizing: border-box; background-repeat: no-repeat; background-position: center; border: solid 1px #b1b1b1; border-radius: 100%; margin: 13px 0 0 0; background-size: 7px 7px; }
.userControl .artir a:last-child { border-bottom: 0; }
.userControl .artir a.eksi { background-image: url(images/eksi.svg); }
.userControl .artir a.arti { background-image: url(images/arti.svg); float: right; }
.userControl .artir a.eksi:active, .userControl .artir a.arti:active { background-color: #e1e1e4; }
.userControl .adet { width: 100%; height: auto; box-sizing: border-box; float: left; color: #191919; text-align: center; padding: 3px 9px; font-size: 29px; line-height: 29px; font-weight: 400; background: none; }
.userControl .uyari { width: 183px; position: absolute; padding: 10px 15px; font-family: arial; font-size: 12px; text-align: center; margin-top: -2px; margin-left: -57px; left: -1px; color: #fff; border-radius: 3px; background: rgba(169, 19, 19, 0.8); display: none; -webkit-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); -moz-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); }
.userControl .artir .uyari span { font-weight: bold; }



.userBaslik { width: 100%; float: left; position: relative; margin-bottom: 30px; box-sizing: border-box; }
.userBaslik .adresEkle { }
.userBaslik .duzenle { width: 100%; float: left; position: relative; text-align: center; z-index: 50; margin: 5px 0 0 0; }
.userBaslik .duzenle a { width: auto; display: inline-table; vertical-align: text-bottom; background: #fff; padding: 0 22px; z-index: 40; font-size: 13px; line-height: 13px; font-weight: 800; letter-spacing: 3px; color: #656565; }
.userBaslik .duzenle:after { content: ""; width: 100%; position: absolute; left: 0px; top: 11px; z-index: -1; border-bottom: dashed 2px #d6d6d6; }
.userBaslik h1, .userBaslik h2, .userBaslik h3, .userBaslik h4, .userBaslik h5, .userBaslik h6, .userBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: none; position: relative; display: inline-table; vertical-align: text-bottom; }
.userBaslik h1 a, .userBaslik h2 a, .userBaslik h3 a, .userBaslik h4 a, .userBaslik h5 a, .userBaslik h6 a, .userBaslik strong a { width: 100%; text-align: left; float: left; }
.userBaslik h1 a, .userBaslik h2 a, .userBaslik h3 a, .userBaslik h4 a, .userBaslik h5 a, .userBaslik h6 a, .userBaslik strong a, .userBaslik h1, .userBaslik h2, .userBaslik h3, .userBaslik h4, .userBaslik h5, .userBaslik h6, .userBaslik strong { font-size: 25px; color: #232323; line-height: 25px; font-weight: 400; letter-spacing: 2px; }
.userBaslik .sagK { width: auto; float: right; }
.userBaslik .link { margin: -4px 0 0 0; }

.adrekont .userBaslik .link { display: none; }
.adrekont.nActive .userBaslik .link { display: inherit; }

.adrekont .yDuzenle { display: none; }
.adrekont .yEkle { display: inline-table }

.adrekont.nActive .yDuzenle { display: inline-table; }
.adrekont.nActive .yEkle { display: none }


.uyeOl { width: 100%; float: left; position: relative; }
.uyeOl .yazi { padding-left: 20px }
.uyeOl .solKisim { width: 440px; float: left; position: relative; box-sizing: border-box }
.uyeOl .sagKisim { width: calc(100% - 490px); float: right; position: relative; }



.alisSepet { width: 100%; float: left; position: relative; }
.alisSepet .tablo .resim { width: 100%; float: left; position: relative; box-sizing: border-box; }
.alisSepet .tablo .resim img { width: 100%; float: left; mix-blend-mode: darken; }
.alisSepet .tablo .bilgi { width: 100%; float: left; }
.alisSepet .tablo .bilgi h6 { width: 100%; float: left; font-size: 16px; line-height: 16px; color: #464545; margin-bottom: 10px; font-weight: 600; }
.alisSepet .tablo .bilgi p { width: 100%; float: left; font-size: 14px; line-height: 20px; color: #464545; }
.alisSepet .tablo .bilgi p:last-child { margin-bottom: 0px; }
.alisSepet .tablo .fiyati { width: 100%; float: left; }
.alisSepet .tablo .fiyati > div { width: 100%; float: left; font-size: 15px; line-height: 15px; color: #aeadad; text-decoration: line-through; margin-bottom: 4px; }
.alisSepet .tablo .fiyati > div:last-child { text-decoration: none; font-size: 24px; line-height: 28px; margin-bottom: 0; color: #464545; font-weight: 600; }


.userControl .tablo table thead th.aBilgi, .userControl .tablo table tbody td.aBilgi { width: 100% }
.userControl .tablo table thead th.aResim, .userControl .tablo table tbody td.aResim { width: 90px; }
.userControl .tablo table thead th.aBilgi, .userControl .tablo table tbody td.aBilgi { text-align: left; }
.userControl .tablo table thead th.aMiktar, .userControl .tablo table tbody td.aMiktar { width: 222px; }
.userControl .tablo table thead th.aFiyat, .userControl .tablo table tbody td.aFiyat { width: 320px; }



.userControl .sagBar .tablo table thead th.aBilgi, .userControl .sagBar .tablo table tbody td.aBilgi { width: 100% }
.userControl .sagBar .tablo table thead th.aResim, .userControl .sagBar .tablo table tbody td.aResim { width: 90px; }
.userControl .sagBar .tablo table thead th.aBilgi, .userControl .sagBar .tablo table tbody td.aBilgi { text-align: left; }
.userControl .sagBar .tablo table thead th.aMiktar, .userControl .sagBar .tablo table tbody td.aMiktar { width: 103px; }
.userControl .sagBar .tablo table thead th.aFiyat, .userControl .sagBar .tablo table tbody td.aFiyat { width: 188px; }




.alisSepet .alisOzet { display: table; table-layout: fixed;  background: #fff;}
.alisSepet .alisOzet > div { display: table-cell; vertical-align: middle; float: none; position: relative; box-sizing: border-box; padding-right: 50px; }
.alisSepet .alisOzet > div:last-child { padding-right: 0 }
.alisSepet .alisOzet .fiyatOzeti { width: 100%; }
.alisSepet .alisOzet .fiyatOzeti .baslik { width: 100%; float: left; position: relative; box-sizing: border-box; z-index: 1; margin-bottom: 22px; }
.alisSepet .alisOzet .fiyatOzeti .baslik:after { content: ""; width: 100%; position: absolute; left: 0px; top: calc(50% - 1px); z-index: -1; border-bottom: dashed 2px #d6d6d6; }
.alisSepet .alisOzet .fiyatOzeti .baslik h2 { width: auto; float: left; position: relative; box-sizing: border-box; background: #fff; font-size: 20px; line-height: 22px; font-weight: 600; color: #676767; letter-spacing: 2px; padding-right: 24px; }
.alisSepet .alisOzet .fiyatOzeti ul { width: 100%; float: left; position: relative; box-sizing: border-box; }
.alisSepet .alisOzet .fiyatOzeti ul li { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; margin-bottom: 19px; padding-bottom: 12px; }
.alisSepet .alisOzet .fiyatOzeti ul li:last-child { margin-bottom: 0 }
.alisSepet .alisOzet .fiyatOzeti ul li .solK { width: 210px; display: table-cell; vertical-align: middle; font-size: 16px; line-height: 16px; color: #464545; margin-bottom: 10px; font-weight: 600; }
.alisSepet .alisOzet .fiyatOzeti ul li .solK span { width: 100%; float: left; font-size: 13px; line-height: 13px; color: #949494; margin-top: 6px; padding-left: 5px; }
.alisSepet .alisOzet .fiyatOzeti ul li .sagK { width: 100%; display: table-cell; vertical-align: middle; border-bottom: dashed 2px #d6d6d6; font-size: 24px; line-height: 28px; margin-bottom: 0; color: #464545; font-weight: 600; padding-bottom: 13px; }
.alisSepet .alisOzet .fiyatOzeti ul li:last-child .sagK { }
.alisSepet .alisOzet .promosyon { width: 320px; }
.alisSepet .alisOzet .promosyon h3 { width: 100%; float: left; font-size: 16px; line-height: 22px; color: #676767; letter-spacing: 2px; margin-bottom: 14px; }
.alisSepet .alisOzet .promosyon .genelForm { }
.alisSepet .alisOzet .simdiSatin { width: 180px; background: #111;}
.alisSepet .alisOzet .simdiSatin a { width: 100%; float: left; font-size: 18px; font-weight: bold; line-height: 29px; color: #fff; text-align: center; box-sizing: border-box; padding: 0 40px 22px 40px; letter-spacing: 2px; background-image: url(images/byucn.svg); background-repeat: no-repeat; background-position: bottom center; }
.alisSepet .alisOzet .simdiSatin a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #212121; z-index: -1; }
.alisSepet .alisOzet .simdiSatin a:after { content: ""; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; left: 10px; top: 10px; border: solid 1px #fff; box-sizing: border-box;; }



.odemStep { width: 100%; float: left; }
.odemStep .solKisim { width: calc(100% - 370px); float: left; position: relative; }
.odemStep .sagKisim { width: 350px; float: right; position: relative; }
.odemStep .sagKisim.scActive { position: static; }
.odemStep .sagKisim .uKapsa { width: 350px; float: left; position: relative }
.odemStep .sagKisim.scFix .uKapsa, .odemStep.scFixed .sagKisim .uKapsa { position: fixed; top: 20px; }
.odemStep .sagKisim.scAbsolute .uKapsa, .odemStep.scAbsolute .sagKisim .uKapsa { position: absolute; bottom: 0; right: 0; top: inherit; }
.odemStep:not(.noCenter) .userBaslik { text-align: center; }
.noCenter .userBaslik { text-align: left !important; }
.odemStep .devami { width: 100%; float: left; position: relative; box-sizing: border-box; }
.odemStep .devami a {width: 100%;float: left;position: relative;font-size: 18px;font-weight: bold;line-height: 29px;color: #fff;text-align: center;box-sizing: border-box;padding: 29px 40px 55px 40px;letter-spacing: 2px;background-image: url(images/byucn.svg);background-repeat: no-repeat;background-position: center calc(100% - 32px);background-color: #090a0a;}

.odemStep .devami a:after {content: "";width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;left: 10px;top: 10px;border: solid 1px #fff;box-sizing: border-box;}



.stepG { width: 100%; float: left; position: relative; }
.stepG a { width: 33.33%; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; color: #464545; font-weight: 600; padding: 7px 0 7px 70px; opacity: 0.5; }
.stepG a.secili { opacity: 1 }
.stepG a:before { content: counter(step); counter-increment: step; width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; background: #b5b5b5; font-size: 19px; line-height: 51px; color: #fff; text-align: center; }
.stepG a strong { width: 100%; float: left; position: relative; }
.stepG a strong:after { content: ""; width: 16px; height: 16px; display: inline-table; vertical-align: top; margin-left: 10px; background-position: center center; background-repeat: no-repeat; background-image: url(images/adSec.svg); background-size: 100%; opacity: 0; }
.stepG a span { width: 100%; float: left; font-size: 14px; line-height: 14px; color: #989696; margin-top: 6px; }
.stepG a.active { }
.stepG a.active:before { background: #212121 }
.stepG a.secili:not(.active) strong:after { opacity: 1 }



.adresBilgi { width: 100%; float: left; position: relative; box-sizing: border-box; }
.adresBilgi .kapsa { width: calc(50% - 20px); float: left; }
.adresBilgi .kapsa:nth-child(2n) { float: right; }
.adresBilgi .kapsa h2 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 18px; line-height: 18px; color: #464545; margin-bottom: 10px; font-weight: 600; }
.adresBilgi .kapsa .yazi { }
.adresBilgi .kapsa .adresSec { width: 100%; float: left; position: relative; }
.adresBilgi .kapsa .adresSec a.secili, .adresBilgi .kapsa .adresSec .sKapsa.secili { width: 100%; float: left; position: relative; box-sizing: border-box; border: solid 1px #f1f1f1; padding: 20px 55px 20px 20px; cursor: pointer; }
.adresBilgi .kapsa .adresSec a.secili:before, .adresBilgi .kapsa .adresSec .sKapsa.secili:before { content: ""; width: 40px; height: 100%; position: absolute; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(images/syucgn.svg); background-size: 15px 9px; z-index: 45; }
.adresBilgi .kapsa .adresSec a.secili.active:before, .adresBilgi .kapsa .adresSec .sKapsa.secili.active:before { transform: rotate(180deg) }
.adresBilgi .kapsa .adresSec a.secili:after, .adresBilgi .kapsa .adresSec .sKapsa.secili:after { content: ""; width: 40px; height: 100%; position: absolute; top: 0; right: 0; background: #f9f9f9; }
.adresBilgi .kapsa .adresSec a.secili h6, .adresBilgi .kapsa .adresSec .sKapsa.secili h6 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; font-weight: 600; color: #cb8774; margin-bottom: 11px; }
.adresBilgi .kapsa .adresSec a.secili .adresi, .adresBilgi .kapsa .adresSec .sKapsa.secili .adresi { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 20px; color: #3c3c3b; }
.adresBilgi .kapsa .adresSec a.secili .adSoyad, .adresBilgi .kapsa .adresSec .sKapsa.secili .adSoyad { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 14px; font-weight: 600; color: #3c3c3b; margin-top: 12px; }
.adresBilgi .kapsa .adresSec ul { width: 100%; height: 253px; overflow: hidden; position: absolute; left: 0px; top: 134px; display: none; background: #fff; border: solid 1px #f1f1f1; padding: 20px 20px; box-sizing: border-box; z-index: 45; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); }
.adresBilgi .kapsa .adresSec ul li { width: 100%; float: left; position: relative; margin-bottom: 23px; }
.adresBilgi .kapsa .adresSec ul li:last-child, .adresBilgi .kapsa .adresSec ul li:nth-last-child(3) { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.adresBilgi .kapsa .adresSec ul li:last-child .sKapsa, .adresBilgi .kapsa .adresSec ul li:nth-last-child(3) .sKapsa { padding-bottom: 0; border-bottom: 0 }
.adresBilgi .kapsa .adresSec ul li > a, .adresBilgi .kapsa .adresSec ul li .sKapsa { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0px 30px 15px 15px; border-bottom: solid 1px #d0d0d0; cursor: pointer; }
.adresBilgi .kapsa .adresSec ul li > a:after, .adresBilgi .kapsa .adresSec ul li .sKapsa:after { content: ""; width: 20px; height: 100%; position: absolute; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(images/adSec2.svg); background-size: 19px 19px; z-index: 45; transition: none; -webkit-transition: none; -moz-transition: none; opacity: 0.7; }
.adresBilgi .kapsa .adresSec ul li > a:hover:after, .adresBilgi .kapsa .adresSec ul li .sKapsa:hover:after { background-image: url(images/adSec.svg); }
.adresBilgi .kapsa .adresSec ul li.active > a:after, .adresBilgi .kapsa .adresSec ul li.active > .sKapsa:after { background-image: url(images/adSec3.svg); }
.adresBilgi .kapsa .adresSec ul li h6 { width: 100%; float: left; font-size: 14px; line-height: 14px; font-weight: 600; color: #cb8774; margin-bottom: 11px; }
.adresBilgi .kapsa .adresSec ul li .adresi { width: 100%; float: left; font-size: 12px; line-height: 20px; color: #3c3c3b; }
.adresBilgi .kapsa .adresSec ul li .adSoyad { width: 100%; float: left; font-size: 13px; line-height: 13px; font-weight: 600; color: #3c3c3b; margin-top: 12px; }
.adresBilgi .kapsa .adresEkle { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 20px; font-size: 14px; line-height: 14px; font-weight: 800; color: #464545; letter-spacing: 2px; text-align: center; background-repeat: no-repeat; background-position: center 30px; background-image: url(images/adEk.svg); background-size: 50px 50px; background-color: #f9f9f9; padding: 103px 15px 38px 15px; }
.adresBilgi .kapsa .adresEkle.active { background-color: #eaeaea; }
.adresBilgi .kapsa .adresSec .islemi { width: 100%; float: left; position: relative; margin: 15px 0 0 0; display: table; table-layout: fixed; }
.adresBilgi .kapsa .adresSec .islemi a { width: 20px; height: 20px; float: none; display: inline-table; vertical-align: text-bottom; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; margin-right: 10px; }
.adresBilgi .kapsa .adresSec .islemi a:last-child { margin-right: 0px; }
.adresBilgi .kapsa .adresSec .islemi a.sil { background-image: url(images/usil.svg) }
.adresBilgi .kapsa .adresSec .islemi a.duzenle { background-image: url(images/udzn.svg) }



.yeniAdres { width: 100%; float: left; position: relative; display: none; }
.yeniAdres .genelForm { }



.kargoSec { width: 100%; float: left; position: relative; }
.kargoSec .kapsa { width: 100%; float: left; position: relative; }
.kargoSec.ikiLi .kapsa { width: calc(50% - 10px); margin-right: 20px }
.kargoSec.ikiLi .kapsa:nth-child(2n) { margin-right: 0 }
.kargoSec .kapsa:last-child { margin-bottom: 0px; }
.kargoSec .kapsa input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; }
.kargoSec .kapsa input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width: 19px; height: 19px; left: 0; top: 2px; background-image: url(images/chc1.svg); background-repeat: no-repeat; background-position: center center; background-size: 9px 7px; z-index: 4; box-sizing: border-box; }
.kargoSec .kapsa input[type="checkbox"]:disabled { cursor: not-allowed; }
.kargoSec .kapsa input[type="checkbox"]:disabled:checked + label:after { color: #999; }
.kargoSec .kapsa input[type="checkbox"]:disabled + label { cursor: not-allowed; }
.kargoSec .kapsa input[type="checkbox"]:disabled + label:before { background-color: #eee; }
.kargoSec .kapsa input[type="checkbox"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 0px 0px 2px 26px !important; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; }
.kargoSec .kapsa input[type="checkbox"] + label:before { content: ''; position: absolute; top: 2px; left: 0; width: 19px; height: 19px; display: inline-block; background-color: #FFFFFF; border: solid 1px #ccc; box-sizing: border-box; border-radius: 2px; }
.kargoSec .kapsa input[type="checkbox"] + label + label.error { display: block; }
.kargoSec .kapsa input[type="checkbox"] + label { }
.kargoSec .kapsa input + label .resmi { width: 100%; height: 35px; float: left; position: relative; box-sizing: border-box; }
.kargoSec .kapsa input + label .resmi img { width: auto; height: 100%; position: absolute; left: 31px; top: 0; }
.kargoSec .kapsa input + label .yazi { font-size: 13px; line-height: 20px; margin: 12px 0 0 0; }


.kargoSec .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.kargoSec .kapsa input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 34px; left: 26px; width: 7px; height: 7px; border-radius: 100%; background: #7b7b7b; }
.kargoSec .kapsa input[type="radio"]:disabled { cursor: not-allowed; }
.kargoSec .kapsa input[type="radio"]:disabled:checked + label:after { color: #999; }
.kargoSec .kapsa input[type="radio"]:disabled + label { cursor: not-allowed; }
.kargoSec .kapsa input[type="radio"]:disabled + label:before { background-color: #eee; }
.kargoSec .kapsa input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 20px 20px; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; border: solid 1px #f1f1f1; }
.kargoSec .kapsa input[type="radio"] + label:before { content: ''; position: absolute; top: 28px; left: 20px; width: 19px; height: 19px; display: inline-block; background-color: #FFFFFF; border: solid 1px #ccc; box-sizing: border-box; border-radius: 100%; }
.kargoSec .kapsa input[type="radio"] + label + label.error { display: block; }



.alisVerisOzet { width: 100%; float: left; font-size: 13px; line-height: 19px; color: #3c3c3b; letter-spacing: 2px; }
.alisVerisOzet > div:not(.userBaslik) { margin-bottom: 20px }
.alisVerisOzet > div:not(.userBaslik):last-child { margin-bottom: 0 }
.alisVerisOzet ul, .alisVerisOzet ul li { width: 100%; float: left; position: relative; box-sizing: border-box; }
.alisVerisOzet .fiyatDetay { width: 100%; float: left; position: relative; }
.alisVerisOzet .fiyatDetay .solK, .alisVerisOzet .teslimat .solK { width: 137px; float: left; font-weight: 600; }
.alisVerisOzet .fiyatDetay .sagK, .alisVerisOzet .teslimat .sagK { width: calc(100% - 147px); float: right; text-align: right; box-sizing: border-box; }
.alisVerisOzet .fiyatDetay ul.ayrinti { }
.alisVerisOzet .fiyatDetay ul.ayrinti li { margin-bottom: 8px; }
.alisVerisOzet .fiyatDetay ul.ayrinti li:last-child { margin-bottom: 0 }
.alisVerisOzet .fiyatDetay .genelToplam { width: 100%; float: left; border-top: dashed 2px #d6d6d6; border-bottom: dashed 2px #d6d6d6; padding: 12px 0; margin: 18px 0 0 0; }
.alisVerisOzet .fiyatDetay .genelToplam .sagK { font-weight: bold }
.alisVerisOzet .teslimat { width: 100%; float: left; position: relative; }
.alisVerisOzet .teslimat ul { width: 100%; float: left; position: relative; }
.alisVerisOzet .teslimat ul li { margin-bottom: 8px; }
.alisVerisOzet .teslimat ul li:last-child { margin-bottom: 0 }
.alisVerisOzet .teslimat ul li .solK { width: 83px; }
.alisVerisOzet .teslimat ul li .sagK { text-align: left; padding-left: 10px; width: calc(100% - 89px); padding: 0; }



.odemeBilgi { }
.odemeBilgi .taksitKon { display: none }
.odemeBilgi .userTab { width: 100%; float: left; position: relative; box-sizing: border-box; }
.odemeBilgi .userTab .uTabMenu { width: 100%; float: left; position: relative; margin-bottom: 30px; text-align: center; }
.odemeBilgi .userTab .uTabMenu .tbAc { display: none; }
.odemeBilgi .userTab .uTabMenu ul { width: 100%; float: left; position: relative; background: #f5f5f5; }
.odemeBilgi .userTab .uTabMenu ul li { width: auto; float: none; display: inline-table; vertical-align: text-bottom; position: relative; }
.odemeBilgi .userTab .uTabMenu ul li a { width: auto; float: left; font-size: 16px; line-height: 16px; color: #6f6f6f; padding: 22px 22px; }
.odemeBilgi .userTab .uTabMenu ul li a:after { content: ""; width: auto; position: absolute; left: calc(50% - 10px); bottom: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f5f5f5; opacity: 0; }
.odemeBilgi .userTab .uTabMenu ul li a.active { color: #232323; }
.odemeBilgi .userTab .uTabMenu ul li a.active:after { opacity: 1 }
.odemeBilgi .userTab .uTabMenu ul li:last-child a { border-right: 0 }
.odemeBilgi .userTab .uTabMenu ul li:last-child a { }
.odemeBilgi .userTab .icKisim { width: 100%; float: left; position: relative; min-height: 150px; }
.odemeBilgi .userTab .icKisim .ick { width: 100%; float: left; position: absolute; left: 0px; top: 0px; display: none; padding: 0 30px; box-sizing: border-box; }
.odemeBilgi .userTab .icKisim .ick.active { opacity:1 !important; }
.odemeBilgi .userTab .icKisim .ick h3.tabi { width: 100%; float: left; position: relative; display: inherit; font-size: 15px; line-height: 18px; color: #000; margin-bottom: 9px; background: #f9f9f9; padding: 13px 20px; cursor: pointer; box-sizing: border-box; display: none }
.odemeBilgi .userTab .icKisim .ick h3.tabi.active { background-color: #eaeaea }
.odemeBilgi .userTab .icKisim .ick h3.tabi:after { content: ""; width: 8px; height: 100%; vertical-align: middle; background-image: url(images/arti.svg); float: right; position: absolute; right: 10px; top: 0; background-size: 7px 7px; background-position: center center; background-repeat: no-repeat; }
.odemeBilgi .userTab .icKisim .ick h3.tabi.active:after { background-image: url(images/eksi.svg); transform: rotate(180deg); }
.odemeBilgi .userTab .icKisim .ick .mTab { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 16px; }

.odemeBilgi .krediKarti .genelForm { }
.odemeBilgi .krediKarti .genelForm .solK { width: 192px; float: left; margin-top: 11px; }
.odemeBilgi .krediKarti .genelForm .sagK { width: calc(100% - 192px); float: right; }
.odemeBilgi .krediKarti .genelForm ul li .solK label { font-size: 15px; line-height: 18px; color: #3c3c3b; }
.odemeBilgi .krediKarti .genelForm.taksitDurum { text-align: center; border-top: dashed 2px #d6d6d6; border-bottom: dashed 2px #d6d6d6; padding: 20px 0; }
.odemeBilgi .krediKarti .genelForm.taksitDurum ul li { width: auto; float: none; display: inline-table; vertical-align: text-bottom; text-align: left; margin: 0 23px 0 0; }
.odemeBilgi .krediKarti .genelForm.taksitDurum ul li:last-child { margin-right: 0 }


.odemeBilgi .krediKarti .kapsa { width: 100%; float: left; margin-bottom: 12px; position: relative; }
.odemeBilgi .krediKarti .kapsa:last-child { margin-bottom: 0px; }

.odemeBilgi .krediKarti .ikiLi .kapsa { width: calc(50% - 6px); margin-right: 12px; }
.odemeBilgi .krediKarti .ikiLi .kapsa:nth-child(2n) { margin-right: 0px; }

.odemeBilgi .krediKarti .ucLu .kapsa { width: calc(33.33% - 8px); margin-right: 12px; }
.odemeBilgi .krediKarti .ucLu .kapsa:nth-child(3n) { margin-right: 0px; }

.odemeBilgi .krediKarti .dortLu .kapsa { width: calc(25% - 9px); margin-right: 12px; }
.odemeBilgi .krediKarti .dortLu .kapsa:nth-child(4n) { margin-right: 0px; }


.odemeBilgi .krediKarti .bankaKarti { width: 100%; float: left; }
.odemeBilgi .krediKarti .bankaKarti .kapsa { }

.bankaKarti .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.bankaKarti .kapsa input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 34px; left: 26px; width: 7px; height: 7px; border-radius: 100%; background: #7b7b7b; }
.bankaKarti .kapsa input[type="radio"]:disabled { cursor: not-allowed; }
.bankaKarti .kapsa input[type="radio"]:disabled:checked + label:after { color: #999; }
.bankaKarti .kapsa input[type="radio"]:disabled + label { cursor: not-allowed; }
.bankaKarti .kapsa input[type="radio"]:disabled + label:before { background-color: #eee; }
.bankaKarti .kapsa input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 20px 20px; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; /* border: solid 1px #f1f1f1; */ background-color: #fdfdfd; }
.bankaKarti .kapsa input[type="radio"] + label:before { content: ''; position: absolute; top: 28px; left: 20px; width: 19px; height: 19px; display: inline-block; background-color: #fdfdfd; border: solid 1px #ccc; box-sizing: border-box; border-radius: 100%; }
.bankaKarti .kapsa input[type="radio"] + label + label.error { display: block; }
.bankaKarti .kapsa input + label .resmi { width: 100%; height: 35px; float: left; position: relative; box-sizing: border-box; }
.bankaKarti .kapsa input + label .resmi img { max-width: calc(100% - 31px); max-height: 100%; width: auto; height: auto; position: absolute; left: 31px; top: 50%; transform: translate(0,-50%); }
.bankaKarti .kapsa input[type="radio"]:checked + label { background-color: #f3f3f3; }
.bankaKarti .kapsa input[type="radio"]:checked + label:before { background-color: #f3f3f3; }



.odemeBilgi .krediKarti .taksitli { width: 100%; float: left; position: relative; box-sizing: border-box; }
.odemeBilgi .krediKarti .taksitli .kapsa { }

.taksitli .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.taksitli .kapsa input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 26px; left: calc(50% - 3.5px); width: 7px; height: 7px; border-radius: 100%; background: #7b7b7b; }
.taksitli .kapsa input[type="radio"]:disabled { cursor: not-allowed; }
.taksitli .kapsa input[type="radio"]:disabled:checked + label:after { color: #999; }
.taksitli .kapsa input[type="radio"]:disabled + label { cursor: not-allowed; }
.taksitli .kapsa input[type="radio"]:disabled + label:before { background-color: #eee; }
.taksitli .kapsa input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 49px 20px 20px 20px; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; /* border: solid 1px #f1f1f1; */ background-color: #fdfdfd; text-align: center; letter-spacing: 3px; }
.taksitli .kapsa input[type="radio"] + label:before { content: ''; position: absolute; top: 20px; left: calc(50% - 9.5px); width: 19px; height: 19px; display: inline-block; background-color: #fdfdfd; border: solid 1px #ccc; box-sizing: border-box; border-radius: 100%; }
.taksitli .kapsa input[type="radio"] + label + label.error { display: block; }
.taksitli .kapsa input[type="radio"]:checked + label { background-color: #f3f3f3; }
.taksitli .kapsa input[type="radio"]:checked + label:before { background-color: #f3f3f3; }
.taksitli .kapsa input[type="radio"] + label strong { width: 100%; float: left; font-size: 17px; line-height: 17px; font-weight: bold; }
.taksitli .kapsa input[type="radio"] + label .fiyatlar { width: 100%; float: left; margin-top: 19px; }
.taksitli .kapsa input[type="radio"] + label .fiyatlar .slt { width: 100%; float: left; margin-bottom: 14px; }
.taksitli .kapsa input[type="radio"] + label .fiyatlar .slt:last-child { margin-bottom: 0 }
.taksitli .kapsa input[type="radio"] + label .fiyatlar .slt i { width: 100%; float: left; font-size: 13px; line-height: 13px; font-style: normal; }
.taksitli .kapsa input[type="radio"] + label .fiyatlar .slt b { width: 100%; float: left; }


.bankaListe { width: 100%; float: left; position: relative; box-sizing: border-box; }
.bankaListe .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; }
.bankaListe .kapsa:last-child { margin-bottom: 0px; }

.bankaListe.ikiLi .kapsa { width: calc(50% - 6px); margin-right: 12px; }
.bankaListe.ikiLi .kapsa:nth-child(2n) { margin-right: 0px; }

.bankaListe .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.bankaListe .kapsa input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 34px; left: 26px; width: 7px; height: 7px; border-radius: 100%; background: #7b7b7b; }
.bankaListe .kapsa input[type="radio"]:disabled { cursor: not-allowed; }
.bankaListe .kapsa input[type="radio"]:disabled:checked + label:after { color: #999; }
.bankaListe .kapsa input[type="radio"]:disabled + label { cursor: not-allowed; }
.bankaListe .kapsa input[type="radio"]:disabled + label:before { background-color: #eee; }
.bankaListe .kapsa input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 20px 20px; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; /* border: solid 1px #f1f1f1; */ background-color: #fdfdfd; }
.bankaListe .kapsa input[type="radio"] + label:before { content: ''; position: absolute; top: 28px; left: 20px; width: 19px; height: 19px; display: inline-block; background-color: #fdfdfd; border: solid 1px #ccc; box-sizing: border-box; border-radius: 100%; }
.bankaListe .kapsa input[type="radio"] + label + label.error { display: block; }
.bankaListe .kapsa input + label .resmi { width: 100%; height: 35px; float: left; position: relative; box-sizing: border-box; }
.bankaListe .kapsa input + label .resmi img { max-width: calc(100% - 31px); max-height: 100%; width: auto; height: auto; position: absolute; left: 31px; top: 50%; transform: translate(0,-50%); mix-blend-mode: darken; }
.bankaListe .kapsa input[type="radio"]:checked + label { background-color: #f3f3f3; }
.bankaListe .kapsa input[type="radio"]:checked + label:before { background-color: #f3f3f3; }
.bankaListe .kapsa input + label .bilgisi { width: 100%; float: left; position: relative; margin-top: 12px; font-size: 13px; line-height: 19px; }
.bankaListe .kapsa input + label .bilgisi .slt { width: 100%; float: left; position: relative; color: #3c3c3b; letter-spacing: 1px; margin: 0 0 8px 0; padding: 0 0 8px 0; border-bottom: solid 1px #e4e4e4; }
.bankaListe .kapsa input + label .bilgisi .slt:last-child { margin-bottom: 0px; padding-bottom: 0; border-bottom: 0; }



.kapidaOde { width: 100%; float: left; position: relative; box-sizing: border-box; }
.kapidaOde .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; }
.kapidaOde .kapsa:last-child { margin-bottom: 0px; }

.kapidaOde.ikiLi .kapsa { width: calc(50% - 6px); margin-right: 12px; }
.kapidaOde.ikiLi .kapsa:nth-child(2n) { margin-right: 0px; }

.kapidaOde.ucLu .kapsa { width: calc(33.33% - 8px); margin-right: 12px; }
.kapidaOde.ucLu .kapsa:nth-child(2n) { margin-right: 0px; }

.kapidaOde .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.kapidaOde .kapsa input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 26px; left: calc(50% - 3.5px); width: 7px; height: 7px; border-radius: 100%; background: #7b7b7b; }
.kapidaOde .kapsa input[type="radio"]:disabled { cursor: not-allowed; }
.kapidaOde .kapsa input[type="radio"]:disabled:checked + label:after { color: #999; }
.kapidaOde .kapsa input[type="radio"]:disabled + label { cursor: not-allowed; }
.kapidaOde .kapsa input[type="radio"]:disabled + label:before { background-color: #eee; }
.kapidaOde .kapsa input[type="radio"] + label { text-align: center; width: 100%; min-height: 19px; float: left !important; padding: 20px 20px; margin-top: 0; font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; /* border: solid 1px #f1f1f1; */ background-color: #fdfdfd; letter-spacing: 3px; }
.kapidaOde .kapsa input[type="radio"] + label:before { content: ''; position: absolute; top: 20px; left: calc(50% - 9.5px); width: 19px; height: 19px; display: inline-block; background-color: #fdfdfd; border: solid 1px #ccc; box-sizing: border-box; border-radius: 100%; }
.kapidaOde .kapsa input[type="radio"] + label + label.error { display: block; }
.kapidaOde .kapsa input + label .resmi { width: 100%; height: 50px; float: left; position: relative; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px; /* display: none; */ }
.kapidaOde .kapsa input + label .resmi img { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); mix-blend-mode: darken; }
.kapidaOde .kapsa input[type="radio"]:checked + label { background-color: #f3f3f3; }
.kapidaOde .kapsa input[type="radio"]:checked + label:before { background-color: #f3f3f3; }

.kapidaOde .kapsa input[type="radio"] + label strong { width: 100%; float: left; font-size: 17px; line-height: 17px; font-weight: bold; }
.kapidaOde .kapsa input[type="radio"] + label .fiyatlar { width: 100%; float: left; margin-top: 19px; }
.kapidaOde .kapsa input[type="radio"] + label .fiyatlar .slt { width: 100%; float: left; margin-bottom: 14px; }
.kapidaOde .kapsa input[type="radio"] + label .fiyatlar .slt:last-child { margin-bottom: 0 }
.kapidaOde .kapsa input[type="radio"] + label .fiyatlar .slt i { width: 100%; float: left; font-size: 13px; line-height: 13px; font-style: normal; }
.kapidaOde .kapsa input[type="radio"] + label .fiyatlar .slt b { width: 100%; float: left; font-size: 18px; line-height: 18px; margin-top: 8px; }



.sozlesmeListe { width: 100%; float: left; position: relative; box-sizing: border-box; text-align: center; }
.sozlesmeListe h4 { width: auto; display: inline-table; vertical-align: text-bottom; background: #fff; padding: 0 22px; z-index: 40; font-size: 15px; line-height: 16px; font-weight: 800; letter-spacing: 2px; color: #656565; }
.sozlesmeListe h4:after { content: ""; width: 100%; position: absolute; left: 0px; top: 11px; z-index: -1; border-bottom: dashed 2px #d6d6d6; }
.sozlesmeListe .kapsa { width: 100%; float: left; background: #fdfdfd; padding: 18px; text-align: left; margin: 24px 0; box-sizing: border-box; }
.sozlesmeListe .kapsa .yazisi { height: 230px; overflow: hidden; }



.adresListe { width: 100%; float: left; position: relative; }
.adresListe ul { width: 100%; float: left; }
.adresListe ul li { width: 100%; float: left; position: relative; box-sizing: border-box; padding-left: 10px; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: dashed 2px #d6d6d6; }
.adresListe ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0 }
.adresListe ul li .ust { width: 100%; float: left; }
.adresListe ul li .ust h6 { width: auto; float: left; font-size: 16px; line-height: 16px; font-weight: 600; color: #cb8774; margin-bottom: 0; margin-top: 5px; letter-spacing: 2px; }
.adresListe ul li .ust .islemi { width: auto; float: right; }
.adresListe ul li .ust .islemi a { width: 20px; height: 20px; float: left; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; margin-right: 10px; }
.adresListe ul li .ust .islemi a:last-child { margin-right: 0px; }
.adresListe ul li .ust .islemi a.sil { background-image: url(images/usil.svg) }
.adresListe ul li .ust .islemi a.duzenle { background-image: url(images/udzn.svg) }
.adresListe ul li .alt { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 18px 23px; margin: 10px 0 0 0; background: #f9f9f9; }


.siparisler { }
.siparisler table a.durum { width: 100%; float: left; position: relative; box-sizing: border-box; background-repeat: no-repeat; background-position: center 10px; background-size: 28px 28px; border: solid 1px #d2d2d2; font-size: 13px; line-height: 17px; color: #474844; padding: 50px 10px 10px 10px; text-decoration: none !important; }
.siparisler table a.durum.onay { background-image: url(images/uonay.svg); color: #4fb856; }
.siparisler table a.durum.beklemede { background-image: url(images/ubekle.svg); color: #d4b050; }
.siparisler table a.durum.iptal { background-image: url(images/uiptal.svg); color: #b64242; }
.siparisler table .fiyat { width: 100%; float: left; font-size: 24px; line-height: 28px; margin-bottom: 0; color: #464545; font-weight: 600; }
.siparisler .tablo table tbody td { font-size: 14px; line-height: 18px; font-weight: 600; }



.siparisler .tablo table thead th.sDurum, .siparisler .tablo table tbody td.sDurum { width: 151px; }
.siparisler .tablo table thead th.sNo, .siparisler .tablo table tbody td.sNo { width: 220px; }
.siparisler .tablo table thead th.sTar, .siparisler .tablo table tbody td.sTar { width: 296px; }
.siparisler .tablo table thead th.SUrn, .siparisler .tablo table tbody td.SUrn { width: 320px; }
.siparisler .tablo table thead th.sTop, .siparisler .tablo table tbody td.sTop { width: 100%; text-align: right; }



.siparisDetay { }
.siparisDetay h3, .siparisDetay h4 { }
.siparisDetay h6 { }
.siparisDetay .siparisKodu { width: auto; display: inline-table; vertical-align: text-bottom; border: dashed 2px #d6d6d6; font-size: 16px; line-height: 20px; float: none; padding: 23px 40px; color: #1f1f1f; }
.siparisDetay .siparisKodu strong { }
.siparisDetay .siparisKodu strong:after { content: " : "; }
.siparisDetay .siparisKodu span { }

.siparisDetay .sDetaylar { width: 100%; float: left; font-size: 14px; line-height: 19px; color: #464545; }
.userControl .sDetaylar .slot { margin-bottom: 40px }
.siparisDetay .sDetaylar h4 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 17px; line-height: 17px; font-weight: 600; color: #cb8774; margin-bottom: 13px; letter-spacing: 2px; }
.siparisDetay .sDetaylar h5 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; font-weight: 600; color: #292827; margin-bottom: 8px; letter-spacing: 2px; }
.siparisDetay .sDetaylar .kapsa { width: 100%; float: left; position: relative; }
.siparisDetay .sDetaylar .detayi { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 28px 23px; margin: 0px 0 0 0; background: #f9f9f9; }
.siparisDetay .sDetaylar .detayi.kargo { display: table; table-layout: fixed; }
.siparisDetay .sDetaylar .detayi.kargo .solK { width: 69px; display: table-cell; vertical-align: middle; border-right: dashed 2px #d6d6d6; padding: 9px 16px 9px 0px; }
.siparisDetay .sDetaylar .detayi.kargo .solK img { width: 100%; float: left; mix-blend-mode: darken; }
.siparisDetay .sDetaylar .detayi.kargo .sagK { display: table-cell; vertical-align: middle; float: none; padding-left: 21px; width: 100%; }
.siparisDetay .sDetaylar .detayi.kargo .sagK strong { width: 100%; float: left; font-weight: 600; font-size: 11px; }

.siparisDetay .sDetaylar .ikiLi .kapsa { width: calc(50% - 10px); margin-right: 20px; }
.siparisDetay .sDetaylar .ikiLi .kapsa:nth-child(2n) { margin-right: 0px; }

.siparisDetay .fiyatDetay { width: 100%; float: left; position: relative; /* letter-spacing: 2px; */ }
.siparisDetay .fiyatDetay .solK, .siparisDetay .teslimat .solK { width: 137px; float: left; font-weight: 600; }
.siparisDetay .fiyatDetay .sagK, .siparisDetay .teslimat .sagK { width: calc(100% - 147px); float: right; text-align: right; box-sizing: border-box; }
.siparisDetay .fiyatDetay ul.ayrinti { width: 100%; float: left; }
.siparisDetay .fiyatDetay ul.ayrinti li { margin-bottom: 8px; width: 100%; float: left; }
.siparisDetay .fiyatDetay ul.ayrinti li:last-child { margin-bottom: 0 }
.siparisDetay .fiyatDetay .genelToplam { width: 100%; float: left; border-top: dashed 2px #d6d6d6; border-bottom: dashed 2px #d6d6d6; padding: 12px 0; margin: 18px 0 0 0; }
.siparisDetay .fiyatDetay .genelToplam .sagK { font-weight: 600; font-size: 21px; line-height: 21px; }



.sepeti { width: 100%; float: left; position: relative; }
.sepeti .tablo .resim { width: 100%; float: left; position: relative; box-sizing: border-box; }
.sepeti .tablo .resim img { width: 100%; float: left; mix-blend-mode: darken; }
.sepeti .tablo .bilgi { width: 100%; float: left; }
.sepeti .tablo .bilgi h6 { width: 100%; float: left; font-size: 14px; line-height: 16px; color: #464545; margin-bottom: 10px; font-weight: 600; }
.sepeti .tablo .bilgi p { width: 100%; float: left; font-size: 13px; line-height: 19px; color: #464545; }
.sepeti .tablo .bilgi p:last-child { margin-bottom: 0px; }
.sepeti .tablo .fiyati { width: 100%; float: left; }
.sepeti .tablo .fiyati > div { width: 100%; float: left; font-size: 15px; line-height: 15px; color: #aeadad; text-decoration: line-through; margin-bottom: 4px; }
.sepeti .tablo .fiyati > div:last-child { text-decoration: none; font-size: 18px; line-height: 18px; margin-bottom: 0; color: #464545; font-weight: 600; }
.sepeti .adeti { font-size: 15px; font-weight: 600; }
.userControl .sepeti .tablo table thead th { color: #464545; font-size: 15px; }


.modal-block-danger { width: 300px; margin: 0 auto; padding: 20px; background-color: #bc3838; color: #fff; box-sizing: border-box; }
.modal-block-danger h2 { font-size: 18px; font-weight: bold; padding-bottom: 10px; }


.modal-block-danger .checkbox-custom { }
.modal-block-danger .checkbox-custom label { font-size: 12px; }

.modal-block-danger .modal-text div { margin-top: 15px; margin-bottom: 15px; }
.modal-block-danger button { width: auto; display: inline-table; background: #ffffff; padding: 8px 16px; color: #606060; cursor: pointer; }
.modal-block-danger button:disabled { color: #b2b2b2; background: #ffffff; cursor: default; }


.alert.ui-pnotify-container.alert-warning.ui-pnotify-shadow { background: url(images/uyric.png) no-repeat 10px center #d22d2d; box-sizing: border-box; color: #fff; padding-left: 60px; }
.ui-pnotify-title { font-weight: 600; }
.ui-pnotify-text { font-size: 13px; }

.notification-succsess .alert.ui-pnotify-container.alert-warning.ui-pnotify-shadow { background: url(images/onyic.png) no-repeat 10px center #6dd22d; }

.kodlariSi { display: none; }

.popup-bg { display:none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0, .6); }
.popup-bg .popup-icerik { background: #fff; position: relative; width: 300px; height: 200px; padding: 50px; margin: 100px auto; }
.popup-bg .popup-icerik .popup-input { width: 100%; height: 100%; text-align: center; }
.popup-bg .popup-icerik input { display: block; margin: 10px auto; padding: 10px 20px; border: solid 1px #ccc; text-align: center; }

.uSozle{ position: relative; top: -18px; z-index: 11; margin-left: 25px;}