header {justify-content: space-between;width: 100%;padding: 20px 150px;}

header .logo {margin-left: 0px;}

header .information { width: 70%;display: inherit}
header .information li {margin-left: 10px; width: auto !important;}
header .information li:first-child { background: none !important;}
header .information li:nth-child(2) {background: none !important;}
header .information li:nth-child(3) {background: none !important;}
header .information li:nth-child(4) { background: #B41A83 url(/assets/images/video-call.svg) no-repeat 10px center;padding-left: 40px;}
header .information li a { padding: 5px 20px;}

.mobileBtnArea {display: none}


footer {border-top: 0px;margin-top: 0px;}
footer .right a {font-weight: normal;font-size: 15px;}

.keyVisual img { display: block}

.tasarrufTercihiTitle { color: #5c5c5c !important; font-size: 15px !important;margin-bottom: 10px !important;}

.submitButton {background-color: #f68c1f !important}


.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {display: block;}

#contact_form_calc .intl-tel-input.separate-dial-code .flag-container {height: 58px;}

.intl-tel-input.separate-dial-code .selected-flag { background: none;}

.contact_form {position: fixed;top: 120px;}

.contact_form > ul li { margin-bottom: 30px;}

.contact_form .etkLi { margin-bottom: 0px;}

#contact_form > ul li #Telefon {padding-left: 110px !important;box-sizing: border-box;}

#contact_form > ul li #mobileCodeListSelect + #Telefon {padding-left: 130px !important;}

#contact_form > ul li label, #contact_form_goruntulu > ul li label {margin-top: 0px;color: #5c5c5c;font-weight: 400;}


#mobileCodeListSelect { border: 1px solid #AFAFAF;border-left: none; border-right: none;}

#mobileCodeListSelect2 {position: absolute;left: 100px;height: 100%;width: 65px !important; z-index: 2;}

.Telefon2 {padding-left: 175px !important}

#contact_form_calc .intl-tel-input.separate-dial-code .flag-container {left: 20px;}

#main .stepsArea .tabs .tab {box-shadow: 0px 0px 10px #00000036;-webkit-box-shadow: 0px 0px 10px #00000036;-moz-box-shadow: 0px 0px 10px #00000036;}

#contact_form ul li select#ProjeID { width: 100%;display: block;margin: 0 auto;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border: 1px solid #AFAFAF;background: transparent;height: 40px;line-height: 35px;padding: 0 10px !important;}

#contact_form ul li select#SehirID {width: 100%;display: block;margin: 0 auto;border-radius: 6px;-webkit-border-radius: 6px; -moz-border-radius: 6px;border: 1px solid #AFAFAF;background: transparent;height: 40px;line-height: 35px;padding: 0 10px !important;}

#contact_form ul li select#SehirID option:first-child { display: none}

#contact_form ul li select#IlceID { width: 100%; display: block;margin: 0 auto;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border: 1px solid #AFAFAF;background: transparent;height: 40px;line-height: 35px;padding: 0 10px !important;}


#contact_form > p, #contact_form_goruntulu > p { padding-top: 15px;padding-bottom: 15px; margin-bottom: 0px;background: none;background-color: #dfdfdf;margin-bottom: 20px}

#contact_form > p span:first-child, #contact_form_goruntulu > p span:first-child {font-size: 15px;  display: none}

#contact_form > p span:nth-child(2), #contact_form_goruntulu > p span:nth-child(2) {font-size: 32px;color: #b41c82}

#contact_form > p span:last-child, #contact_form_goruntulu > p span:last-child { font-size: 25px; color: #f68c1f}

#contact_form .submitButton, #contact_form_goruntulu .submitButton {margin-top: 15px;}

.labelCont2 {display: flex}


.socialMedia {display: flex;justify-content: flex-end; margin-top: 10px;}
.socialMedia a { border-left: 0px !important;}
.socialMedia a i { font-size: 20px;}

#pagination-container ul li.active span.next {opacity: 0.2 !important}



.cookie {padding-top: 100px !important;min-height: 700px;}

.cookie p.title {color: #B41A83 !important;font-weight: bold !important;font-size: 32px !important}

.cookie p {font-size: 18px !important;color: #000000 !important;margin-bottom: 30px;font-weight: 400 !important;}

.kvkk{margin-bottom:50px}


.pressArea{width:85%;margin:auto;padding:5% 0px;min-height:700px;}

.pressArea h2{font-size:25px;background-color:#B41A83;color:#fff;text-align:center;width:30%;margin:0px auto 40px auto;padding:15px 0px;}


.pressArea .pressRow{display:flex;justify-content:space-between}
.pressArea .pressRow .pressCol.col25{width:25%;}
.pressArea .pressRow .pressCol.col75{width:75%;}

.sidebar{ background:#e5e5e5;margin-right:60px;padding:25px;}
.sidebar ul{}
.sidebar ul li{margin-bottom:20px;}
.sidebar ul li a{font-size:22px;color:#000;font-weight:bold;display:block;border-bottom:1px solid #d2d2d2;padding-bottom:10px;transition:0.3s;}
.sidebar ul li a:hover{color:#B41A83;border-bottom:1px solid #831844;}
.sidebar ul li a.selected{color:#B41A83;border-bottom:1px solid #831844;}
.sidebar ul li:last-child {margin-bottom:0px;}


.pressList{display:flex;flex-wrap:wrap}
.pressList .item{width:23%;position:relative;margin:0px 1%;}
.pressList .item a{display:block;height:300px;margin-bottom:5px;border:1px solid #ccc;}
.pressList .item a img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:0.3s;}

.pressList .item .caption{color:#000;padding:10px 0px;text-align:center;transition:0.3s;}
.pressList .item .caption small{font-size:14px;display:block;margin-bottom:5px;font-weight:bold;}
.pressList .item .caption span{font-size:20px;font-weight:bold;display:block}

.pressList .item:hover a{}
.pressList .item:hover a img{ filter:grayscale(0)}

.pressList .item:hover .caption{background:#B41A83;color:#fff}


.pressList .item.bulletin {text-align:center;}
.pressList .item.bulletin a{height:auto;padding:20px;color:#000;background: rgba(255, 255, 255, 0.3);font-weight:bold}
.pressList .item.bulletin a span{display:block;font-size:25px;margin-bottom:10px;}
.pressList .item.bulletin a small{display:block;font-size:14px;margin-bottom:25px;height:90px;}
.pressList .item.bulletin a img{width:48px;height:48px;}


.pressList .item.bulletin a:hover{background:#B41A83;color:#fff}

.pressList .item.bulletin a:hover img{filter: brightness(0) invert(1);}


@media screen and (min-width: 1500px) {

#main .calculator .formArea .formInner { max-width: 1000px;}


}

@media screen and (max-width: 1500px) {

header{padding:20px 50px;}

}

@media screen and (max-width: 1680px) {


header .information {width: 70%;}


#contact_form > p, #contact_form_goruntulu > p { padding: 10px 0px;}

#contact_form > p span:first-child, #contact_form_goruntulu > p span:first-child { font-size: 13px;}

#contact_form > p span:nth-child(2), #contact_form_goruntulu > p span:nth-child(2) { font-size: 22px;}

#contact_form > p span:last-child, #contact_form_goruntulu > p span:last-child { font-size: 20px; }

}

@media screen and (max-width: 1600px) {

footer {padding-right: 20px;padding-left: 20px;}

footer .right a {font-size: 12px;}

header .information { width: 100%;}

/*header .information li:first-child { padding-left: 0px; }*/




.contact_form > ul li { margin-bottom: 15px; }



#main .contact .subeler .col .address {font-size: 12px;}

#main .contact .subeler .col .title { font-size: 20px;}

#main .calculator .formArea .RakamveTarih .col > span { font-size: 12px; line-height: 20px;}
}

@media screen and (max-width: 1024px) {

header {height: 80px;position: fixed; width: 100%; z-index: 9999999;padding: 0 10px;}

header .logo {left: 10px; margin-top: 5px;}

header .logo img { width: 90%;}

header .information {display: none;height: 100vh; background: #eeeeee;top: 80px; z-index: 1;width: 100%; position: absolute; margin-left: 0px;left: 0px; }

header .information li:first-child {display: block; color: #000;padding-left: 0px;padding-top: 40px;}

header .information li:first-child a {color: #000;line-height: 40px;}

header .information li:last-child a { color: #000}

header .information li:nth-child(2) {padding-left: 0px;}

header .information li:nth-child(3){width:100% !important;}

header .information li {background: none !important;margin-left: 0px !important;text-align: left !important;display: block !important;padding-left: 30px !important;margin-bottom: 30px;}

header .information li a {color: #000;font-size: 22px !important;font-weight: 400 !important;line-height: 40px;padding-left: 0px; }

header .information li a.menu {box-shadow: none;padding: 0px;}

.mobileBtnArea {display: flex;position: absolute;right: 10px;align-items: center}

.mobileBtnArea a:first-child {background-color: #000;height: 35px;border-radius: 5px;color: #fff;line-height: 35px;padding: 0 8px;font-weight: bold;margin-right: 10px;}

.mobileBtnArea a:first-child i {margin-right: 5px;}

.onlineBranch {background: #000;color: white;font-size: 15px;font-weight: bold;line-height: 36px;border-radius: 5px;padding: 0 5px;margin-right: 5px;}

.mobileBtn {width: 36px;height: 36px;display: block;border-radius: 5px;background: #b41a83 url(/assets/images/menubtn.png) no-repeat center;transition: 0.3s;background-size: 80% auto;}

.mobileBtn.closer {background: #b41a83 url(/assets/images/menuClose.png) no-repeat center;background-size: 80% auto;}



#contact_form > ul li #Telefon {padding-left: 80px !important;}

#main .calculator .formArea .RakamveTarih .col {width: 100%;}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {width: 100px;height: 30px;display: block;font-size: 12px;}

#div-form {top: 0%;}

#main .calculator .formArea .krediTipi a.active:first-child:before {content: "\f078";font-family: "Font Awesome 5 Free";right: 30px;position: absolute;}

.socialMedia {display: flex;justify-content: center}

.cookie {min-height: auto;}


.pressArea{min-height:auto;padding-top:120px;width:90%;}

.pressArea h2{width:100%;}

.pressArea .pressRow{ flex-wrap:wrap}
.pressArea .pressRow .pressCol{width:100% !important;}

.sidebar{margin-right:0;padding:15px 10px;margin-bottom:25px;}
.sidebar ul{display:flex;justify-content:space-between;}
.sidebar ul li{width:45%;margin-bottom:0px;}
.sidebar ul li a{font-size:16px;text-align:center}

.pressList{justify-content:space-between}
.pressList .item{width:47%;margin-bottom:25px;}

.pressList .item.bulletin a{padding:20px 5px;}
.pressList .item.bulletin a span{font-size:19px;}
.pressList .item.bulletin a small{height:100px;font-size:13px;}

}