html {width:100%; height:100% !important;}
body {width:100%; height:100%; margin:0; padding:0; background:#f2f2f2; font-size:16px;}
form {width:100%; height:100%;}
a {-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
a, a img {text-decoration:none; outline:none; border:none;}
.clr {clear:both; height:0;}
::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#f8f8f8;}
::-moz-placeholder {color:#f8f8f8;}
select {border-radius:0px !important;}
body, input, textarea, select, option {font-family:"Montserrat", sans-serif; font-weight:400; font-style:normal; overflow-x:hidden;}
*, *:after, *::before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; text-decoration:none; list-style-type:none; outline:none;}
img {width:100%;}

.flag-container {display:none;}
#main .keyArea span.renkli {color:#b41a83; display:inline; margin:0; padding:0;}
#contact_form {width:22%; height:100vh; float:right; right:0; background:#fff;}
#contact_form > p {padding:30px 0; position:relative; margin-bottom:20px; background:url(../images/formBg.png) no-repeat top left;}
#contact_form > p span {display:block; font-weight:700; color:#fff; text-align:center;}
#contact_form > p span:first-child {font-size:18px;}
#contact_form > p span:nth-child(2) {font-size:36px; font-weight:600;}
#contact_form > p span:last-child {font-size:24px; font-weight:600;}
#contact_form > ul {margin:0 auto;}
#contact_form > ul li {width:100%; float:left; position:relative !important;}
#contact_form > ul li label {width:100%; display:block;  font-size:16px; font-weight:700; color:#b41a83;}
/* #contact_form > ul li input[type="text"], #contact_form > ul li #Telefon {width:100%; display:block; margin:0 auto; border-radius:6px !important; -webkit-border-radius:6px !important; -moz-border-radius:6px !important; border:1px solid #afafaf; background:#fff0; height:40px; line-height:35px; padding:0 10px !important;} */
/* #contact_form > ul li input[type="text"], #contact_form > ul li select, #contact_form > ul li #Telefon {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #c1c1c1;height:40px;border-radius:360px;padding:0 20px;font-size:17px} */
#contact_form > ul li .form-text, #contact_form > ul li #Telefon {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #c1c1c1;height:40px;border-radius:360px;padding:0 20px; color: #000 !important; font-size:17px}
#contact_form > ul li .form-text::placeholder, #contact_form > ul li #Telefon::placeholder{color: #000;}
#contact_form > ul li select {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #c1c1c1;height:40px;border-radius:360px !important;padding:0 20px !important;font-size:17px; color: #000;}
input[type=checkbox]:not(old)+label,input[type=radio]:not(old)+label {padding-left: 20px !important;}
.labelCont2{width: 85%; margin: 0 auto;}
input#Telefon{margin-left: 0 !important;}
#contact_form > ul li input[type="text"]#Telefon, #contact_form > ul li #Telefon#Telefon {padding-left:10px !important;}
#contact_form .agree {width:100%; margin:20px auto 0 auto; overflow:hidden;}
#contact_form .agree label {color:#000;}
#contact_form .agree label a {color:#000; text-decoration:underline;}
#contact_form .agree:last-child {margin-top:20px;}
#contact_form .agree input {display:none;}
#contact_form .agree input:checked + span {background:#b41a83; display:flex; justify-content:center; align-items:center;}
#contact_form .agree input:checked + span i {color:#fff; font-size:10px; display:block;}
/* #contact_form .agree span {border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; width:16px; height:16px; background:#fff0; display:block; float:left; border:1px solid #5c5c5c; margin-right:7px; cursor:pointer; position:absolute; z-index:0;} */
#contact_form .agree span {border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; width:16px; height:16px; background:#fff0; display:block; float:left; border:1px solid #5c5c5c; margin-right:7px; margin-top: 1px !important; cursor:pointer; position:absolute; z-index:0;}
#contact_form .agree span i {display:none;}
#contact_form .agree label {font-size:11px; font-weight:500; float:right; width:100%; padding-left:25px; margin-top:0; cursor:pointer; position:relative; z-index:1;}
#contact_form .submitButton {line-height:50px; height: 50px; width:100%; margin:0 auto; display:block; color:#fff; font-size:23px; font-weight:700; background-color:#b41a83; border-radius:360px !important; -webkit-border-radius:360px !important; -moz-border-radius:360px !important; margin-top:45px; outline:none; border:none; cursor:pointer;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree {width:100% !important; margin:20px auto 0 auto !important; overflow:hidden !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree label a {color:inherit !important; text-decoration:underline !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree:last-child {margin-top:20px !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree input {display:none !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree input:checked + span {background:#b41a83 !important; display:flex !important; justify-content:center !important; align-items:center !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree input:checked + span i {color:#ffffff !important; font-size:10px !important; display:block !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree span {border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; width:16px !important; height:16px !important; background:transparent !important; display:block !important; float:left !important; border:1px solid #afafaf !important; margin-right:7px !important; cursor:pointer !important; position:absolute !important; z-index:0 !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree span.radiovalidate{border: none !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree span i {display:none !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .agree label {font-size:11px !important; font-weight:500 !important; float:left !important; width:92% !important; padding-left:25px !important; margin-top:0px !important; cursor:pointer !important; position:relative !important; z-index:1 !important; min-height:20px;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .submitButton {line-height:40px; padding:0 100px; margin:0 auto; display:block; color:#fff; font-size:18px; font-weight:700; background-color:#b41a83; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; margin-top:45px; outline:none; border:none; cursor:pointer;}
header {padding:15px 0; box-shadow:0 5px 20px #0003; -webkit-box-shadow:0 5px 20px #0003; -moz-box-shadow:0 5px 20px #0003; display:flex; align-items:center; position:relative; z-index:2;}
header .logo {width:13.75%; margin-left:8.35%; float:left;}
header ul {float:left; margin-left:8%;}
header ul li {float:left; padding-right:60px;}
header ul li:last-child {padding:0;}
header ul li a.menu {line-height:44px; padding-left:20px; padding-right:44px; box-shadow:0 1px 15px #00000029; -webkit-box-shadow:0 1px 15px #00000029; -moz-box-shadow:0 1px 15px #00000029; display:block; color:#2e2e2e; font-weight:700; font-size:16px; border-radius:6px !important; -webkit-border-radius:6px !important; -moz-border-radius:6px !important;}
header ul li a.menu:hover {background:#c7926a; color:#fff;}
header .information {width:365px; float:right; display:flex; justify-content:space-evenly; align-content:center;}
header .information li {width:48%; float:left; background:#b41a83; font-size:18px; font-weight:700; text-align:center; padding:11px 0; display:flex; justify-content:center; align-items:center;}
header .information li a {color:#fff;}
section {width:78%;}
#mainSlider {width:78%;}
#mainSlider .owl-dots {position:absolute; bottom:60px; width:100%; display:flex; justify-content:center; margin:0;}
#mainSlider .owl-dots .owl-dot span {width:65px; height:12px; background:#b41a83;}
#mainSlider .owl-dots .owl-dot.active span {background:#4f1134;}
#main .keyArea {background:url(../images/anahtar-icon.png) no-repeat top left; font-weight:700; font-size:30px; padding:7.5% 0 0 11.4%; background-position:84% 18%; padding-right:50px;}
#main .keyArea b {display:block; font-size:53px; color:#c7926a; font-weight:800;}
#main .keyArea .subText {display:block; font-size:27px; color:#b41a83; margin-bottom:24px;}
#main .listArea {padding-right:50px; padding-top:30px; position:relative; margin-top:85px; display:block; background:#f2f2f2; background-image:-moz-linear-gradient(265deg, white 5%, #b41a83 100%); background-image:-webkit-linear-gradient(265deg, white 5%, #b41a83 100%); background-image:linear-gradient(265deg, white 5%, #b41a83 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#B41A83", GradientType=1); background-repeat:no-repeat; background-position:bottom right;}
#main .listArea .imgArea {position:absolute; right:0; bottom:0; width:29%;}
#main .listArea .radialGradient {background:#f2bea5; background:-moz-linear-gradient(131deg, #f2bea5 0%, #915320 78%); background:-webkit-linear-gradient(131deg, #f2bea5 0%, #915320 78%); background:linear-gradient(131deg, #f2bea5 0%, #915320 78%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2bea5", endColorstr="#915320", GradientType=1); font-size:78px; font-weight:800; color:#fff; padding:0 6% 0 11%;}
#main .listArea p {font-size:49px; color:#fff; font-weight:800; padding:0 0 0 11%; margin-bottom:12px;}
#main .listArea ul {font-weight:500; font-size:38px; color:#fff; padding:34px 0 0 11%; border-top:1px solid #fff; width:74%;}
#main .listArea ul li {margin-bottom:51px; position:relative; text-shadow:2px 2px 3px #7d0137; float:left; width:50%;}
#main .listArea ul li:first-child {width:60%; margin-left:8%;}
#main .listArea ul li:first-child::after {background-image:url(../images/banka-yok.png);}
#main .listArea ul li:nth-child(2) {width:30%;}
#main .listArea ul li:nth-child(2)::after {background-image:url(../images/faiz-yok.png);}
#main .listArea ul li:nth-child(3) {width:60%; margin-left:8%;}
#main .listArea ul li:nth-child(3)::after {background-image:url(../images/dosya-masrafi-yok.png);}
#main .listArea ul li:nth-child(4) {width:30%;}
#main .listArea ul li:nth-child(4)::after {background-image:url(../images/pesinat-yok.png);}
#main .listArea ul li::after {content:""; background-repeat:no-repeat; background-position:top left; width:65px; height:63px; position:absolute; left:-80px; top:50%; background-size:contain; box-shadow:0 5px 8px #00000029; border-radius:50% !important; -webkit-border-radius:50% !important; -moz-border-radius:50% !important; transform:translateY(-50%);}
#main .youtubeArea {margin-top:65px; position:relative; display:inline-block; width:100%; padding-right:50px;}
#main .youtubeArea:after {content:""; width:100%; background:#e8e8e8; height:80%; top:7%; left:0; position:absolute; z-index:-1;}
#main .youtubeArea::before {content:""; background:url(../images/coin-icon.png) no-repeat top left; position:absolute; top:15%; left:0; width:35%; height:66.6%; background-size:contain;}
#main .youtubeArea .fancybox {width:64.2%; float:right; box-shadow:0 0 46px #00000036; -webkit-box-shadow:0 0 46px #00000036; -moz-box-shadow:0 0 46px #00000036;}
#main .stepsArea {margin-top:65px; padding:73px 50px 85px 152px; background:#fff;}
#main .stepsArea .title {color:#b41a83; font-size:50px; font-weight:800; margin-bottom:45px;}
#main .stepsArea .box {border:1px solid #c7926a; padding:11px 45px 35px 45px; border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; position:relative; margin-bottom:5.5%; box-shadow:0 33px 33px #0000001a; -webkit-box-shadow:0 33px 33px #0000001a; -moz-box-shadow:0 33px 33px #0000001a; position:relative;}
#main .stepsArea .box .boxNumber {width:260px; position:absolute; left:-1px; top:-16px;}
#main .stepsArea .box .boxTitle {font-weight:500; color:#b41a83; font-size:44px; margin-bottom:15px; text-indent:230px;}
#main .stepsArea .box .boxTitle b {font-weight:800;}
#main .stepsArea .box .boxContent {font-size:20px;}
#main .stepsArea .box .boxContent b {font-weight:600;}
#main .stepsArea .tabs {margin-top:40px;}
#main .stepsArea .tabs .tab {line-height:60px; padding:0 90px 0 30px; border-radius:14px !important; -webkit-border-radius:14px !important; -moz-border-radius:14px !important; background:#c7926a; display:block; color:#fff; display:inline-block; border:1px solid #707070; font-weight:800; font-size:29px; font-weight:800; position:relative;}
#main .stepsArea .tabs .tab i {position:absolute; right:16px; line-height:60px; font-size:24px;}
#main .stepsArea .tabs .tab.active {box-shadow:0 3px 6px #00000029; -webkit-box-shadow:0 3px 6px #00000029; -moz-box-shadow:0 3px 6px #00000029; position:relative; background:#b41a83; border:1px solid #fff;}
#main .stepsArea .tabs .tab.active i {transform:rotate(180deg);}
#main .stepsArea .tabs .tab.active:after, #main .stepsArea .tabs .tab.active:before {top:100%; left:50%; border:solid #fff0; content:""; height:0; width:0; position:absolute; pointer-events:none;}
#main .stepsArea .tabs .tab.active:after {border-color:#fff0; border-top-color:#b41a83; border-width:20px; margin-left:-20px;}
#main .stepsArea .tabs .tab.active:before {border-color:#fff0; border-top-color:#fff; border-width:21px; margin-left:-21px;}
#main .stepsArea .tabContents {margin-top:5px; border-radius:14px !important; -webkit-border-radius:14px !important; -moz-border-radius:14px !important; overflow:hidden; border:1px solid #b41a83;}
#main .stepsArea .tabContents .tabContent {font-size:20px; color:#000; padding:30px 45px;}
#main .stepsArea .tabContents .tabContent.cekilisli {display:none;}
#main .calculator {padding:42px 373px 60px 110px; background:#fff; margin-top:100px; width:86.2%; float:right; margin-right:50px; border-bottom:10px solid #c7926a; background-image:url(../images/hesap-makinesi.png); background-position:center right; background-repeat:no-repeat; margin-bottom:112px;}
#main .calculator .formArea p span {display:block;}
#main .calculator .formArea p span:first-child {font-weight:500; font-size:30px;}
#main .calculator .formArea p span:nth-child(2) {font-weight:500; font-size:42px;}
#main .calculator .formArea p span:last-child {font-weight:800; font-size:42px; color:#b41a83;}
#main .calculator .formArea .krediTipi {margin-top:42px; display:flex; justify-content:space-between; position:relative;}
#main .calculator .formArea .krediTipi a {margin-right: 15px; box-shadow:0 1px 6px #00000016; -webkit-box-shadow:0 1px 6px #00000016; -moz-box-shadow:0 1px 6px #00000016; background:#f2f2f2; display:flex; align-items:center; float:left; color:#2e2e2e; line-height:50px; border-radius:153px !important; -webkit-border-radius:153px !important; -moz-border-radius:153px !important; padding:0 48px 0 19px; color:#2e2e2e; font-size:20px; font-weight:700;}
#main .calculator .formArea .krediTipi a img {margin-right:20px;}
#main .calculator .formArea .krediTipi a:first-child img {width:36px;}
#main .calculator .formArea .krediTipi a:nth-child(2) img {width:44px;}
#main .calculator .formArea .krediTipi a:nth-child(3) img {width:42px;}
#main .calculator .formArea .krediTipi a:last-child img {width:35px;}
#main .calculator .formArea .krediTipi a.active {background:#b41a83; color:#fff;}
#main .calculator .formArea .krediTipi a.active img {filter:invert(1);}
#main .calculator .formArea .krediTipi span {display:none;}
#main .calculator .formArea .krediTipi::after {content:""; display:block; background:url(../images/hesaplama-1.png) no-repeat center center; width:81px; height:96px; background-size:contain; position:absolute; top:-50%; left:-17.9%;}
#main .calculator .formArea .odemeOncelik {background:#f2f2f2; position:relative; margin-top:45px; padding:35px 0 19px 25px; display:flex; position:relative;}
#main .calculator .formArea .odemeOncelik > span {position:absolute; left:15px; top:-15px; border:1px solid #f2f2f2; background:#fff; font-weight:700; font-size:16px; line-height:30px; padding:0 15px;}
#main .calculator .formArea .odemeOncelik .radioCol {margin-right:20px; position:relative;}
#main .calculator .formArea .odemeOncelik .radioCol input {display:none;}
#main .calculator .formArea .odemeOncelik .radioCol input:checked + span {background:#b41a83; display:flex; justify-content:center; align-items:center;}
#main .calculator .formArea .odemeOncelik .radioCol input:checked + span i {color:#fff; font-size:9px; display:block;}
#main .calculator .formArea .odemeOncelik .radioCol span {border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; width:18px; height:18px; position:absolute; background:#fff0; display:block; float:left; border:1px solid #afafaf; margin-right:7px; cursor:pointer; pointer-events:none;}
#main .calculator .formArea .odemeOncelik .radioCol span i {display:none;}
#main .calculator .formArea .odemeOncelik .radioCol label {font-size:20px; font-weight:500; float:left; margin-top:-3px; cursor:pointer; padding-left:25px;}
#main .calculator .formArea .odemeOncelik::after {content:""; display:block; background:url(../images/hesaplama-2.png) no-repeat center center; width:81px; height:96px; background-size:contain; position:absolute; top:-15%; left:-17.9%;}
#main .calculator .formArea .RakamveTarih {display:flex; justify-content:space-between; margin-top:45px; position:relative;}
#main .calculator .formArea .RakamveTarih .col {width:46.5%; position:relative;}
#main .calculator .formArea .RakamveTarih .col > span {position:absolute; left:15px; top:-15px; border:1px solid #f2f2f2; background:#fff; font-weight:700; font-size:16px; line-height:30px; padding:0 15px;}
#main .calculator .formArea .RakamveTarih .col select {outline:none; border:none; background:#f2f2f2; width:100%; padding:20px 0 7px 18px; border-bottom:2px solid #b41a83; font-size:32px; font-weight:700;}
#main .calculator .formArea .RakamveTarih .col select option {font-size:20px;}
#main .calculator .formArea .RakamveTarih::after {content:""; display:block; background:url(../images/hesaplama-3.png) no-repeat center center; width:81px; height:96px; background-size:contain; position:absolute; top:-25%; left:-17.9%;}
#main .calculator .formArea .calculatorForm {margin-top:60px;}
#main .calculator .formArea .calculatorForm span {font-size:20px; display: block; color: #b41a83; font-weight:500; margin-bottom:25px;}
#main .calculator .formArea .calculatorForm .col {width:48%; float:left; margin-right:2%;}
#main .calculator .formArea .calculatorForm .col label {display:block; font-size:16px; font-weight:700; margin-bottom:5px;}
#main .calculator .formArea .calculatorForm .col input {padding:5px; outline:none; border:none; background:#f2f2f2; border-bottom:2px solid #b41a83; font-size:15px; width:100%; line-height:48px;}
#main .calculator .formArea .calculatorForm .col input#Telefon {padding-left:5px !important;}
#main .calculator .formArea .calculatorForm .col:nth-child(4) {width:calc(96% - 284px);}
#main .calculator .formArea .calculatorForm .col:nth-child(5) {width:auto;}
#main .calculator .formArea .calculatorForm .checkBoxCol {width:100%; float:left; position:relative;}
#main .calculator .formArea .calculatorForm .checkBoxCol:first-child {margin-top:51px;}
#main .calculator .formArea .calculatorForm .checkBoxCol input {display:none;}
#main .calculator .formArea .calculatorForm .checkBoxCol input:checked + span {background:#b41a83; display:flex; justify-content:center; align-items:center;}
#main .calculator .formArea .calculatorForm .checkBoxCol input:checked + span i {color:#fff; font-size:9px; display:block;}
#main .calculator .formArea .calculatorForm .checkBoxCol span {left:0; border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; width:16px; height:16px; background:#fff0; display:block; float:left; border:1px solid #afafaf; margin-right:7px; cursor:pointer; position:absolute;}
#main .calculator .formArea .calculatorForm .checkBoxCol span i {display:none;}
#main .calculator .formArea .calculatorForm .checkBoxCol label {font-size:12px; font-weight:500; float:left; margin-top:2px; cursor:pointer; padding-left:25px; position:relative; z-index:2;}
#main .calculator .formArea .calculatorForm .submitButton {line-height:60px; width:284px; float:right; color:#fff; font-size:32px; font-weight:700; background-color:#b41a83; border-radius:9px !important; -webkit-border-radius:9px !important; -moz-border-radius:9px !important; margin-top:34px; outline:none; border:none; cursor:pointer;}
#main .calculator .resultArea {display:none;}
#main .calculator .resultArea > p {font-size:42px; font-weight:500; padding-bottom:10px; border-bottom:1px solid #b41a83; margin-bottom:21px;}
#main .calculator .resultArea .row {width:100%; overflow:hidden; font-size:26px; font-weight:700; line-height:44px;}
#main .calculator .resultArea .row:nth-child(odd) {background:#f2f2f2;}
#main .calculator .resultArea .row .left {width:48%; float:left; padding-left:15px; border-right:1px solid #afafaf;}
#main .calculator .resultArea .row .right {width:52%; float:right; padding-left:75px;}
#main .calculator .resultArea .row#maliyetKarsilastirma {padding:20px; line-height:1; margin-top:40px;}
#main .calculator .resultArea .row#maliyetKarsilastirma > p {font-size:26px; font-weight:700; padding-bottom:13px; border-bottom:1px solid #b41a83; margin-bottom:20px; color:#b41a83;}
#main .calculator .resultArea .row#maliyetKarsilastirma div.left {padding:0; border-right:1px solid #b41a83;}
#main .calculator .resultArea .row#maliyetKarsilastirma div p:first-child {font-size:26px; font-weight:500; color:#2e2e2e;}
#main .calculator .resultArea .row#maliyetKarsilastirma div p:last-child {font-size:26px; font-weight:700; color:#b41a83; margin-top:10px;}
#main .calculator .resultArea .row#kazanc {background:#b41a83; color:#fff; line-height:65px;}
#main .calculator .resultArea .row#kazanc .left {border:none; font-weight:500; font-size:32px;}
#main .calculator .resultArea .row#kazanc .right {border:none; font-weight:700; font-size:37px;}
#main .calculator .resultArea .row#tekrarHesapla {margin-top:90px; background:#fff0;}
#main .calculator .resultArea .row#tekrarHesapla .left {border:none;}
#main .calculator .resultArea .row#tekrarHesapla .left .tekrarHesapla {line-height:70px; padding-left:44px; width:100%; margin:0 auto; display:block; color:#fff; font-size:22px; font-weight:700; background-color:#b41a83; border-radius:380px !important; -webkit-border-radius:380px !important; -moz-border-radius:380px !important; outline:none; border:none; cursor:pointer;}
#main .calculator .resultArea .row#tekrarHesapla .right {font-size:12px; font-weight:500; line-height:1; padding-left:30px;}
#main .calculator .resultArea .row#tekrarHesapla .right p a {font-size:21px; color:#222; margin-top:10px; display:block;}
#main .FAQ {padding:7.5% 50px 0 11%;}
#main .FAQ .text {color:#b41a83; font-size:42px; margin-bottom:22px;}
#main .FAQ .text a {color:#b41a83; font-size:20px; font-weight:700; float:right; margin-top:10px;}
#main .FAQ .text b {color:#2e2e2e; font-weight:700;}
#main .FAQ #FAQ {font-size:18px; font-weight:500; color:#000;}
#main .FAQ #FAQ b {display:block; color:#b41a83; font-size:26px; font-weight:700; margin-bottom:24px;}
#main .FAQ #FAQ #showMore {color:#000;}
#main .FAQ #FAQ .more {display:none;}
#main .FAQ #FAQ .owl-dots {width:100%; display:flex; justify-content:center; margin:66px 0 0 0;}
#main .FAQ #FAQ .owl-dots .owl-dot span {width:65px; height:12px; background:#c7926a;}
#main .FAQ #FAQ .owl-dots .owl-dot.active span {background:#b41a83;}
#main .contact {padding:45px; background:#b41a83; margin-top:100px; width:86.2%; float:right; margin-right:50px;}
#main .contact .header {color:#fff; font-weight:700; display:flex; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid #fff;}
#main .contact .header span {font-size:42px;}
#main .contact .header a {font-size:36px; color:#fff;}
#main .contact .subeler {margin-top:35px;}
#main .contact .subeler .col {font-weight:500; color:#fff; width:48%; display:inline-block; position:relative;}
#main .contact .subeler .col:first-child {margin-right:2%;}
#main .contact .subeler .col:first-child::after {content:""; width:1px; height:100%; background:#fff; position:absolute; top:0; right:-2.7%;}
#main .contact .subeler .col .title {font-size:29px;}
#main .contact .subeler .col .address-icon {margin-top:10px; color:#c7926a; font-size:20px;}
#main .contact .subeler .col .address-icon i {font-size:36px;}
#main .contact .subeler .col .address {font-size:20px; margin-top:10px;}
#main .contact .subeler .col .map {margin-top:20px;}
footer {width:78%; background:#222; margin-top:100px; border-top:4px solid #b41a83; padding:15px 50px 15px 160px; display:flex; justify-content:space-between; align-items:center;}
footer .logo {width:17%;}
footer a {color:#fff; font-size:18px; font-weight:700;}
footer .right {float:right;}
footer .right a {display:inline-block; margin-left:5px; border-left:1px solid #fff; padding-left:5px;}
footer .right a:first-child {font-weight:400; border:none;}
.mobile {display:none !important;}
#SSS {width:78%; padding-top:6%;}
#SSS > p {font-weight:700; font-size:32px; max-width:1260px; width:85%; margin-right:60px; float:right; color:#b41a83; margin-bottom:25px;}
#SSS .list-wrapper {max-width:1260px; width:85%; float:right; margin-right:60px;}
#SSS .list-wrapper .list-item {padding:30px; border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; border:1px solid #c7926a; margin-bottom:4%; background:#fff; box-shadow:0 20px 25px #00000036; -webkit-box-shadow:0 20px 25px #00000036; -moz-box-shadow:0 20px 25px #00000036;}
#SSS .list-wrapper .list-item h4 {color:#b41a83; font-size:24px; font-weight:600; width:calc(100% - 120px); line-height:33px; border-bottom:1px solid #b41a83;}
#SSS .list-wrapper .list-item p {margin-top:20px; font-size:18px;}
#pagination-container ul {width:250px; float:right; display:flex; justify-content:space-between;}
#pagination-container ul li {display:none; color:#b41a83; text-align:center; line-height:40px; width:49%; border-radius:6px !important; -webkit-border-radius:6px !important; -moz-border-radius:6px !important; font-size:22px; font-weight:600; background:#fff; box-shadow:0 3px 6px #00000036; -webkit-box-shadow:0 3px 6px #00000036; -moz-box-shadow:0 3px 6px #00000036;}
#pagination-container ul li:first-child {display:block;}
#pagination-container ul li:last-child {display:block;}
#pagination-container ul li a {color:#b41a83;}
#FAQ-mobile {display:none;}
#thanks {overflow:hidden; position: relative;min-height: 99%;}
#thanks .logo{position: absolute; bottom: 30px; left: 75px; width: 250px;}
#thanks .top {position:relative; padding-bottom: 50px;}
#thanks .top .container {max-width:540px; width:90%; margin:0 auto;}
#thanks .top .container .logo {width:240px; margin:0 auto; padding-top:13%;}
#thanks .top .container .text {font-size:26px; color:#b41a83; text-align:center; padding-top:90px;}
#thanks .top .container .text b {font-size:35px; font-weight:800; display:block;}
#thanks .top .container a {width:118px; margin:0 auto; display:block; padding-top:20px;}
/* #thanks .bottom {padding-top:2%; font-weight:500; color:#fff; text-align:center; height:100%;}
#thanks .bottom .container {max-width:540px; width:90%; margin:0 auto;}
#thanks .bottom .container .text {font-size:20px; font-weight:500;}
#thanks .bottom .container .subText {font-size:18px; padding-top:3%;}
#thanks .bottom .container a {width:118px; margin:0 auto; display:block; padding-top:20px;} */
#thanks .bottom{display: flex; justify-content: center; margin:0 auto;} 
#thanks .bottom .left{text-align: center; }
#thanks .bottom .left img{width: 250px;}
#thanks .bottom .left p{font-size: 35px; font-weight: 800; color: #b41f82; text-align: center; margin-top: 35px;}
#thanks .bottom .left p span{display: block; color: #fbb03a;}
#thanks .bottom .right{padding-left: 100px;}
#thanks .bottom .right .socialMediaArea{border: 3px solid #b41f82; padding: 40px 60px 40px 60px; position: relative; z-index: 1;}
#thanks .bottom .right .socialMediaArea p{color: #000; text-align: center; font-size: 32px; font-weight: 600;}
#thanks .bottom .right .socialMediaArea p strong{display: block; font-weight: 800; margin-bottom: 10px;}
#thanks .bottom .right .socialMediaArea .links{display: flex; justify-content: center; margin-top: 30px;}
#thanks .bottom .right .socialMediaArea .links a{width: 30px; height: 30px; display: block; margin: 0 13px;}
#thanks .bottom .right .socialMediaArea .links a img{width: 100%; height: 100%;}
#thanks .bottom .right .socialMediaArea .btn{ width: 175px; display: block; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); z-index: 3;}
#thanks .bottom .right .socialMediaArea .btn img{ width: 100%; height: auto; object-fit: contain;}


#onlineIslemlerLogin {background-image:url(../images/onlineIslemlerBg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; width:100%; background-color:#bc2f8f;}
#onlineIslemlerLogin section {width:100%;}
#onlineIslemlerLogin section form {width:350px; margin:8% auto 0; display:block;}
#onlineIslemlerLogin section form p {text-align:center; color:#fff; font-size:24px; font-weight:500; margin-bottom:40px;}
#onlineIslemlerLogin section form p b {font-weight:700; display:block;}
#onlineIslemlerLogin section form .form-group {width:100%; float:left; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 0 29px #00000016; -webkit-box-shadow:0 0 29px #00000016; -moz-box-shadow:0 0 29px #00000016; margin-bottom:11px; overflow:hidden; display:flex; align-items:center;}
#onlineIslemlerLogin section form .form-group span {width:18px; float:left; margin:0 20px;}
#onlineIslemlerLogin section form .form-group span.sifre_goster {color:#8e8e8e; width:max-content; float:right; text-wrap:nowrap; color:gray; cursor:pointer; font-size:12px; margin:0 20px;}
#onlineIslemlerLogin section form .form-group input {width:calc(100% - 40px); float:right; border:none; line-height:60px;}
#txtUsername::placeholder, #txtSifre::placeholder , #txtSifre1::placeholder, #txtSifre2::placeholder {color:#8e8e8e; font-weight:500;}
#onlineIslemlerLogin section form #btnLogin {margin-top:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #fff; background:#c7926a; font-weight:900; width:100%; padding:10px 0; color:#fff; font-size:20px;}
#onlineIslemlerLogin section form .yeniSifreAl {margin-top:26%; display:block; background:transparent; width:100%; line-height:50px; border:1px solid #fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:Center; color:#fff;}
#onlineSubeGenel {background:#b41a83; width:100%; height:auto; float:right;}
#onlineSubeGenel .container {max-width:1720px; width:95%; float:right; margin-right:40px;}
#onlineSubeGenel .container > p {font-size:24px; color:#fff; padding:45px 0 35px 0; border-bottom:1px solid #fff; margin-bottom:35px;}
#onlineSubeGenel .container .box-container {width:74%; float:left;}
#onlineSubeGenel .container .box-container .box {width:100%; padding:33px 0 33px 45px; display:flex; align-items:center; margin-bottom:50px; background:#fff; border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; overflow:hidden; cursor:pointer; position:relative;}
#onlineSubeGenel .container .box-container .box.active {margin:0; border-radius:10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important;}
#onlineSubeGenel .container .box-container .box.active .cross {background:#ffd8e9;}
#onlineSubeGenel .container .box-container .box.active .cross::after {transform:translate(-50%, -50%) rotate(-45deg);}
#onlineSubeGenel .container .box-container .box.active .cross::before {transform:translate(-50%, -50%) rotate(45deg);}
#onlineSubeGenel .container .box-container .box.active + .box-content {margin-bottom:50px; display:block;}
#onlineSubeGenel .container .box-container .box .icon {margin-right:20px;}
#onlineSubeGenel .container .box-container .box .icon svg path {fill:#b41a83;}
#onlineSubeGenel .container .box-container .box p {font-size:26px; font-weight:700;}
#onlineSubeGenel .container .box-container .box p small {font-size:18px; font-weight:400; display:block;}
#onlineSubeGenel .container .box-container .box .badge {position:absolute; right:30%; background:#ffd500; font-size:10px; color:#000; line-height:23px; padding:0 10px;}
#onlineSubeGenel .container .box-container .box .price {float:right; font-size:40px; font-weight:700; color:#b41a83; margin-left:56%;}
#onlineSubeGenel .container .box-container .box .cross {line-height:120px; position:relative; width:50px; height:120px; margin-left:6.13%; position:absolute; right:0;}
#onlineSubeGenel .container .box-container .box .cross::after {content:""; position:absolute; width:5px; height:20px; top:50%; left:50%; background:#b41a83; transform:translate(-50%, -50%);}
#onlineSubeGenel .container .box-container .box .cross::before {content:""; position:absolute; width:5px; height:20px; top:50%; left:50%; background:#b41a83; transform:translate(-50%, -50%) rotate(90deg);}
#onlineSubeGenel .container .box-container .box-content {display:none; padding:35px 50px 85px 50px; width:100%; background:#fff; border-radius:0 0 10px 10px !important; -webkit-border-radius:0 0 10px 10px !important; -moz-border-radius:0 0 10px 10px !important;}
#onlineSubeGenel .container .box-container .box-content-header {padding-bottom:10px; border-bottom:1px solid #707070;}
#onlineSubeGenel .container .box-container .box-content-header span {font-size:18px; font-weight:700;}
#onlineSubeGenel .container .box-container .box-content-header .filter {box-shadow:0 3px 6px #00000036; -webkit-box-shadow:0 3px 6px #00000036; -moz-box-shadow:0 3px 6px #00000036; width:194px; border:1px solid #fff; width:195px; background:#c7926a; text-align:center; border-radius:4px !important; -webkit-border-radius:4px !important; -moz-border-radius:4px !important; float:right;}
#onlineSubeGenel .container .box-container .box-content-header .filter span {display:block; width:100%; cursor:pointer; position:relative;}
#onlineSubeGenel .container .box-container .box-content-header .filter span::after {content:""; position:absolute; width:0; height:0; border-style:solid; border-width:5px 4px 0 4px; border-color:#000 #fff0 #fff0 #fff0; top:50%; transform:translateY(-50%); right:5px;}
#onlineSubeGenel .container .box-container .box-content-header .filter span a {pointer-events:none;}
#onlineSubeGenel .container .box-container .box-content-header .filter a {color:#fff; font-weight:500; font-size:10px; width:100%; line-height:25px; display:block;}
#onlineSubeGenel .container .box-container .box-content-header .filter div {display:none;}
#onlineSubeGenel .container .box-container .box-content-table {width:100%;}
#onlineSubeGenel .container .box-container .box-content-table table {width:100%; margin-top:20px; font-size:18px; font-weight:700; text-align:center; border:none; border-collapse:collapse;}
#onlineSubeGenel .container .box-container .box-content-table table thead {color:#c7926a; border:none;}
#onlineSubeGenel .container .box-container .box-content-table table tbody {color:#000; margin-top:10px; border:None;}
#onlineSubeGenel .container .box-container .box-content-table table tbody tr.active {background:#ffd8e9;}
#onlineSubeGenel .container .box-container .box-content-table table tbody td {padding:20px 0; border-bottom:1px solid black;}
#onlineSubeGenel .container .right {width:21%; float:right; box-shadow:0 0 29px #00000016; -webkit-box-shadow:0 0 29px #00000016; -moz-box-shadow:0 0 29px #00000016; border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; overflow:hidden; background:#c7926a;}
#onlineSubeGenel .container .right .heading p {width:100%; padding:25px 0 16px 30px; background:#b41a83; font-weight:700; color:#fff; font-size:20px;}
#onlineSubeGenel .container .right .heading p small {display:block; font-size:16px;}
#onlineSubeGenel .container .right ul {font-weight:700; font-size:20px; color:#fff;}
#onlineSubeGenel .container .right ul li {border-bottom:1px solid #707070; padding:30px 0; width:83%; margin:0 auto;}
#onlineSubeGenel .container .right ul li:nth-child(2) {border-bottom:none;}
#onlineSubeGenel .container .right ul .profilBilgileri {width:100%; background:#d4ab8d; padding-right:30px; padding-left:30px; border:none; padding-bottom:25px; color:#000; font-size:14px; font-weight:500;}
#onlineSubeGenel .container .right ul .profilBilgileri b {margin-top:10px; display:block;}
#onlineSubeGenel .container .right ul .profilBilgileri small {display:block; font-size:10px; margin-top:10px;}
#onlineSubeGenel .container .right .logout {width:103px; line-height:21px; background:#b41a83; font-size:12px; font-weight:500; float:right; color:#fff; border:1px solid #fff; text-align:center; margin-right:8.5%;}
#onlineSubeGenel .container .draw {background:#fdf6f3; padding:10px 0; margin-bottom:15px;}
#onlineSubeGenel .container .draw .col {float:left; width:33.33%; line-height:20px;}
#onlineSubeGenel .container .draw .col strong {display:inline-block; margin-right:7px;}
#onlineSubeGenel .container .draw .col span {display:inline-block; padding-right:25px; background:url(../images/yes.png) no-repeat right center;}
#onlineSubeGenel .container .draw .col span.Yok {background:url(../images/no.png) no-repeat right center;}
#onlineSubeGenel .container .draw:after {display:block; width:100%; height:0; clear:both; content:"";}
.mobile-online-sube { display: none;}
@media screen and (max-width: 1680px) {
    #onlineSubeGenel .container .box-container .box .price {margin-left:50%;}
    #main .listArea ul {font-size:30px;}
    header ul {margin-left:4%;}
    #main .stepsArea .box .boxTitle {font-size:40px;}
    #main .calculator {padding:42px 263px 60px 110px; margin-top:50px; margin-bottom:50px;}
    #main .keyArea {background-position:40% 11%;}
    #contact_form > p span:first-child {font-size:13px;}
    #contact_form > p span:nth-child(2) {font-size:26px;}
    #contact_form > p:after {border-width:30px 167px 0 167px;}
    #contact_form > p {padding:20px 0;}
    #contact_form .submitButton {margin-top:15px;}
    #main .calculator .formArea .RakamveTarih .col > span, #main .calculator .formArea .odemeOncelik > span {font-size:13px;}
    #main .calculator .formArea .odemeOncelik .radioCol label {font-size:16px;}
    header ul li {padding-right:30px;}
    header ul li a.menu {padding:0 20px;}
    #main .FAQ {padding:2.5% 50px 0 11%;}
}
    
@media screen and (max-width: 1580px) {
    #main .keyArea .subText {font-size:23px;}
    #main .stepsArea .box .boxTitle {font-size:30px;}
    #main .stepsArea .box .boxTitle {margin-bottom:30px;}
    #main .calculator .formArea .krediTipi a {padding:0 20px;}
    #main .FAQ #FAQ b {font-size:18px;}
    #main .FAQ #FAQ {font-size:16px;}
    #main .calculator .formArea p span:nth-child(2) {font-size:32px;}
    #main .calculator .formArea p span:first-child {font-size:22px;}
    #onlineSubeGenel .container .box-container .box .price {font-size:30px;}
    #thanks .top .container .logo {padding-top:5%;}
    #main .listArea ul {font-size:28px;}
    header .logo {margin-left:5%;}
    header ul li {padding-right:10px;}
    header ul li a.menu {padding:0 20px;}
    #contact_form p span:first-child {font-size:14px;}
    #contact_form p span:nth-child(2) {font-size:24px;}
    #contact_form p:after {border-width:30px 154.5px 0 154.5px;}
    #main .keyArea b {font-size:46px;}
    #main .keyArea .subText {font-size:22px;}
    #main .keyArea {background-position:70% 33%; background-size:120% auto; font-size:18px;}
    #main .listArea .radialGradient {font-size:58px;}
    #main .stepsArea .title {font-size:38px;}
    #main .stepsArea {padding-left:50px; padding-bottom:1px;}
    #main .stepsArea .box .boxTitle {font-size:32px; margin-bottom:30px;}
    #main .stepsArea .box .boxContent {font-size:17px;}
    #main .calculator {width:91%;}
    #main .calculator {padding:42px 250px 60px 110px; background-size:22% auto;}
    #main .FAQ #FAQ b {font-size:22px;}
    #main .FAQ #FAQ {font-size:15px;}
    #thanks .top .container .text{padding-top: 45px;}
    }
    
    @media screen and (max-width: 1366px) {
    #main .listArea .imgArea {width:23%;}
    #onlineSubeGenel .container .box-container .box .cross {margin-left:6.43%;}
    #onlineSubeGenel .container .box-container .box p {font-size:20px;}
    #onlineSubeGenel .container .box-container .box .price {font-size:30px;}
    #onlineIslemlerLogin section form {margin-top:5%;}
    #onlineIslemlerLogin section form .yeniSifreAl {margin-top:10%;}
    #thanks .top .container .logo {width:180px;}
    #thanks .top .container .text {font-size:26px;}
    #thanks .top .container .text b {font-size:32px; display:block;}
    #thanks .bottom .container .text {font-size:18px;}
    #thanks .bottom .container .subText {font-size:16px;}
    #main .listArea ul {font-size:25px;}
    #main .stepsArea .tabs .tab {font-size:20px; line-height:50px;}
    #main .stepsArea .tabs .tab.active i {line-height:50px;}
    #main .stepsArea .tabContents .tabContent {font-size:16px;}
    #SSS .list-wrapper .list-item h4 {font-size:18px;}
    #SSS .list-wrapper .list-item p {font-size:14px;}
    header .information li {font-size:15px;}
    header .information {width:280px;}
    header ul {margin-left:4%;}
    #contact_form > p {padding:35px 0 0 0;}
    #contact_form > ul li label {margin:5px auto;}
    #contact_form .agree, #contact_form .agree:last-child {margin-top:10px;}
    #contact_form .submitButton {margin-top:10px;}
    #main .calculator {padding:42px 160px 60px 90px; margin-bottom:0; background-size:15% auto;}
    #main .FAQ {padding:6.5% 50px 0 5%;}
    #main .contact {width:91%;}
}
@media screen and (max-width: 1024px) {
    #onlineSubeGenel .container .draw{padding:10px 5px !important;}
    #branchMap {width:75%; margin:-20px auto 25px;}
    .mobile-online-sube {display:block; width:100%; background:rgb(255 255 255/0.22); color:#fff; display:flex; padding:30px 30px; justify-content:space-between; align-items:center;}
    .mobile-online-sube span {font-size:22px; font-weight:700;}
    .mobile-online-sube .profileEdit {width:100px; height:21px; text-align:center; display:flex; justify-content:center; align-items:center; align-content:center; font-size:9px; font-weight:500; background:rgb(139 0 62/0.15); border:1px solid #fff; color:#fff;}
    #onlineSubeGenel .container > p {display:none;}
    #onlineSubeGenel .container .right {box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; margin-top:20px;}
    #onlineSubeGenel .container .right .heading p {background:transparent !important; padding-left:10px;}
    #onlineSubeGenel .container .right ul {background:#fff0; padding:15px 10px; float:left; width:100%;}
    #onlineSubeGenel .container .right ul li {padding:0; line-height:23px; width:48%; float:left; border:none; font-size:10px; font-weight:500; color:#000; text-align:center;}
    #onlineSubeGenel .container .right ul li:first-child {background:#fff; margin-right:2%;}
    #onlineSubeGenel .container .right ul li:last-child {background:#ffd500; margin-right:0;}
    #onlineSubeGenel .container .box-container .box {padding:65px 15px 15px 15px; position:relative; display:block;}
    #onlineSubeGenel .container .box-container .box .icon {position:absolute; top:35px; right:20px;}
    #onlineSubeGenel .container .box-container .box p {width:100%; font-size:26px;}
    #onlineSubeGenel .container .box-container .box p small {font-size:18px;}
    #onlineSubeGenel .container .box-container .box .badge {width:165px; float:left; margin-top:25px; margin-left:0;}
    #onlineSubeGenel .container .box-container .box .cross {display:none;}
    #onlineSubeGenel .container .box-container .box .price {font-size:40px; position:absolute; top:15px; left:15px; margin:0;}
    #onlineSubeGenel .container .box-container .box.active + .box-content {padding:0; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; background:#fff0;}
    #onlineSubeGenel .container .box-container .box-content-header {padding:0 0 70px; margin:0 auto; border-radius:10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important; background:#fff;}
    #onlineSubeGenel .container .box-container .box-content-header .box-content-header-text{display: inline-block; float:right;}
    #onlineSubeGenel .container .box-container .box-content-header.mobile {border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; background:#fff; margin-bottom:30px;}
    #onlineSubeGenel .container .box-container .box-content-header.mobile span {font-size:18px; font-weight:500; width:100%; margin:0 auto; display:block; padding:0; border-bottom:1px solid #707070;}
    #onlineSubeGenel .container .box-container .box-content-header.mobile p {font-size:32px; font-weight:700; margin-top:20px; width:50%; float:left;}
    #onlineSubeGenel .container .box-container .box-content-header.mobile p small {color:#8b003e; font-size:16px; display:block;}
    #onlineSubeGenel .container .box-container .box-content-header.mobile .odemeYap {font-size:10px; float:right; margin-top:20px;}
    #onlineSubeGenel .container .box-container .box-content-header.mobile .odemeYap a {width:100px; line-height:20px; background:#ffd500; display:block; text-align:center; color:#000; font-weight:700; margin-top:20px;}
    #onlineSubeGenel .container .box-container .box-content-table {padding:20px 5px 0; border-radius:0 0 10px 10px !important; -webkit-border-radius:0 0 10px 10px !important; -moz-border-radius:0 0 10px 10px !important; background:#fff;}
    #onlineSubeGenel .container .box-container .box-content-table table thead {font-size:10px !important;}
    #onlineSubeGenel .container .box-container .box-content-table table {font-size:12px !important; margin:0;}
    #onlineSubeGenel .container .box-container .box-content-table table thead tr th:nth-child(4), #onlineSubeGenel .container .box-container .box-content-table table tbody td:nth-child(4) {display:none;}
    #onlineSubeGenel .container .box-container .box-content-table table tbody td {padding:20px 3px !important;}
    #onlineSubeGenel .container .box-container .box.active {background:#fff0;}
    #onlineSubeGenel .container .box-container .box.active .badge {display:none;}
    #onlineSubeGenel .container .box-container .box.active * {color:#ffffff !important;}
    #onlineSubeGenel .container .box-container .box.active .icon svg path {fill:#fff;}
    #onlineSubeGenel .container form > p {font-size:24px; color:#fff; margin:25px 0 15px 0; padding-top:15px; border-top:1px solid #fff; float:left; width:100%;}
    #onlineSubeGenel .container {width:90%; margin:0 auto; float:none;}
    #onlineSubeGenel .container .box-container {width:100%;}
    #onlineSubeGenel .container .right {width:100%;}
    #main .contact .subeler .col:first-child::after {display:none;}
    /* #thanks .top .container .logo {width:160px; padding-top:10%;} */
    #thanks .top{padding-bottom: 20px;}
    #thanks .bottom{flex-direction: column;align-items: center; padding-bottom: 180px;}
    #thanks .logo {left: 50%; transform: translateX(-50%);}
    #thanks .bottom .left img{ width: 150px; display: block; margin: 0 auto;}
    #thanks .bottom .left p{ font-size: 25px; margin-top: 15px;}
    #thanks .bottom .right{padding-left: 0; width: max-content; margin-top: 20px;}
    #thanks .bottom .right .socialMediaArea{ width: 100%; margin: 0 auto; padding: 20px 30px 40px 30px;}
    #thanks .bottom .right .socialMediaArea p{font-size: 20px;}
    #thanks .top .container .text {padding-top: 30px;}
    #thanks .bottom .right .socialMediaArea .btn{width: 145px; bottom: -25px; }


    #main .listArea ul li:nth-child(3), #main .listArea ul li:first-child {margin-left:0;}
    #main .listArea ul {width:100%; font-size:18px;}
    #main .listArea ul li {width:100% !important; padding-left:10px; margin-bottom:30px;}
    #main .listArea ul li::after {width:35px; height:34px; left:-30px;}
    #main .listArea {padding:0;}
    #FAQ {display:none;}
    #FAQ-mobile {display:block;}
    #main .calculator .formArea .form .col:nth-child(4), #main .calculator .formArea .form .col:nth-child(5) {width:100%;}
    header ul {display:none;}
    #div-form {background:rgb(0 0 0/0.5); width:100%; height:100vh; position:fixed; z-index:999999; bottom:-100%;}
    #contact_form {width:90%;  left:5%; position:relative; display:block; right:auto; float:none; top:0px; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius:00 !important; overflow:hidden; height:70vh;}
    #closeForm {position:absolute; top:5px; right:10px; color:#fff; z-index:99;}
    #contact_form > p {padding:15px 0; margin-bottom:10px;}
    #contact_form p:after {display:none;}
    #contact_form p span:first-child {display:none;}
    #main .calculator .formArea .odemeOncelik {display:none;}
    #mainSlider, section, #SSS {width:100%;}
    #mainSlider {margin-top:30px;}
    header {padding:9px 0;}
    header .logo {position:absolute; width:92px; top:6px; left:30px; margin:0; padding:5px; background:#fff; box-shadow:0 5px 20px #00000036; -webkit-box-shadow:0 5px 20px #00000036; -moz-box-shadow:0 5px 20px #00000036;}
    header .information {flex-direction:column-reverse; width:160px;}
    header ul li:last-child {background:#fff0;}
    header ul li:last-child a {color:#000;}
    header .information li {width:100%; font-weight:400; font-size:14px; padding:0; line-height:26px;}
    header .information li a br {display:none;}
    header ul {margin-left:60%;}
    #mainSlider .owl-dots {position:relative; bottom:10px;}
    #mainSlider .owl-dots .owl-dot span {background:#4f1134; width:30px; height:6px;}
    #mainSlider .owl-dots .owl-dot.active span {background:#b41a83;}
    #main .keyArea b {font-size:30px; margin-bottom:30px;}
    #main .keyArea .subText {font-weight:700;}
    #main .keyArea {background:url(../images/anahtar-icon-reverse.png) no-repeat top left; background-position:80% 0%; background-size:220% auto; padding-top:0; margin-top:60px; font-size:16px; font-weight:500;}
    #main .listArea .radialGradient {font-size:36px; width:100%; display:block; padding-left:30px;}
    #main .listArea p {font-size:24px; padding-left:30px; margin:10px 0;}
    #main .stepsArea .box .boxTitle {text-indent:0;}
    #main .listArea ul {font-size:18px; margin-top:15px; padding-left:15%;}
    #main .listArea {background-image:url(../images/list-img-mobile.png); background:#f2f2f2; background-image:url(../images/list-img-mobile.png), -moz-linear-gradient(265deg, white 5%, #b41a83 100%); background-image:url(../images/list-img-mobile.png), -webkit-linear-gradient(265deg, white 5%, #b41a83 100%); background-image:url(../images/list-img-mobile.png), linear-gradient(265deg, white 5%, #b41a83 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#B41A83", GradientType=1); padding-top:0; padding-bottom:35px; background-position:center right; background-repeat:no-repeat;}
    #main .youtubeArea:after, #main .youtubeArea:before {display:none;}
    #main .youtubeArea {padding:0;}
    #main .youtubeArea .fancybox {width:90%; float:none; margin:0 auto; display:block;}
    #main .stepsArea .title {font-size:24px; width:90%; margin:0 auto 45px; display:block;}
    #main .stepsArea {padding:20px 0; background:#fff0; margin-top:20px;}
    #main .stepsArea .box {width:90%; margin:0 auto 45px; display:block; padding:25px 15px 15px; background:#fff;}
    #main .stepsArea .box .boxNumber {top:-23px; width:140px; left:-30px; box-shadow:0 33px 33px #00000010; -webkit-box-shadow:0 33px 33px #00000010; -moz-box-shadow:0 33px 33px #00000010; border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important;}
    #main .stepsArea .box .boxTitle {font-size:24px; margin-bottom:15px;}
    #main .stepsArea .tabs .tab {width:100%; font-size:22px; border:1px solid #fff; line-height:44px; padding:0 0 0 15px; margin-bottom:15px;}
    #main .stepsArea .tabs .tab.active {margin-bottom:0;}
    #main .stepsArea .tabs .tab.active i {line-height:44px;}
    #main .stepsArea .tabs .tab i {line-height:44px;}
    #main .stepsArea .tabs .tabContent {width:100%; padding:20px; display:none; font-size:16px; font-weight:500; background:#f2f2f2; border-radius:14px !important; -webkit-border-radius:14px !important; -moz-border-radius:14px !important; margin-bottom:15px;}
    #main .stepsArea .tabs .tab.active:after, #main .stepsArea .tabs .tab.active:before {display:none;}
    #main .calculator {width:100%; padding:30px; margin:0; float:left; border:none;}
    #main .calculator .formArea {background:#fff; border-radius:14px !important; -webkit-border-radius:14px !important; -moz-border-radius:14px !important; padding:20px; float:left;}
    #main .calculator .formArea .RakamveTarih {display:block; margin-top:0;}
    #main .calculator .formArea .RakamveTarih .col {width:100%; margin-top:30px;}
    #main .calculator .formArea .RakamveTarih .col > span, #main .calculator .formArea .odemeOncelik > span {font-size:10px; width:90%;}
    #main .calculator .formArea p span {display:none;}
    #main .calculator .formArea p span.mobile {display:block; font-size:24px; font-weight:500; color:#b41a83;}
    #main .calculator {background-image:none;}
    #main .calculator .formArea .RakamveTarih::after, #main .calculator .formArea .odemeOncelik::after, #main .calculator .formArea .krediTipi::after {width:60px; height:60px; left:-65px; top:-10px;}
    #main .calculator .resultArea {background:#fff; width:100%; margin:0 auto;}
    #main .calculator .resultArea > p {font-size:28px;}
    #main .calculator .resultArea .row {font-size:14px;}
    #main .calculator .resultArea .row .left {font-weight:400;}
    #main .calculator .resultArea .row .right {padding-left:25px;}
    #main .calculator .resultArea .row#maliyetKarsilastirma > p {font-size:20px;}
    #main .calculator .resultArea .row#maliyetKarsilastirma div p:first-child, #main .calculator .resultArea .row#maliyetKarsilastirma div p:last-child {font-size:14px;}
    #main .calculator .resultArea .row#kazanc .left {font-size:18px;}
    #main .calculator .resultArea .row#tekrarHesapla {margin-top:20px; display:flex; flex-direction:column-reverse;}
    #main .calculator .resultArea .row#tekrarHesapla .left {width:100%;}
    #main .calculator .resultArea .row#tekrarHesapla .left .tekrarHesapla {line-height:40px; border-radius:9px !important; -webkit-border-radius:9px !important; -moz-border-radius:9px !important; margin-top:10px; text-align:center; padding:0;}
    #main .calculator .resultArea .row#tekrarHesapla .right {width:100%;}
    #main .calculator .formArea .krediTipi {display:block; width:100%; height:50px; position:relative;}
    #main .calculator .formArea .krediTipi div {display:none;}
    #main .calculator .formArea .krediTipi span {display:block; width:100%; height:50px;}
    #main .calculator .formArea .krediTipi span a {pointer-events:none; display:flex; width:100%;}
    #main .calculator .formArea .krediTipi div {margin-top:5px;}
    #main .calculator .formArea .krediTipi div a {width:100%; line-height:35px; margin-bottom:1px; padding-left:30px; font-size:16px;}
    #main .calculator .formArea .krediTipi div a.active {background:#f2f2f2; color:#2e2e2e;}
    #main .calculator .formArea .krediTipi div a.active img {filter:none;}
    #main .calculator .formArea .krediTipi a:first-child img {width:25px;}
    #main .calculator .formArea .krediTipi a:nth-child(2) img {width:25px;}
    #main .calculator .formArea .krediTipi a:nth-child(3) img {width:25px;}
    #main .calculator .formArea .krediTipi a:last-child img {width:25px;}
    #main .calculator select, #main .calculator .formArea .form .col input { border-radius:0;}
    #krediTipi {height:41px; width:220px; padding-left:30px; background:#b41a83; font-size:17px; font-weight:700; border-radius:21px !important; -webkit-border-radius:21px !important; -moz-border-radius:21px !important; color:#fff;}
    #krediTipi option {font-size:16px;}
    #main .calculator .formArea .odemeOncelik {padding:0;}
    #odemeOncelik {outline:none; border:none; background:#f2f2f2; width:100%; padding:20px 0 7px 18px; border-bottom:2px solid #c7926a; font-size:20px; font-weight:700;}
    #odemeOncelik option {font-size:16px;}
    #main .calculator .formArea .RakamveTarih .col select {font-size:20px; border-bottom:2px solid #c7926a;}
    #main .calculator .formArea .RakamveTarih .col select option {font-size:16px;}
    #main .calculator .formArea .form p {font-size:13px; margin-bottom:0;}
    #main .calculator .formArea .form {margin:16px 0 0 0; padding-top:20px; border-top:1px solid #b41a83;}
    #main .calculator .formArea .form .col {width:100%; position:relative; margin-top:30px;}
    #main .calculator .formArea .form .col > label {position:absolute; left:15px; top:-15px; border:1px solid #f2f2f2; background:#fff; font-weight:700; font-size:12px; line-height:30px; padding:0 15px; width:90%;}
    #main .calculator .formArea .form .checkBoxCol:first-child {margin:0;}
    #main .calculator .formArea .form .checkBoxCol label {width:80%;}
    #main .calculator .formArea .form .submitButton {font-size:20px;width:100%;line-height:42px;margin:0;}
    .owl-stage {padding:0 0 29px;display:flex;}
    #main .FAQ .text {font-size:24px;text-align:center;font-weight:700;margin:40px 0 20px;display:inline-block;width:100%;}
    #main .FAQ .text a {font-size:16px;display:block;width:100%;}
    #main .FAQ .text b {display:block;}
    #main .FAQ {padding:0;}
    #FAQ-mobile .owl-carousel .owl-stage {display:flex;}
    #FAQ-mobile .owl-item {background:#fff;padding:25px;}
    #main .FAQ #FAQ-mobile {font-size:15px;}
    #main .FAQ #FAQ-mobile b {font-size:16px;display:block;color:#b41a83;margin-bottom:20px;}
    #main .FAQ #FAQ-mobile .owl-dots {display:block;margin:0;}
    #main .FAQ #FAQ-mobile .owl-dots .owl-dot span {width:29px;height:6px;background:#afafaf;}
    #main .FAQ #FAQ-mobile .owl-dots .owl-dot.active span {background:#b41a83;}
    #main .contact {width:100%;margin:20px 0 0;}
    #main .contact .header {display:block;padding:0;border:none;}
    #main .contact .header span {font-size:24px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #fff;display:block;}
    #main .contact .header a {display:block;font-size:24px;}
    #main .contact .header a i {display:none;}
    #main .contact .subeler {margin-top:30px;}
    #main .contact .subeler .col {display:block;width:100%;position:relative;}
    #main .contact .subeler .col:last-child {padding-top:20px;margin-top:20px;border-top:1px solid #fff;}
    #main .contact .subeler .col .title {font-size:20px;}
    #main .contact .subeler .col .address-icon {font-size:18px;}
    #main .contact .subeler .col .address {font-size:18px;}
    .openMap {text-align:right;}
    #main .contact .subeler .col .map {display:none;}
    footer {width:100%;flex-direction:column-reverse;padding:20px 0 130px;margin-top:0;}
    footer .logo {width:150px;margin-top:20px;}
    .desktop {display:none;}
    .mobile {display:block!important;}
    #main .calculator .formArea .krediTipi.mobile,#main .calculator .formArea .odemeOncelik.mobile {display:block;background:#fff;}
    #SSS {padding-bottom:50px;}
    #SSS>p {width:90%;margin:0 auto;float:none;font-size:28px;text-align:center;color:#2e2e2e;}
    #SSS>p span {display:block;color:#b41a83;}
    #SSS .list-wrapper {width:90%;margin:25px auto;float:none;}
    #SSS .list-wrapper .list-item {padding:15px 25px 15px 15px;}
    #SSS .list-wrapper .list-item h4 {width:100%;line-height:1;font-size:16px;border:none;}
    #SSS .list-wrapper .list-item p {font-size:15px;}
    #openForm {position:fixed;width:101%;bottom:-6px;left:-0.5%;z-index:999;}
    #openForm img {width:100%;}
    #onlineSubeGenel .container .right .logout {display:none!important;}
    .fancybox-close-small {padding:0;width:25px;}
    .fancybox-content {padding:0;background:#d4ab8d;border-radius:10px!important;-webkit-border-radius:10px!important;-moz-border-radius:10px!important;}
    .fancybox-content .desktop {display:block;}
    .fancybox-content .desktop .logout {display:none;}
    .fancybox-content .desktop .logout+br {display:none;}
    .fancybox-content .desktop li:nth-child(1),.fancybox-content .desktop li:nth-child(2) {display:none;}
    .fancybox-content .heading {background:#b41a83;font-size:20px;color:#fff;padding:20px 30px 20px 40px;}
    .fancybox-content .heading .logout {border:1px solid #fff;color:#fff;font-size:12px;font-weight:500;padding:5px 10px;float:right;display:block!important;}
    .fancybox-content .mobile {display:none!important;}
    .fancybox-content .profilBilgileri {width:100%;background:#d4ab8d;padding-right:30px;padding-left:30px;border:none;color:#000;font-size:14px;font-weight:500;}
    .fancybox-content .profilBilgileri b {margin-top:10px;display:block;}
    .fancybox-content .profilBilgileri small {display:block;font-size:10px;margin-top:10px;}
    .fancybox-content .profilBilgileri small+br {display:none;}
}
@media screen and (max-width:480px) {
    #onlineSubeGenel .container {width:95%;}
    #onlineSubeGenel .container .box-container .box-content-header span {font-size:12px;}
    #onlineSubeGenel .container .box-container .box-content-header .filter {width:200px;}
    #onlineSubeGenel .container .box-container .box-content-table table thead tr th {padding:0 20px;}
}
    
@media screen and (max-width:375px) {
    #onlineSubeGenel .container .box-container .box-content-header .filter {width:190px;}
    footer .right {float:none;text-align:center;}
    footer .right a:first-child {display:block;margin-bottom:5px;}
}

.intl-tel-input.iti-container {z-index:999999999!important;}
.messagebox_overlay {background-color:rgb(255 255 255/0.6);z-index:9999;}
.messagebox_overlay *:focus {outline:0;}
.messagebox {font-family:verdana,arial,helvetica,sans-serif;font-size:10pt;font-style:normal;font-weight:400;text-align:left;color:#303030;background-color:#fcfcfc;border:1px solid #c8c8c8;box-shadow:0 2px 4px #a0a0a0;max-height:90%;max-width:90%;min-width:300px;}
.messagebox_content {padding:20px;padding-bottom:0;}
.messagebox_content:after {content:"";display:block;flex:0 0 auto;height:20px;}
.messagebox_content_label {display:block;width:100%;margin:auto;margin-top:10px;font-style:italic;}
.messagebox_content_input {display:block;width:100%;margin:auto;margin-top:10px;padding:3px;color:#303030;border:1px solid #909090;font-family:inherit;font-size:inherit;font-style:normal;font-weight:inherit;text-align:left;}
.messagebox_content_input:hover {border-color:#707070;}
.messagebox_content_input:focus {border-color:#707070;box-shadow:inset 0 0 3px #ffd540;}
.messagebox_content_label .messagebox_content_input {margin-top:4px;}
.messagebox_content_input_selectplaceholder {color:#909090;}
.messagebox_buttons {background-color:#f5f5f5;border-top:1px solid #c8c8c8;padding:10px 20px;text-align:center;}
.messagebox_buttons button {font-family:inherit;font-size:inherit;font-weight:700;text-align:center;min-width:75px;margin:0 4px;padding:5px 10px;cursor:pointer;color:#404040;background-color:#e9e9e9;background-image:linear-gradient( to bottom,rgb(255 255 255/0.4) 0%,rgb(255 255 255/0.2) 50%,rgb(255 255 255/0.1) 51%,#fff0 100% );border:1px solid silver;border-radius:2px;}
.messagebox_buttons button:hover {color:#202020;background-color:#f0f0f0;}
.messagebox_buttons button:active {background-color:#e6e6e6;border:1px solid #a0a0a0;box-shadow:inset 0 0 6px #d0d0d0;}
.messagebox_buttons button::-moz-focus-inner {padding:0;border:0;}