@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap); 
@import url('https://fonts.googleapis.com/css2?family=My+Soul&display=swap');
#contact_form .flag-container, #mobileCodeListSelect {height:40px!important}
body {font-family:Montserrat, sans-serif; background-color:#fff; scroll-behavior:smooth!important}
img {max-width:100%; height:auto; display:block}
a {color:inherit}
.link-blue {color:blue}
.mt-1{margin-top: 1rem;}
.mt-1-5{margin-top: 1.5rem;}
.mt-2{margin-top: 2rem;}
.mt-2-5{margin-top: 2.5rem;}
.mt-3{margin-top: 3rem;}
.mb-1{margin-bottom: 1rem;}
.mb-1-5{margin-bottom: 1.5rem;}
.mb-2{margin-bottom: 2rem;}
.mb-2-5{margin-bottom: 2.5rem;}
.mb-3{margin-bottom: 3rem;}
ul.list{margin: 25px;}
ul.list li{list-style: url(../images/list.png);}
ul.bloglist{margin: 0px 25px 15px;}
ul.bloglist li{list-style-type: disc ; }
.list-disc{display: inline;}
.list-disc li {list-style-type: disc; margin: 0 0 0 20px;}
.socialMediaWrapper{ text-align: center; margin-top: 50px;}
.socialMediaWrapper .icons{display: flex; align-items: center; justify-content: center;}
.socialMediaWrapper .icons a{width: 30px !important; margin: 0 15px !important;}
.socialMediaWrapper .icons a svg{width: 100%; fill:#BA1173}
.keyVisual.hidden{display: none;}
.keyVisual{font-family:'Visby CF',sans-serif;}
#contact_form{position: fixed; top: 150px; padding-top: 10px;}
#contact_form.contact_form_homepage { z-index: 99999999;position: static; top: auto; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #F9B22C !important;}
.mainBottom span.pink, .text-purple {color:#b41a83}
.text-center {text-align:center}
.bold {font-weight:700!important}
header .bottom nav>ul>li>a {font-size:16px; font-weight:500}
.font-18 {font-size:18px!important}
.font-20 {font-size:20px!important}
.font-22 {font-size:22px!important}
.font-24 {font-size:24px!important}
.font-27 {font-size:27px!important}
.darkPurple{fill:#66114a !important}
.campaign-detail-text{font-size: 21px !important; margin-top: 70px;}
.reSendBtn{padding: 5px 15px; margin-top: 15px; border: 1px solid white;}
.getPayment{width:90%; display:inline-block; background-color:red; padding:5px}
.flex {display:flex; justify-content:space-evenly; margin:70px auto!important}
#contact_form ul li select#SehirID option:first-child, #contact_form_ttbasvuru .agree input, #contact_form_ttbasvuru .agree span i, #contact_form_ttbasvuru ul li select#SehirID option:first-child, #ethickheck:checked~.textArea, .deActiveTextHidden, .detailArea, .mobileBottomCta, .mobileBtnArea, .only-mobile, .submenuArea, .tabs, .youChoice .right img.mobile {display:none}
.flex .w-20{width:20%}

.flex .w-40 {width:40%}
.flex .w-50, .reklam-filmi a {width:50%}
.flex .w-70 {width:70%}
.flex .w-80, .w-80 {width:80%}
.subPage .textArea img{margin-bottom: 15px;}
.centerTitle{text-align: center;}
header {background-color:transparent!important; width:100%; padding:0; flex-wrap:wrap; position:fixed; z-index:999; top:0}
.mx-auto, .w-80, .yts_nedir {margin:0 auto}
.yts_nedir .ytPlay{position: relative;}
.yts_nedir .ytPlay::after{content: ""; background: url(../images/play_icon.png) no-repeat center; width: 75px; height: 75px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: contain;}
.breadcrumb {margin:20px 0}
.breadcrumb a span {border-bottom:1px solid #000; padding:3px 0}
.breadcrumb a:last-of-type span {border:none}
.breadcrumb a::after {content:">>"; padding:5px 10px}
.breadcrumb a:last-of-type::after {content:""}
.ethicsForm a, footer .links ul li a:hover {text-decoration:underline}
header ul {float:none}
header ul li {float:none; padding-right:0}
.submenuArea {position:absolute; width:250px; padding:30px 25px; background:#fff; right:-90px; border-radius:10px; box-shadow:0 35px 60px #00000050}
.submenuArea li {margin-bottom:10px}
.submenuArea li a {color:#000; font-size:14px}
.navbar .navbar-footer div div a:first-child, header .logo, header ul {margin-left:0}
.ethicsButton {display:flex; justify-content:flex-end}

form.formHomepage{padding: 20px 0 !important; }

header .content {width:92%; margin:auto}
header .top {background:#b41a83; width:100%; padding: 5px 0;}
header .top .content{display: flex; justify-content: flex-end;}
header .top .content ul {display:flex; position:relative; margin-right:50px}
header .top .content ul li a{color: white; padding: 10px 25px; font-weight: bold;}
header .top .content ul li:last-child a{background-color: #67184a; color: white; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

header .bottom .campaignArea {position:relative; z-index:1;}
header .bottom .campaignArea .bellBtn {background:url(/assets/images/bell-icon-white.png) center/25px no-repeat #b41a83; width:45px; height:45px; display:block; border-radius:100%; cursor:pointer}
header .bottom .campaignArea .bellBtn span {position:absolute; right:-10px; top:3px; background:#000; border:1px solid #fff; color:#fff; font-size:12px; font-weight:700; display:block; border-radius:100%; width:20px; height:20px; text-align:center}
header .bottom .campaignArea .campaignList {display:none; background-color:#fff; box-shadow:0 35px 60px #00000050; margin-top:5px; width:350px; position:absolute; left:-250px; padding:30px 20px; border-radius:10px}
header .bottom .campaignArea .campaignList .item .left p{font-size:16px; font-weight:500}
header .bottom .campaignArea .campaignList .item .right {width:23%}
header .bottom .campaignArea .campaignList .item .left {width:77%}
header .bottom .campaignArea .campaignList .campaignAreaCloseBtn {cursor:pointer; font-weight:600; color:#000; text-align:end; width:100%; display:inline-block; padding-right:15px}
header .bottom .campaignArea .campaignList .item {display:flex; align-items:center; padding:10px 0; border-bottom:1px solid #d3d3d3}
header .bottom .campaignArea .campaignList .item:last-child {border-bottom:none}
header .bottom .campaignArea .campaignList .item .right a {display:block; padding:10px; background:#d29a70; color:#fff; font-size:14px; border-radius:5px; text-align:center}

/* header .top ul {display:flex; position:relative; margin-right:185px}
header .top ul li {margin-left:25px}
header .top ul li a {background:#8e1166; color:#fff; display:inline-block; height:30px; padding:6px 20px}
header .top ul li a.customer {pointer-events:none; opacity:0}
header .top ul li:nth-child(2) {position:absolute; right:-185px}
header .top ul li:nth-child(2) a {background:#fff; color:#b41a83; height:40px; padding:6px 20px}
header .top ul li:last-child {display: none;}
header .top ul li a, header .top ul li:last-child a {border-bottom-right-radius:5px; border-bottom-left-radius:5px} */
/* .yt-70-height .fancybox__content {height: 70vh !important;} */
header .top .ttAplication li:first-child a {border-bottom-right-radius:5px; border-bottom-left-radius:5px}
header .top .ttAplication {margin-right:230px}
header .top .ttAplication li:last-child {position:inherit; right:-230px; background:0 0}
header .top .ttAplication li:last-child a {color:#fff; font-size:14px; font-weight:700; display:inline-block; background:0 0; height:auto; padding:6px 0}
header .top .ttAplication li:first-child {position:absolute; right:-85px}
header .top .ttAplication li:first-child a {background:#fff; color:#b41a83; padding:6px 20px; height:35px}
.tabs .flexItem .col .title, header .bottom .content {display:flex; justify-content:space-between; align-items:center}
/* header .bottom {background-color:rgb(0 0 0/.7); width:100%; padding:10px 0} */
header .bottom {background-color:white; width:100%; padding:10px 50px}
header .bottom .content .yeterki-iste {display:inline-block; width:120px}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item a .img-wrapper img, header .bottom .content .yeterki-iste img {width:100%; height:100%; object-fit:cover}
.sssArea .head, header .bottom nav>ul {display:flex; align-items:center}
header .bottom nav>ul>li {margin-left:30px; position:relative}
header .bottom nav>ul>li ul {position:absolute; top:40px; left:-80px; background-color:#fff; border-radius:20px; padding:10px 20px; width:max-content; display:none; transition:.1s ease-in-out}
header .bottom nav>ul>li ul li {margin:10px 0}
header .bottom nav>ul>li>a {color:#000; font-weight: bold; display:block; padding:10px 0}
footer, section {width:calc(100% - 300px)}
footer.full, section.full{width: 100% !important;}
/* Segmentify açık */
/* section .subPage {background:#fff; min-height:800px; padding:0 60px 100px 130px} */
/* Segmentify kapalı */
/* section .subPage {background:#fff; min-height:800px; padding:180px 60px 100px 130px} */

section .subPage {background:#fff; min-height:800px; padding:50px 60px 100px 130px}
section .subPage.imsak-takvimi{padding:180px 60px 100px 130px}

section .subPage.subeler-page{padding: 50px 0 100px !important;}
section .subPage.subeler-page .branchMap #branchMap{width: 85%;}
section .subPage.subeler-page .branchMap {height: 700px;}
section .subPage.subeler-page .subeler {}

section .subPage h1 {color:#b41a83; font-size:28px; font-weight:500; margin-bottom:40px}
/* #contact_form, #contact_form_goruntulu, #contact_form_ttbasvuru {width:19.2%; } */
#contact_form, #contact_form_goruntulu, #contact_form_ttbasvuru {text-align:center;width:300px;  padding:0 25px;background-color:#fff;height:100%;display:table;box-shadow:0 0 15px rgb(0 0 0 / 50%);z-index:99 }
.contact_form .title {color:#b41a83!important; font-weight:400!important; font-size:26px!important}
.contact_form .title small {display:block; font-weight:700; font-size:18px; color:#232323}
#contact_form ul li select#IlceID, #contact_form ul li select#SehirID, #contact_form>ul li select#tasarrufTercihi, #contact_form_goruntulu>ul li #Telefon, #contact_form_goruntulu>ul li input[type=text], #contact_form_goruntulu>ul li select#tasarrufTercihi, #contact_form_ttbasvuru ul li select#IlceID, #contact_form_ttbasvuru ul li select#SehirID, #contact_form_ttbasvuru>ul li #Telefon, #contact_form_ttbasvuru>ul li input[type=text], .contact_form ul li .new, select#MahalleID, select#SemtID {width:100%; display:block; margin:0 auto; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border:1px solid #afafaf; background:0 0; height:40px; line-height:35px; }
.ttmb ul li {margin-bottom:7px!important}
.ttmb ul li.login {text-align:center; margin-top:10px}
.ttmb ul li.login small {font-size:12px; margin-bottom:5px; display:block; color:#212121}
.ttmb ul li.login a {line-height:40px; width:100%; display:block; color:#fff; font-size:16px; font-weight:700; background-color:#5d5d5d; border-radius:30px}
#contact_form .agree:last-child, #contact_form_goruntulu .agree:last-child {margin-top:7px!important}
footer {padding:40px 30px}
footer .right a {font-weight:400; font-size:13px}
footer .right .socialMedia .phone {margin-left:20px; font-size:14px; font-weight:700; background:url(/assets/images/phone-white.png) center left no-repeat; display:inline-block; padding-left:25px}
.tasarrufTercihiTitle {color:#5c5c5c; margin-bottom:10px!important; font-size:13px!important}
.submitButton {background-color:#b41a83!important; border-radius:35px!important}
.pl {padding-left:130px}
.pr {padding-right:30px}

.agree, .branch, .keyOwner, .popupFormWrapper div input, .promotionalAgency .banner {position:relative}
.mainBottom {background-color:#fff; color:#000; z-index:0; display:flex}
.mainBottom .left {width:30%; padding-right:45px}
.mainBottom .center {width:23%; background-image:-moz-linear-gradient(-30deg,#b71277 0,#c51065 57%,#d20d53 100%); background-image:-webkit-linear-gradient(-30deg,#b71277 0,#c51065 57%,#d20d53 100%); background-image:-ms-linear-gradient(-30deg,#b71277 0,#c51065 57%,#d20d53 100%); display:flex; flex-wrap:wrap; justify-content:center; padding:20px 30px}
.animationArea, .youChoice {background:#fff}
.mainBottom .right {width:47%; padding-left:45px}
.mainBottom span {display:block; color:#000; font-size:34px; margin-bottom:10px}
.mainBottom span.white {color:#fff; text-align:center}
h2 {font-size:32px; font-weight:700; padding:20px 0 20px 130px; color:#fff; z-index:0}
h2.pink {background-color:#b41a83}
h2.yellow {background-color:#f9b22c; color:#000}
.youChoice {display:flex; align-items:flex-end; padding-top:30px; padding-bottom:40px}
.branch, .keyOwner {padding-bottom:30px}
.youChoice .left {width:67%; padding-bottom:25px}
.youChoice .left p {font-weight:400; line-height:1.5; font-size:16px; padding:30px 0 30px 130px}
.youChoice .left h2, .yts_nedir {width:65%}
.youChoice .right {width:33%; text-align:right}
.youChoice .right img {width:90%; display:inline}
.branch .header h2, .sssArea .head h2 {width:87%; clip-path:polygon(0 0%,89% -100%,91% 100%,0 100%)}
.sssArea .head a {font-size:20px; color:#b41a83; font-weight:700}
.ethicsForm p, .sssPage .list-wrapper .list-item p, .textArea p {line-height:1.5; font-size:17px}
.sssPage .list-wrapper .list-item {padding:30px; border-radius:10px; background:#fff; box-shadow:0 -1px 20px rgb(0 0 0/20%); margin-bottom:40px}
.sssPage .list-wrapper .list-item h4 {color:#b41a83; font-size:22px; font-weight:700; border-bottom:1px solid #b41a83; padding-bottom:5px; margin-bottom:25px}
.sssPage .faqSearchArea {width:100%; height:50px; margin-bottom:100px}
.sssPage .faqSearchArea h2 {color:#b41a83; font-size:23px; font-weight:500; padding:unset; margin-bottom:10px}
.sssPage .faqSearchArea input {width:50%; height:100%; border:1px solid #b41a83; border-radius:5px; padding:0 10px; font-size:16px}
.keyOwner {display:flex; background:#222; padding-bottom:30px; z-index:1}
.keyOwner .left {padding-left:150px; margin-top:-100px}
.keyOwner .right {padding-left:20px}
.keyOwner .right span {color:#fff; font-size:50px}
.keyOwner .right span i {color:#b41a83; font-style:normal; font-weight:700}
.radiovalidate {border:none!important}
.branch {background:#fff}
.branch .header {display:flex; justify-content:space-between; margin-bottom:40px; align-items:center}
.branch .subeler {margin:0 auto; padding:0 75px!important}

#contact_form_calc .intl-tel-input.separate-dial-code .flag-container {height:58px; left:20px}
.intl-tel-input.separate-dial-code .selected-flag, .popupFormWrapper div input[type=radio]:checked+label {background:0 0}
/* .contact_form {position:fixed; top:120px} */
.contact_form>ul li, .ethicsForm p, .popupFormWrapper>div, .sidebar ul li, .yeterki-iste-content .yeterki-iste-content-text h1 {margin-bottom:20px}
.contact_form .etkLi, .sidebar ul li:last-child {margin-bottom:0}
.contact_form .titleImg {text-align:center; padding:20px 0}
.contact_form .titleImg img {width:150px; display:inline}
/* #contact_form>ul {padding:0 50px} */
#contact_form>ul li #Telefon {box-sizing:border-box; width:100% !important; font-weight:400;}
#contact_form>ul li #mobileCodeListSelect+#Telefon, #contact_form_ttbasvuru>ul li #mobileCodeListSelect+#Telefon {padding-left:130px!important}
#contact_form>ul li label, #contact_form_goruntulu>ul li label, #contact_form_ttbasvuru>ul li label {margin-top:0; color:#5c5c5c; font-weight:400}
/* .tasarrufTercihiTitle{font-size: 20px !important;font-weight: 500 !important; color: #b50e7d !important; margin-bottom: 10px !important; height: auto !important;display: block !important;} */
.tasarrufTercihiTitle {font-size: 20px !important;font-weight: 600 !important;color: #b50e7d !important;margin-bottom: 10px !important; text-align: start !important; height:auto !important;display:block}
#mobileCodeListSelect {border:1px solid #afafaf; border-left:none; border-right:none; background:#f2f2f2}
#mobileCodeListSelect2 {position:absolute; left:100px; height:100%; width:65px!important; z-index:2}
#main .stepsArea .tabs .tab {box-shadow:0 0 10px #00000036; -webkit-box-shadow:0 0 10px #00000036; -moz-box-shadow:0 0 10px #00000036}
#contact_form>p, #contact_form_goruntulu>p, #contact_form_ttbasvuru>p {padding-bottom:15px; background:0 0; background-color:none; margin-bottom:10px}
#contact_form>p span:first-child, #contact_form_goruntulu>p span:first-child, #contact_form_ttbasvuru>p span:first-child {color:#b50e7d;text-align:center; font-weight: bold; font-size:25px;line-height:1.3;}
#contact_form .submitButton, #contact_form_goruntulu .submitButton {margin-top:15px; text-align:center; }
#popupForm {background:#f2f2f2}
.popupFormWrapper .title {display:block; margin-bottom:10px; font-size:26px; font-weight:400; color:#b41a83}
.popupFormWrapper div>label {font-size:14px; font-weight:500; color:#1d1d1b; margin-bottom:5px; display:inline-block}
.popupFormWrapper div input {width:100%; padding:0 20px; height:35px; border:1px solid #d0d0d0; resize:none; transition:.3s; background:#fff; font-size:17px; font-weight:600; color:#1d1d1b; border-radius:5px}
.popupFormWrapper div input[type=radio]+label {position:relative; cursor:pointer; font-size:14px; line-height:2; display:-webkit-box; color:#1d1d1b; padding-left:0!important; margin-bottom:0; background:0 0}
.popupFormWrapper div input[type=radio]+label:before {content:""; margin-right:10px; display:inline-block; width:14px; height:14px; background:#fff; border:1px solid #d0d0d0; margin-top:7px}
.popupFormWrapper div input[type=radio]:checked+label:after {content:""; position:absolute; background:#b41a83; width:8px; height:8px; left:3px; top:10px}
.accordionContent .item .desc .tableArea .tableRow, .accordionContent .item .desc .tableFlex, .labelCont2, .popupFormWrapper div .dFlex {display:flex}
.cozum-merkezi .cozum-merkezi-form-wrapper .cozum-merkezi-dosya-wrapper input, .labelCont2 input {display:none!important}
.popupFormWrapper div button {margin-top:20px; background:#b41a83; color:#fff; font-size:19px; font-weight:700; border-radius:30px; text-align:center; padding:7px 20px; border:none; cursor:pointer}
#contact_form_ttbasvuru {height:100vh; float:right; right:0}
#contact_form_ttbasvuru>ul {padding:0 30px}
#contact_form_ttbasvuru>ul li #Telefon {box-sizing:border-box}
#contact_form_ttbasvuru .agree {margin:20px auto 0; overflow:hidden; width:100%}
#contact_form_ttbasvuru .agree:last-child {margin-top:20px}
#contact_form_ttbasvuru .agree span {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:16px; height:16px; background:0 0; display:block; float:left; border:1px solid #afafaf; margin-right:7px; cursor:pointer; position:absolute; z-index:0}
#contact_form_ttbasvuru .agree input:checked+span {background:#b41a83; display:flex; justify-content:center; align-items:center}
#contact_form_ttbasvuru .agree input:checked+span i {color:#fff; font-size:10px; display:block}
#contact_form_ttbasvuru .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_ttbasvuru ul li.w50 {width:49%; float:left; margin-right:2%}
#contact_form_ttbasvuru ul li.odd {margin-right:0}
#contact_form_ttbasvuru .submitButton {line-height:40px; width:100%; margin:45px auto 0; display:block; color:#fff; font-size:18px; font-weight:700; background-color:#b41a83; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; outline:0; border:none; cursor:pointer}
#contact_form_ttbasvuru .button2 {line-height:40px; width:100%; margin:10px auto 0; display:block; color:#fff; font-size:18px; font-weight:700; background-color:#5d5d5d; border-radius:35px; outline:0; border:none; cursor:pointer; text-align:center}
.tabsBtn a.active-tab {background-color:#b47c6f; color:#fff!important}
.tabs:after {content:""; clear:both; display:block; width:100%}
.tabs .flexItem {width:48%; float:left}
.tabs .flexItem:nth-child(2n-1) {margin-right:4%}
.tabs .flexItem .col {width:100%; background-color:#fff; margin-bottom:30px; padding:7px; box-shadow:0 -1px 20px rgb(0 0 0/20%)}
.accordionContent .item .desc p, .tabs .flexItem .col .title.active {margin-bottom:30px}
.tabs .flexItem .col .title span {color:#000; font-size:18px; font-weight:700; pointer-events:none; padding-left:10px}
.tabs .flexItem .col .title span b {font-weight:400; color:#c7926a}
.tabs .flexItem .col .detailText {background-color:#f68c1f; color:#fff; padding:10px 15px; font-weight:600; font-size:20px; display:flex; align-items:center; justify-content:center}
.tabs .flexItem .col .detailArea .address {margin-bottom:30px; line-height:25px}
.cozum-merkezi .cozum-merkezi-form-wrapper form, .flex div img, .flex p img, .keyVisual.full, .mainBottom .center img, .tabs .flexItem .col .detailArea .map img, .yeterki-iste-content.full, footer.index-page{width:100%}

.tabs .flexItem .col .detailArea .map iframe {width:100%; height:270px}
.cookie-notice {position:fixed; bottom:-100%; width:100%; left:0; transition: 2s all linear; padding:15px 0; color:#fff; z-index:1000; background-color:#7b7b7b}
.cookie-notice.active{bottom: 0; }
.cookie-notice a {color:#8a025f}
.cookie-notice .cookie-notice-flex {display:flex; align-items:center; justify-content:space-between; max-width:1680px; margin:0 auto; padding:0 1rem}
.cookie-notice p {flex-grow:1; margin:0; font-size:15px}
#pagination-container ul li, .socialMedia a i, .textArea h2 {font-size:20px}
.cookie-notice .cookie-notice-dismiss {display:inline-flex; padding:10px; flex-shrink:0; cursor:pointer; background-color:#8a025f}
.cookie-notice .cookie-notice-dismiss svg {display:block; width:20px; height:20px}
.cookie-notice .cookie-notice-dismiss path {stroke-width:3px; stroke:#fff}
.cookie-notice .cookie-notice-dismiss:hover path {stroke:rgb(255 255 255/0.75)}
.cityDropdown {position:relative; width:300px; z-index:9; border:1px solid #000; margin-right:80px}
.cityDropdown>.caption {background-color:#fff; padding:11px 24px; cursor:pointer; display:block; width:100%; position:relative; font-size:20px; color:#b41c82}
.cityDropdown>.caption:after {content:""; position:absolute; width:17px; height:11px; background:url(/assets/images/down-arrow-new.png) center no-repeat; top:18px; right:20px; transition:.3s}
.cityDropdown>.tabsBtn {position:absolute; background-color:#f2f2f2; width:100%; border-radius:0 0 3px 3px; display:none; height:250px; overflow-y:scroll}
.cityDropdown>.tabsBtn>.item {cursor:pointer; display:block; color:#b41a83; padding:10px}
.cityDropdown>.tabsBtn>.item.selected {font-weight:700; color:#fff!important}
.cityDropdown>.caption:hover, .cityDropdown>.tabsBtn>.item:hover {background-color:#b47c6f; color:#fff}
.cityDropdown.open>.caption {border-radius:3px 3px 0 0; border-bottom:1px solid #999}
.cityDropdown.open>.caption:after {transform:rotateX(180deg); transition:.3s}
.accordionContent .item .title:after, .accordionContent .item.active .title:after {content:""; position:absolute; width:19px; height:12px; top:50%; transform:translateY(-50%); right:30px; transition:.3s}
.cityDropdown .tabsBtn::-webkit-scrollbar {width:5px}
.cityDropdown .tabsBtn::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgb(0 0 0/.3)}
.cityDropdown .tabsBtn::-webkit-scrollbar-thumb {background-color:#b41c82}
.socialMedia {display:flex; justify-content:flex-end; flex-wrap:wrap; margin-top:10px}
.socialMedia a {border-left:0!important}
.campaignPage .list {display:flex;  flex-wrap:wrap}
/* .campaignPage .list .item {width:48%; background:#fff; padding:30px; box-shadow:0 -1px 20px rgb(0 0 0/20%); border-radius:15px; margin-bottom:50px} */
.campaignPage .list .item {width:23%; background:#fff; padding:15px; box-shadow:0 -1px 20px rgb(0 0 0/20%); border-radius:15px; margin: 0 15px 35px 0;}
.campaignPage .list .item a {display:block; color:#000}
.campaignPage .list .item a img {width:100%; display:block; margin-bottom:25px}
.campaignPage .list .item a span {font-size:16px; display:block; font-weight:700; height:100px}
.campaignPage .list .item a i {font-style:normal; float:right; font-size:13px; font-weight:700; background:#b41a83; padding:5px 10px; color:#fff}
.campaignPage .campaignTitle {font-size:23px; font-weight:500; margin-bottom:35px}
.savingPlans .mainBottom {margin-top:60px}
.savingPlans .mainBottom .center {width:22%}
.accordionContent {width:100%; margin-top:50px}
.accordionContent .item {width:100%; border-radius:10px; transition:.3s; border:1px solid #a5a5a5; margin-bottom:20px; box-shadow:0 -1px 20px rgb(0 0 0/20%); background-color:#fff}
.accordionContent .item .title {display:block; font-size:23px; font-weight:600; position:relative; color:#293340; cursor:pointer; padding:30px}
.accordionContent .item .title:after {background:url(/assets/images/accordionDown.png) no-repeat}
.accordionContent .item .desc {display:none; font-size:14px; font-weight:500; padding:20px 60px 20px 30px}
.accordionContent .item .desc>span {display:block; color:#b41a83; font-weight:700; margin-bottom:5px; border-bottom:1px solid #b41a83; padding-bottom:5px; font-size:16px}
.accordionContent .item .desc .tableArea {width:40%; margin:0 50px 50px 0; border:1px solid #e1e1e1}
.accordionContent .item .desc .tableArea .tableRow .tableCol {padding:10px; color:#000; width:100%}
.accordionContent .item .desc .tableArea .tableRow .tableCol.head {background:#000; color:#fff}
.accordionContent .item .desc .tableArea .tableRow .tableCol.col30 {width:27.5%}
.accordionContent .item .desc .tableArea .tableRow:nth-child(odd) .tableCol.col40 {background:#d1b6c8}
.accordionContent .item .desc .tableArea .tableRow:nth-child(2n) .tableCol.col40 {background:#dccfd8}
.accordionContent .item .desc .tableArea .tableRow .tableCol.col60 {width:55%; padding-left:20px}
.accordionContent .item .desc .tableArea .tableRow:nth-child(odd) .tableCol.col30, .accordionContent .item .desc .tableArea .tableRow:nth-child(odd) .tableCol.col60 {background:#c6c6c6}
.accordionContent .item .desc .tableArea .tableRow:nth-child(2n) .tableCol.col30, .accordionContent .item .desc .tableArea .tableRow:nth-child(2n) .tableCol.col60 {background:#e1e1e1}
.accordionContent .item .desc .tableArea .tableRow .tableCol.border-right {border-right:1px solid #b5b5b5}
.accordionContent .item.active {border:1px solid #b41a83; box-shadow:0 20px 20px rgb(0 112 128/.1)}
.accordionContent .item.active .title {background:#b41a83; border-top-left-radius:10px; border-top-right-radius:10px; color:#fff}
.accordionContent .item.active .title:after {background:url(/assets/images/accordionUp.png) no-repeat}
#pagination-container ul li.active span.next {opacity:.2!important}
.textArea p {margin-bottom:40px}
.textArea h2 {color:#b41a83; font-weight:700; margin-bottom:5px}
.textArea .list {padding-left:30px}
.textArea .list li {font-size:17px}
.financial-solution-page .financial-solutions-head, .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 li a {font-size:22px; color:#000; font-weight:700; display:block; border-bottom:1px solid #d2d2d2; padding-bottom:10px; transition:.3s}
.sidebar ul li a.selected, .sidebar ul li a:hover {color:#b41a83; border-bottom:1px solid #831844}
.pressList, .sss-main .sss-main-items {display:flex; flex-wrap:wrap}
.pressList .item {width:23%; position:relative; margin:0 1% 2%}
/* .pressList .item a {display:flex; height:300px; border:1px solid #ccc} */
.pressList .item a {display:flex; border:1px solid #ccc}
.pressList .item a img {width:100%; height:100%; filter:grayscale(1); transition:.3s}
.pressList .item .caption {color:#000; transition:.3s}
.pressList .item .caption small {font-size:14px; display:block; margin-bottom:5px; font-weight:700}
.pressList .item .caption span {font-size:20px; font-weight:700; display:block}
.pressList .item:hover a img {filter:grayscale(0)}
.pressList .item.bulletin a:hover, .pressList .item:hover .caption {background:#b41a83; color:#fff}
.pressList .item.bulletin {text-align:center; width:31%; height:160px; margin:3px}
.pressList .item.bulletin a {height:100%; padding:20px; color:#000; background:rgb(255 255 255/.3); font-weight:700}
.pressList .item.bulletin a span {display:block; font-size:19px; margin-bottom:10px}
.pressList .item.bulletin a small {display:block; font-size:14px; margin-bottom:25px}
.pressList .item.bulletin a img {width:45px; height:45px}
.pressList .item.bulletin a:hover img {filter:brightness(0) invert(1)}

.pressList.videos .item a {position: relative;}
.pressList.videos .item a::after {content: ""; background: url(../images/play_icon.png) no-repeat center; width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: contain;}


.pressList.bulten .item {width:80%;  border-radius: 10px;border: 2px solid #DCDCE0;background: #FFF; margin: 0 auto 14px;}
.pressList.bulten .item a {display:flex; justify-content: space-between; align-items: center; width: 100%; height: auto !important; padding: 10px !important; font-weight: 500;}
.pressList.bulten .item a div{display: flex; padding: 15px !important;}
.pressList.bulten .item a div .date {width: 85px; height: 70px; flex-shrink: 0; border-radius: 10px;background: #E9E9E9; text-align: center; display: flex; justify-content: center; flex-direction: column;}
.pressList.bulten .item a div .date strong{color: #0F1137; font-size: 13px;}
.pressList.bulten .item a div .date small{color: #7E7E7E;  font-size: 12px;}
.pressList.bulten .item a div p {color: #0F1137;font-size: 18px; display: flex; flex-direction: column; justify-content: center; padding-left: 30px; }
.pressList.bulten .item a div p .newspaper-icon {width: max-content !important; height: 30px; margin-top: 10px;}
.pressList.bulten .item a div p .newspaper-icon img{ height: 100%; width: 100%; object-fit: contain;}
.pressList.bulten .item a div p .newspaper-text {display: none;color: #0F1137;font-size: 16px;font-weight: 500;}
.pressList.bulten .item a  img { width: 125px; height: 125px; object-fit: cover; filter: none !important;}


.activityReportArea {display:flex; flex-wrap:wrap; margin-left:-20px}
.activityReportArea .item {width:calc(25% - 20px); margin-left:20px; border:1px solid #b41a83; margin-bottom:30px; height:100%}
.activityReportArea .item a {height:170px; display:flex; justify-content:center; align-items:center; flex-direction:column}
.activityReportArea .item a span {display:block; font-size:21px; color:#000; margin-bottom:20px; text-align:center}
.activityReportArea .item a i {width:40px; height:40px; background:url(../images/pinkDownBtn.svg) center no-repeat; border:1px solid #b41a83; transition:.3s}
.activityReportArea .item a:hover {box-shadow:0 20px 20px 5px rgb(158 12 79/.15)}
.activityReportArea .item a:hover i {background:url(../images/whiteDownBtn.svg) center no-repeat #b41a83; border:1px solid #fff0}

.activityReportArea .newItem{width:calc(33% - 20px); margin-left:20px; margin-bottom:30px; height:300px; position: relative;}
.activityReportArea .newItem img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; filter: brightness(0.4);}
.activityReportArea .newItem .newItemContent{z-index: 2; position: absolute; top: 0px; left: 0; width: 100%; height: 300px; color: white; text-align: center;}
.activityReportArea .newItem .newItemContent p{margin-top: 50px; font-size: 25px; font-weight: bold;}
.activityReportArea .newItem .newItemContent p:last-of-type{display: none;}
.activityReportArea .newItem:hover .newItemContent p{font-size: 30px;}
.activityReportArea .newItem:hover .newItemContent p:first-child{display: none;}
.activityReportArea .newItem:hover .newItemContent p:last-of-type{display: block;}
.activityReportArea .newItem:hover .newItemContent{background-color: rgba(255, 255, 255, .3);}


.activityReportArea .newItem .newItemContent span{position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); border-bottom: 3px solid #b41a83;}
.activityReportArea .newItem .newItemContent a{display: none; transition: .3s all ease; position: absolute;  left: 50%; opacity: 0; transform: translateX(-50%); background-color: #EF9336; padding: 7px 25px; color: white; font-size: 20px;}
.activityReportArea .newItem:hover .newItemContent a{display: block; bottom: 50px; opacity: 1;}
.activityReportArea .newItem:hover .newItemContent span{display: none;}



.visionMission h2 {padding-left:0}
header .top.promotionalAgencyHead .campaignArea {right:550px!important}
header .top.promotionalAgencyHead ul li:first-child a {background:#fff; color:#b41a83; height:35px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding:6px 20px}
header .top.promotionalAgencyHead ul li a.customer {pointer-events:all; opacity:1}
.promotionalAgency {padding-top:138px; background:#fff}
.promotionalAgency .banner .caption {position:absolute; left:0; bottom:0; background:rgb(255 255 255/.6); color:#000; width:50%; padding:30px 60px 30px 130px; clip-path:polygon(0 0%,85% -100%,100% 100%,0% 100%)}
.promotionalAgency .banner .caption .title {font-size:40px; font-weight:900; line-height:1.2; display:block; margin-bottom:25px}
.promotionalAgency .banner .caption p {font-size:18px; font-weight:400}
.promotionalAgency .ttMainBottom {display:flex; background:#b41a83}
.promotionalAgency .ttMainBottom .text {color:#fff}
.promotionalAgency .ttMainBottom .text .title {font-size:26px; font-weight:700; display:block; margin-bottom:25px}
.promotionalAgency .ttMainBottom .text .p {font-size:20px; font-weight:400; line-height:1.2}
.promotionalAgency .ttMainBottom .left {width:53%; background:#000; clip-path:polygon(0 0%,89% -100%,100% 100%,0% 100%); padding:30px 60px 30px 130px}
.promotionalAgency .ttMainBottom .right {width:47%; padding:30px}
.promotionalAgency .ttSystem {padding:30px 80px 30px 130px; display:flex; color:#000; justify-content:space-between}
.promotionalAgency .ttSystem div {background:#fff; width:46%; box-shadow:0 -1px 20px rgb(0 0 0/30%)}
.promotionalAgency .ttSystem div .title {display:block; background:#b41a83; font-size:26px; font-weight:500; color:#fff; padding:15px 40px}
.promotionalAgency .ttSystem div .title.black {background:#000}
.promotionalAgency .ttSystem div p {font-size:19px; font-weight:400; padding:30px 60px 30px 40px; line-height:1.3}
.footerTitle, .navbar .navbar-footer div p {padding-bottom:10px; border-bottom:1px solid}
.promotionalAgency .ruleCondition h2 {background-color:#000; font-size:28px; font-weight:400; padding:10px 0 10px 130px; color:#fff; clip-path:polygon(0 0%,75% -100%,80% 100%,0 100%); margin-bottom:30px; width:50%}
.promotionalAgency .ruleCondition .textArea {padding:0 80px 100px 130px}
.promotionalAgency .ruleCondition .textArea p {font-size:16px; font-weight:300; margin-bottom:25px}
.promotionalAgency .ruleCondition .textArea a {color:#fff; background:#b41a83; padding:15px 30px; border-radius:30px; font-weight:700; font-size:20px; display:inline-block; margin-top:60px}
:root {--primary-color:#b41a83; --black-bgcolor:#36363c}
.footerLogo {align-self:center}
.subPage .textArea ul {margin-left:30px; margin-bottom:40px}
.subPage .textArea ul li {margin-bottom:5px; line-height:140%; font-size:17px; list-style-type:disc}
.ethicsForm {margin-bottom:40px; display:none}
.ethicsForm form {max-width:800px}
.ethicsForm .title {font-size:28px; margin-bottom:20px; padding:0; color:#000}
.ethicsForm input::file-selector-button {width:150px; height:40px; border-radius:4px; border:none; background-color:var(--black-bgcolor); color:#fff; cursor:pointer; transition:.3s ease-in-out}
.ethicsForm input::file-selector-button:hover {background:var(--primary-color)}
.ethicsForm input:not([type=file],[type=submit]), .ethicsForm textarea {width:100%; height:40px; border:1px solid #d9d9d9; box-sizing:border-box; padding-left:20px; margin-bottom:10px; color:#444; font-size:14px; letter-spacing:1px; border-radius:4px}
.ethicsForm textarea {height:100px; padding-left:20px; padding-top:15px}
.ethicsForm a {color:#111; transition:.3s}
.ethicsForm a:hover {color:var(--primary-color)}
.ethicsForm[type=submit] {width:200px; height:50px; background:var(--black-bgcolor); text-align:center; color:#fff; font-size:14px; font-weight:700; margin-top:20px; cursor:pointer; border:none; border-radius:4px; transition:.3s ease-in-out}
.ethicsForm[type=submit]:hover {background:var(--primary-color)}
label[for=ethickheck] {display:flex; align-items:center; gap:10px; position:relative}
label[for=ethickheck]:before {content:""; width:17px; height:17px; border:1px solid #d9d9d9; border-radius:3px; display:inline-flex}
label[for=ethickheck]:after {content:""; position:absolute; top:4px; left:6px; width:5px; height:9px; border:2px solid #fff0; border-left-width:0; border-top-width:0; transform:rotate(45deg)}
#ethickheck {display:none; scroll-margin:100px}
#ethickheck:checked~.customLabel label[for=ethickheck]:after {border-color:#000}
.pressReleasesPage .pressList {display:grid; grid-template-columns:repeat(auto-fit,minmax(20rem,1fr)); grid-gap:4px}
.pressReleasesPage .pressList .item {display:flex; width:auto; margin:0}
.pressReleasesPage .pressList .item.bulletin a {height:auto}
.pressReleasesPage .pressList .item.bulletin a span {font-size:18px; margin-right:10px}
/* .footerArea {display:grid; align-items:flex-start; width:100%} */
.footerArea{display: flex; justify-content: space-between; width: 100%;}
.rightSelf { flex: 1;align-self:flex-end; width:100%}
.footerArea .footerLogo{width: 12%;}
.linksWrap{display: flex; gap: 30px; justify-content: space-evenly; flex: 1; margin-left: 30px;}
.footerTitle {color:#fff; margin-bottom:10px}
.linksWrap {display:flex; gap:30px; justify-content:space-evenly}
footer .links ul li a {font-size:12px; font-weight:400; margin-bottom:7px; display:flex}
.pressList .item .caption, .title {padding:10px 0; text-align:center}
.cozum-merkezi .cozum-merkezi-form-wrapper form ul li label a, .kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item a p, .link {font-weight:700}
.accordionContent .item .desc .tableArea .tableRow .tableCol.col40, .flex div, .flex p {width:45%}
.cozum-merkezi .cozum-merkezi-form-wrapper .row, .flex .w-30, .savingPlans .mainBottom .left {width:30%}
.animationArea h2, .flex .w-60 {width:60%; }
.other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content .img-col{width: 50%; height: max-content;}
.other-campaigns-page .other-campaigns-page-content .text-col ul {padding: 15px 25px;}
.other-campaigns-page .other-campaigns-page-content .text-col ul li{list-style-type: disc; margin-bottom: 10px;}

.shadow {-webkit-box-shadow:0 0 5px 0 rgb(0 0 0/.7); -moz-box-shadow:0 0 5px 0 rgb(0 0 0/.7); box-shadow:0 0 5px 0 rgb(0 0 0/.7)}
.title {font-size:26px; color:#b60080}
.cozum-merkezi .cozum-merkezi-form-wrapper form .half, .pressList.videos .item, .savingPlans .mainBottom .right {width:48%; position:relative}
.sss-main {margin:70px auto}
.sss-main .sss-main-items .sss-main-item {width:22%; height:165px; margin:10px; background:url(/assets/images/sss.webp) center/cover no-repeat; color:#fff; font-weight:700; font-size:20px; position:relative; padding:20px}
.sss-main .sss-main-items .sss-main-item div {width:max-content; height:30px; border-radius:10px; padding:5px; background-color:rgba(#610045,.4); display:flex; align-items:center; position:absolute; right:10px; bottom:10px}
.sss-main .sss-main-items .sss-main-item div img {width:30px; height:30px; object-fit:contain; padding-right:10px}
.sss-main .sss-btn {background-color:#f9b22c; padding:15px 65px; font-weight:700; border-radius:20px; margin:25px auto; display:block; width:max-content}
.submenuClickBtn a {display:flex!important; align-items:center}
.submenuClickBtn a img {width:20px; height:17px; margin-left:10px}
.submenuClickBtn>a.open:after {transform:rotateX(180deg)}
.submenuAreaCloseBtn {cursor:pointer; color:#fff; font-size:25px; padding-right:50px}
.navbar {position:absolute; min-height:100vh; width:100vw; top:-105vh; left: 0; background-color: rgb(0 0 0/0.9)!important; color:#fff; padding:50px; z-index:99}
.cozum-merkezi .cozum-merkezi-form-wrapper form ul li label, .form {color:#000}
.navbar .navbar-header {height:100px; width:100%; display:flex; justify-content:space-between; position:relative}
.navbar .navbar-header a.logo {position:absolute; top:0}
.navbar .navbar-header a.submenuAreaCloseBtn {position:absolute; top:15px; right:100px}
.navbar .navbar-lists {width:100%; display:flex; flex-wrap: wrap; margin-top:50px}
.navbar .navbar-lists ul li .navbar-list-title {padding-bottom:5px; border-bottom:1px solid; position: relative;}
.navbar .navbar-lists ul li .navbar-list-title.sub::before {content:"+"; color: white; position: absolute; left: -15px;}
.navbar .navbar-lists ul li ul { display: none; }
.navbar .navbar-lists ul li ul li {margin:10px 0;}
.navbar .navbar-lists ul li ul li:first-child {margin-top:20px}
.navbar .navbar-header .navbar-header .logo {width:13.75%}
.navbar .navbar-footer {width:100%; display:flex; position:absolute; bottom:0}
.navbar .navbar-footer div:first-child {margin-right:200px; margin-left:50px}
.navbar .navbar-footer div div {width:100%; padding:30px 0; display:flex}
.navbar .navbar-footer div .navbarSocial a, footer .right .socialMedia a {display:inline-block; width:22px; height:22px}
.navbar .navbar-footer div .navbarSocial a img, footer .right .socialMedia a img {width:100%; height:100%; filter:invert(1)}
.navbar .navbar-footer div div a, footer .right .socialMedia a {margin:10px!important}
.navbar .navbar-lists ul li ul{width:100%}
.navbar .navbar-lists ul li a{font-size: 15px;}
.navbar .navbar-lists ul {width:25%}
.navbar .navbar-lists div{display: flex;width: 100%; margin-top: 50px; }
.navbar .navbar-lists div ul {width:25%;}

.bottom.opened .navbar {top:0; transition:.6s ease-in-out}
#ethickheck:checked+.ethicsForm, .animationArea a, .animationArea a img, .cityDropdown.open>.tabsBtn, .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container, .keyVisual img, .tabs .flexItem .col .title.active .detailText, .tabs .flexItem .col:hover .detailArea, header .bottom nav>ul>li:hover ul {display:block}
header .logo {width:auto; float:none}
#main{max-width: 100vw; overflow-x: hidden;}

/* .mainSlider {height: 85vh;} */
.mainSlider {height: 100vh; }
.mainSlider.onlineIslemlerSlider{height: unset;}
.mainSlider .owl-stage{height: 100% !important;}
.mainSlider .owl-stage-outer {height:100% !important; width: 100vw !important;}
.mainSlider .item {height:100%!important; width: 100vw !important;}
.mainSlider .item picture {height:100% !important; width:100%; display:inline-block}
.mainSlider .item picture img {height:100%!important; width:100%; object-fit: cover; }

.mainSlider .owl-nav {position:absolute; bottom:60px; right:20px; display:flex}
.mainSlider .owl-nav div {width:40px; height:40px; background:url(/assets/images/rightArrow.png) center no-repeat #fff; color:#fff0; margin-right:10px; transition:.3s ease-in-out; border-radius:3px}
.mainSlider .owl-nav div:hover {background:url(/assets/images/rightArrowHover.png) center no-repeat #b50d7c}
.mainSlider .owl-nav div.owl-prev, .tabs .flexItem .col .title.active .detailText svg, .tabs .flexItem .col:hover .detailText svg {transform:rotate(180deg)}

.flag-container{height: 100% !important;}
footer.full {width:100%!important}
footer .logo {width:12%!important}



.iftar-vakti {position:relative; min-height:170px; width:100%; margin:0 auto; background:#811A5C; display:flex; align-items:center; justify-content:space-between; padding:20px 5%; overflow: visible ;  }
.iftar-vakti.notHomepage{width: calc(100% - 300px); margin: 0;}
.iftar-vakti .moon {position:absolute; left:5%; top:0px;  width:100px;}
.iftar-vakti .mosque {position:absolute; left:13%; bottom:0;  opacity:0.4; width:350px;}
.iftar-vakti .content {display:flex; align-items:center; justify-content:space-between; z-index:10; width: 58%; margin-left: auto; margin-right: 100px;}
.iftar-vakti .left {display:flex; flex-direction:column; }
.iftar-vakti .left p {color:white; font-size:18px; margin-bottom:8px;}
.city-dropdown {position:relative; width:370px; z-index:999999;}
.dropdown-button {background-color:#fff; border:2px solid #e0e0e0; padding:12px 15px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; border-radius:8px; font-size:14px;}
.dropdown-button::after {content:''; background: url(../images/chevron-down.png) no-repeat; font-size:12px; color:#888; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); width: 20px; height: 20px; }
.dropdown-content {display:none; position:absolute; top:105%; left:0; width:100%; background:white; border:1px solid #ddd; border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,0.15); z-index:1000;}
.dropdown-content.show {display:block;}
.search-wrapper {padding:10px; border-bottom:1px solid #eee; background:#f9f9f9; border-radius: 20px;}
#sehir-ara {width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; outline:none; box-sizing:border-box;}
.city-list {max-height: 200px; overflow-y:auto;}
.city-item {display:block; padding:10px 15px; text-decoration:none; color:#333; text-transform:uppercase; font-size:13px; border-bottom:1px solid #f5f5f5;}
.city-item.active {background-color:#b60080; color: #f1f1f1;}
.city-item:hover {background-color:#b60080; color: #f1f1f1;}
.right {display:flex; align-items:center;}
.right div {position:relative; padding: 0 40px; text-align:center;}
.right div:last-child {margin-right:0;}
.right div:not(:last-child)::after {content:":"; position:absolute; right:0px; top:50%; color:white; font-size:40px; font-weight:bold; transform:translate(0, -50%);}
.right div p {font-size:50px; font-weight:bold; color:white; margin-bottom:5px; }
.right div span {font-weight:200; color:rgba(255,255,255,0.8);}
.iftar-vakti .greeting-box { text-align:center; background-color:rgba(255, 255, 255, 0.15); padding: 10px 20px; border-radius:12px; color:white; z-index:10; display: block;}
.iftar-vakti .greeting-box span {font-family: "My Soul", cursive; font-size:35px; display:block;}
.iftar-vakti .greeting-box p {font-size:16px; margin:0; opacity:0.9;}
.iftar-vakti .greeting-box br{display: none;}
.city-list::-webkit-scrollbar {width:6px;}
.city-list::-webkit-scrollbar-thumb {background:#ccc; border-radius:10px;}


.imsakiye-wrapper{background: rgba(129, 26, 92, 1); border-radius: 30px;}
.imsakiye-wrapper .head{display: flex; justify-content: space-between; align-items: center; padding: 0 60px;}
.imsakiye-wrapper .head .title{color: white; font-size: 22px; text-align: start;}
.imsakiye-wrapper .head .title span{font-family: "My Soul", cursive; font-size:50px; display:block;}
.imsakiye-wrapper .head .moon {width: 150px;}
.imsakiye-wrapper .right {display:flex; align-items:center; position: relative;}
.imsakiye-wrapper .right div {position:relative; padding: 0 40px; text-align:center;margin-top: 5px;}
.imsakiye-wrapper .right div:last-child {margin-right:0;}
.imsakiye-wrapper .right div:not(:last-child)::after {content:":"; position:absolute; right:0px; top:50%; color:white; font-size:40px; font-weight:bold; transform:translate(0, -50%);}
.imsakiye-wrapper .right div p {font-size:50px; font-weight:bold; color:white; margin-bottom:5px; }
.imsakiye-wrapper .right div span {font-weight:200; color:rgba(255,255,255,0.8);}
.imsakiye-wrapper .right small{position:absolute; top:-15px; left:50%; transform:translate(-50%, 0); color:white; font-size:15px;}
.imsakiye-wrapper .ramadan {padding: 0 60px 40px;}
.imsakiye-wrapper .ramadan .ramadanHead{border-top-left-radius: 9px; border-top-right-radius: 9px; background-color: rgb(165, 46, 128, 0.29); display: flex; align-items: center; padding: 25px; margin-top: 50px;}
.imsakiye-wrapper .ramadan .ramadanHead .meta{margin-left: 30px; font-size: 22px; color: white;}
.imsakiye-wrapper .ramadan table{border: none !important; border-collapse: collapse; width: 100%; }
.imsakiye-wrapper .ramadan table thead{background: rgb(165,46,128, 0.61);}
.imsakiye-wrapper .ramadan table tr, .imsakiye-wrapper .ramadan table td, .imsakiye-wrapper .ramadan table th{border: none !important; color: white; text-align: center; padding: 10px;}
.imsakiye-wrapper .ramadan table tbody tr:nth-child(even){background: rgb(165, 46, 128, 0.28);}
.imsakiye-wrapper .ramadan table tbody .kadir-gecesi-row{background-color: #A52E80 !important;}

.other-campaigns.imsak-campaigns h2{padding:0 30px !important; margin-top: 75px;}
.other-campaigns.imsak-campaigns h2 small{font-weight: 500;}
.other-campaigns.imsak-campaigns .other-campaigns-slider {width: 100% !important; padding: 0 20px;}


.findeks{width: 75%; margin: 50px auto; padding: 25px; box-shadow: 0 0 25px 0 rgba(200, 200, 200, 1); border-radius: 20px;}
.findeks .top{display: flex; justify-content: space-between; margin-bottom: 25px; color: #B31E81; font-weight: bold;}
.findeks .top a{background-color: #B31E81; padding: 5px 8px; border-radius: 100%;}
.findeks .top a img{width: 10px; height: 10px;}
.findeks .charts{display: flex; justify-content: space-between;}
.findeks .charts .left .limit{margin: 20px 5px; display: flex; align-items: center;}
.findeks .charts .left .limit div p{padding-bottom: 5px;}
.findeks .charts .left .limit.total b{background-color: #FAB22D; width: 20px; height: 20px; margin-right: 10px; display: block;}
.findeks .charts .left .limit.used b{background-color: #B31E81; width: 20px; height: 20px; margin-right: 10px; display: block;}
.findeks .charts .right{width: 200px;  position: relative;}
.findeks .charts .right .info{width: 75%; height: 75%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.findeks .bottom{margin-top: 10px;}
.findeks .bottom p{text-align: center;}


/* #talepPopup .talepTutar{width: 100%; height: 40px; border: none; border-radius: 5px; margin: 50px 0 25px; text-indent: 15px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
#talepPopup .talepTutar::placeholder{color: #000000 !important;}
#talepPopup .talepTutarBtn{display: block; width: 100%; height: 40px; background-color: #B31E81; color: white; border-radius: 5px; text-align: center; line-height: 40px; font-weight: bold;}
@media screen and (max-width:1024px) {
    #talepPopup{height: auto !important;}
    #talepPopup .talepTutar{margin:0 0 20px;}
    .findeks{width: 90%; padding: 10px;}
    .findeks .charts .right{width: 140px;}
} */


.jobArea{display: flex; flex-wrap: wrap;}
.jobArea table{width: 100%; margin: 0 auto; border-collapse: collapse;}
.jobArea table thead{background: #B41A83; color: #fff; font-weight: bold;}
.jobArea table tr td{padding: 10px;}
.jobArea table thead tr td:nth-child(1), .jobArea table tbody tr td:nth-child(1){width: 8%;}
.jobArea table thead tr td:nth-child(2), .jobArea table tbody tr td:nth-child(2){width: 70%;}
.jobArea table tbody tr td a{color: #6a6a6a;}
.jobArea table tbody tr td:nth-child(2) a{text-decoration: underline;}
.jobArea table tbody tr{border-bottom: 1px dashed #ccc;}
.jobArea table tbody tr td:first-child a{color: #B41A83 !important;}
.jobArea table tbody tr td a{width: 100%; display: block;}


/* .jobArea .jobAreaItem{width: 22%; margin-right: 25px; margin-top: 20px; border: 1px solid #b40080; border-radius:10px; padding: 30px 15px 150px 30px; position: relative;}
.jobArea .jobAreaItem:last-child{margin-right: 0;}
.jobArea .jobAreaItem img{width: 50%; }
.jobArea .jobAreaItem strong{font-size: 20px; margin: 20px 0 0; display: block;}
.jobArea .jobAreaItem:hover{box-shadow:0 10px 20px 5px rgb(158 13 124/.15);}
.jobArea .jobAreaItem i {display: inline-block; position: absolute; bottom: 30px; right: 20px; border: 1px solid #b50d7c; width:20px; height:20px; padding: 20px;background:url(/assets/images/rightArrow.png) center no-repeat #fff; color:#fff0; transition:.3s ease-in-out; border-radius:3px}
.jobArea .jobAreaItem:hover i {background:url(/assets/images/rightArrowHover.png) center no-repeat #b50d7c;} */

.jobsDetails {display: none;}
.jobDetailItem.fancybox-content{max-width: 75%; max-height: 90%;}
.jobDetailItem .inner{display: flex; }
.jobDetailItem .inner .left{padding: 50px 30px 50px 0;}
.jobDetailItem .inner .left img{width: 60%;}
.jobDetailItem .inner .left strong{font-size: 25px; margin: 40px 0 20px; display: block;}
.jobDetailItem .inner .left p{font-weight: 500;}
.jobDetailItem .inner .left p i{color: grey;}
.jobDetailItem .inner .left a{font-size: 20px; font-weight: 700; color: #fff; background-color: #b41a83; display: block; width: max-content; padding: 10px 20px; margin-top: 20px;}
.jobDetailItem .inner .right{ padding: 10px; overflow-y:scroll; max-height: 500px;}
.jobDetailItem .inner .right strong{padding: 40px 0 10px; display: block;}
.jobDetailItem .inner .right ul li{list-style-type: disc !important; margin-left: 20px; margin-top: 10px;}
.jobDetailItem .inner .right .tableContainer table tbody tr td:last-child{padding: 0 15px;}
.jobDetailItem .inner .right .tableContainer table{border-collapse: collapse;}
.jobDetailItem .inner .right .tableContainer table tr td{padding: 5px;}
h2.default{padding: 0; color: #000;}
h2.jobDetailTitle{color: #b41a83; padding: 0 0 25px; font-size: 28px; font-weight: 500;}

.line{width: 100%; height: 2px; background-color: #b41a83; }
.videoArea a{width: 100%; margin-top: 20px; padding: 10px; position: relative; display: block;}
.videoArea a div{width: 100%; height: auto; position: relative;}
.videoArea a div img{width: 100%; height: auto; display: block; object-fit: cover; }
.videoArea a div:hover::after{display: block; transition: .3s all ease-in-out;}
.videoArea a div::after{content: ""; display: none; position: absolute; left: 40%; top: 35%; width:65px; height:65px; background-size: cover; background:url(/assets/images/playIcon.svg) center no-repeat;  transition:.3s ease-in-out; background-color:rgba(255,255,255,0.3); border-radius: 100%; }
.videoArea a span{ color: #374041; margin: 15px 0 0; display: block;}
.videoArea .owl-nav{display: flex; justify-content: end; margin-right: 10px;}
.videoArea .owl-nav .owl-prev, .videoArea .owl-nav .owl-next{margin-top: 20px; width: 40px; height: 40px; border-radius: 3px; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #b41a83; border: 1px solid #b41a83;}
.videoArea .owl-nav .owl-prev{margin-right: 10px;}
/* section .subPage.other-campaigns-page {padding:180px 0 100px} */
section .subPage.other-campaigns-page {padding:50px 0 100px}
section .subPage.other-campaigns-page .other-campaigns-page-info {padding:0 60px 0 130px}
.other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content {display:flex; justify-content:space-between; margin:25px 0}
.other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content .img-col img {width:100%; height:100%; -webkit-box-shadow:0 0 5px 0 rgb(0 0 0/.7); -moz-box-shadow:0 0 5px 0 rgb(0 0 0/.7); box-shadow:0 0 5px 0 rgb(0 0 0/.7)}
.other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content .text-col {padding-left:50px; width:50%; font-size:21px}
.other-campaigns h2 {padding:20px 0 20px 130px!important}
.other-campaigns-slider {width:83%!important; margin:0 auto!important}
.other-campaigns-slider .item {padding:0 12px}
.other-campaigns-slider .item a {width:100%; height:480px; padding:20px; border-radius:20px; margin:20px 0; display:inline-block; position:relative; -webkit-box-shadow:0 0 10px 0 rgb(0 0 0/.5); -moz-box-shadow:0 0 10px 0 rgb(0 0 0/.5); box-shadow:0 0 10px 0 rgb(0 0 0/.5)}
.other-campaigns-slider .item a img {width:100%; height:auto; object-fit:cover}
.other-campaigns-slider .item a span {font-weight:700; padding-top:20px; display:inline-block; font-size:18px}
.other-campaigns-slider .item a i {position:absolute; right:25px; bottom:20px; background-color:#b41a83; color:#fff; padding:7px}
.other-campaigns-slider .owl-dots {display:flex; justify-content:center}
.other-campaigns-slider .owl-dots .owl-dot {width:8px; height:8px; margin:0 6px; position:relative}
.other-campaigns-slider .owl-dots .owl-dot span {display:block; position:absolute; background-color:#881463; border-radius:100%; width:5px; height:5px; top:3px; left:3px; transition:.5s ease-in-out}
.other-campaigns-slider .owl-dots .owl-dot.active span {width:100%; height:100%; background-color:#f9b22c; top:0; left:0}
.financial-solution-page .financial-solutions-head div {width:100%; padding:0 50px}
.financial-solution-page .financial-solutions-head div p {text-align:start}
.financial-solution-page .financial-solutions-head .financial-solutions-menu {background:#eaeaea; max-width:400px; width:100%; height:max-content; display:flex; flex-direction:column; align-items:center; padding:25px}
.financial-solution-page .financial-solutions-head .financial-solutions-menu .financial-solutions-menu-items {padding:20px 0 5px; border-bottom:1px solid #c7c7c7; font-size:24px; width:100%}
.financial-solution-page .financial-solutions-head .financial-solutions-menu .financial-solutions-menu-items.active {border-bottom:1px solid #b91273; font-weight:700}
.financial-solution-page p {margin:50px 0; font-size:20px; text-align:justify; text-wrap:pretty}
.financial-solution-page .img-container {width:100%; display:flex; justify-content:center}
.financial-solution-page .img-container img {height:400px; width:auto}
.cozum-merkezi p {font-size:20px; color:#484848}
.cozum-merkezi .cozum-merkezi-form-wrapper {width:100%; margin-top:30px}
.cozum-merkezi .cozum-merkezi-form-wrapper form ul {display:flex; flex-wrap:wrap; justify-content:space-between}
.cozum-merkezi .cozum-merkezi-form-wrapper form ul li {width:100%; margin:10px 0}
.cozum-merkezi .cozum-merkezi-form-wrapper form .half input, .cozum-merkezi .cozum-merkezi-form-wrapper form select, .cozum-merkezi .cozum-merkezi-form-wrapper form textarea, .cozum-merkezi .cozum-merkezi-form-wrapper form ul li input {width:100%; height:50px; border:1px solid #b91273; border-radius:10px!important; text-indent:20px}
.cozum-merkezi .cozum-merkezi-form-wrapper form textarea {min-height:130px; padding:15px 0}
.cozum-merkezi .cozum-merkezi-form-wrapper form #telefon3{padding-left: 120px !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper .cozum-merkezi-dosya-wrapper {border:1px solid #b91273; border-radius:10px; height:50px}
.cozum-merkezi .cozum-merkezi-form-wrapper .cozum-merkezi-dosya-wrapper label {width:100%; height:100%; display:inline-block; padding:5px; cursor:pointer}
.cozum-merkezi .cozum-merkezi-form-wrapper .cozum-merkezi-dosya-wrapper label span {background-color:#d5d5d5; border-radius:7px; color:#0d1942; height:100%; width:max-content; padding:0 10%; display:flex; align-items:center}
#filename {display:block; position:relative; top:-15px}
.keyOwner, .mainBottom {align-items:center; position:relative}
.phone {font-size:14px; font-weight:700; background:url(/assets/images/phone-white.png) center left no-repeat; display:flex; align-items:center; padding-left:25px!important; width:max-content!important; white-space:nowrap}
.sssArea {background-color:#f8f8f8!important}
.form {width: 300px; background-color:#f9b22c;z-index: 999999; border-radius: 10px; position:fixed; right:-400px; bottom:15%; z-index:10; border-top-left-radius: 20px; border-bottom-left-radius: 20px; transition: .3s right ease-in-out;}
.form.active{right: 0; z-index: 999999;}
.form .form-title{padding: 0 !important;}
.form .formCloseBtn{position: absolute; left: 18px; top: 25px; font-weight: bold; color: #6c174f; z-index: 2;}
.formHomepage #div-loading{ width: 100% !important; height: 100% !important; background-color: transparent !important; float: none !important;}
.formHomepage .tasarrufTercihiTitle{    margin-bottom: 10px !important; font-size: 13px !important; text-align: start !important; color: #5c5c5c !important; font-weight: 400 !important;}
.contact_form_homepage {width:100%!important; background-color:transparent!important; height:auto!important; padding: 30px !important; }
.formHomepage #contact_form > p{margin-bottom: 0 !important; padding-bottom: 0 !important; z-index: 1;}
.contact_form_homepage p {padding-right:0; font-weight:700; font-size:20px; pointer-events:all; }
.contact_form_homepage .form-title {cursor:pointer; pointer-events:all; color: #6c174f; text-align: center;  font-size: 17px;}
.contact_form_homepage .inputs {width:100%; padding:10px 0!important}
.contact_form_homepage .inputs li {width:100%!important; margin:3px 0;}
.contact_form_homepage .inputs input {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:#fff!important; height:35px !important; line-height:35px; padding:0 10px!important}
#contact_form_ttbasvuru>ul li, .textArea .list li {margin-bottom:15px}
.contact_form_homepage .inputs input[type='radio'] {width:auto!important}
.contact_form_homepage .inputs #SehirID, .contact_form_homepage .inputs #IlceID {background-color:#fff!important; height: 35px !important; border-radius:6px !important; -webkit-border-radius:6px !important; -moz-border-radius:6px !important; padding: 0 10px !important;}
.contact_form_homepage .inputs .form-bottom {display:none; width:100%!important; margin:10px 0!important}
.contact_form_homepage .form-bottom .form-bottom-flex{display: flex; width: 100%;}
.contact_form_homepage .submitButton {height:35px!important; width:max-content!important; padding:0 40px!important; border-radius:100px!important; background-color:#b41a83; color:#fff; line-height:0!important; margin-top:22px!important}
.contact_form_homepage.slide .submitButton {margin-top:17px!important}

.openHomePageForm{position: fixed; cursor: pointer; right: 0; top: 50%; transform: translateY(-50%); background-color: #f9b22c; color: #6c174f; font-size: 24px; font-weight: bolder; z-index: 1; padding: 25px 10px; border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.openHomePageForm span{transform: rotate(-180deg); writing-mode: vertical-rl;}
.openHomePageForm img{object-fit: contain; width: 13px; height: auto; margin: 0 auto 10px;}

.preferences, .reklam-filmi, .yeterki-iste-content {width:85%; margin:70px auto; display:flex}
.yeterki-iste-content .yeterki-iste-content-text {background-color:#eee; padding:45px; font-size:22px; max-width:77%; width:100%}
.yeterki-iste-content .img {max-width:27%; width:100%; padding:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#b81275; background:linear-gradient(90deg,#b81275 0,#d10d55 100%)}
.yeterki-iste-content .img img {object-fit:contain; height:100px; width:100%}
.yeterki-iste-content .img p {color:#fff; font-size:35px; padding:0 0 0 80px}
.yeterki-iste-content.full .img p {padding:0 0 0 50px}
.preferences img {height:100%; width:50%}
.reklam-filmi div {width:50%; padding-right:75px}
.reklam-filmi div h2 {color:#000; padding:0 0 25px; font-size:25px}
.tabsBtn input {height:40px; width:100%; padding:0 5px; color:#b41a83}
.tabsBtn input::placeholder {color:#b41a83; font-weight:400}
.tabsBtn .item:nth-child(0) {margin-top:40px}
.scroll-offset {scroll-margin-top:200px}
.branch .header .cityDropdown {z-index:9}
.branch .tabs-content .tabs .flexItem {width:30%!important; margin-right:3%!important; float:left}
.kazanan-tasarruf-sahipleri {background-color:#f6f6f6; padding:50px 0; position:relative}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-title {color:#000; font-weight:400; font-size:26px; text-align:center; padding:0 0 15px}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider {width:100%!important; height:400px; margin:0 auto}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item:first-child{margin-left: 15px;}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item {width:340px; height:340px; margin:20px 0}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item a {width:100%; height:100%; display:inline-block; padding:5px; text-align:center; background-color:#fff; box-shadow:0 0 5px 0 rgb(0 0 0/.5); -webkit-box-shadow:0 0 5px 0 rgb(0 0 0/.5); -moz-box-shadow:0 0 5px 0 rgb(0 0 0/.5)}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item a .text-purple {font-style:italic; font-weight:400}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item a .img-wrapper {width:100%; height:255px; padding:5px; margin:10px auto}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .owl-dots, .tasarruf-sahibi-slider .owl-dots {display:flex; justify-content:center; width:max-content; margin:0 auto; background-color:#d6d6d6; border-radius:10px; overflow:hidden}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .owl-dots .owl-dot, .tasarruf-sahibi-slider .owl-dots .owl-dot {width:30px; height:10px; position:relative}
.tasarruf-sahibi-slider .item::after, .tasarruf-sahibi-slider .item::before {background-repeat:no-repeat; width:50px; height:50px; display:inline-block; content:""}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .owl-dots .owl-dot span, .tasarruf-sahibi-slider .owl-dots .owl-dot span {display:block; position:absolute; width:100%; height:100%; transition:.5s ease-in-out}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .owl-dots .owl-dot.active span, .tasarruf-sahibi-slider .owl-dots .owl-dot.active span {width:100%; height:100%; background-color:#f9b22c; border-radius:10px; top:0; left:0}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .owl-dots .owl-dot:last-child{display: none;}
.tasarruf-sahibi {padding:0 15px}
.tasarruf-sahibi .tasarruf-sahibi-title {font-size:32px; text-align:center; padding:40px 0}
.tasarruf-sahibi-slider {width:100%; height:550px}
.tasarruf-sahibi-slider .item {max-width:400px; width:100%; height:330px; margin:30px 0; padding:30px; text-align:center; display:flex; flex-direction:column; justify-content:space-between; background-color:#f8f8f8; position:relative; box-shadow:0 5px 0 #000; -webkit-box-shadow:0 0 5px 0 rgb(0 0 0/.5); -moz-box-shadow:0 0 5px 0 rgb(0 0 0/.5)}
.tasarruf-sahibi-slider .item div p {margin-top:20px; font-size:15px}
.tasarruf-sahibi-slider .item div span {color:#b40080}
.tasarruf-sahibi-slider .item::before {background-image:url(../images/cift_tirnak_yukari.png); position:absolute; top:-15px; left:20px}
.tasarruf-sahibi-slider .item::after {background-image:url(../images/cift_tirnak_asagi.png); position:absolute; bottom:-25px; right:20px}
.branchMap {width:100%; position:relative; height:600px}
#branchMap {width:60%; margin:0 auto 50px; position:absolute; left:50%; transform:translateX(-50%)}
#branchMap svg {width:100%; height:100%; margin-left:1.5%}
#branchMap path.active.selected, #branchMap path.active:hover, #branchMap polygon.active.selected, #branchMap polygon.active:hover {cursor:pointer; fill:#66114a}
#branchMap path.deActive, #branchMap polygon.deActive {fill:#bd4898; pointer-events:none}
.deActiveText {fill:none!important}

a.link{font-weight: bold;}
a.link:hover{color: #b41a83; }
/* blog */
/* .blog{padding: 180px 0 100px;} */
.blog{padding: 50px 0 100px;}
.blog .blogHeader{padding: 0 100px; display: flex; justify-content: space-between;}
.blog .list{padding: 0 100px;}
.blog h1{color:#b41a83;}
.blog .categories {margin-top: 30px;}
.blog .categories strong{font-size: 20px; margin-bottom: 15px; display: block; color: #b41a83;}
.blog .categories ul{display: flex; align-items: center;}
.blog .categories ul li{margin-right: 20px;}
.blog .categories ul li a{ color: #363636;font-size: 17px; background: #E9EEF0; padding: 5px 20px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; transition: .3s all ease-in-out;}
.blog .categories ul li a:hover{color: #b41a83; }
.blog .categories ul li a.selected{ background: #b41a83; color: #fff; box-shadow: 0px 10px 20px rgba(158,12,79,0.25);}
.blog .blogSlider{width: 100%; margin: 70px 0; position: relative;}
.blog .blogSlider .owl-nav{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
.blog .blogSlider .owl-nav .owl-prev img{transform: rotate(180deg);}
.blog .blogSlider .owl-dots{display: flex; justify-content: center; margin-top: 30px;}
.blog .blogSlider .owl-dots .owl-dot {width:13px; height:13px; margin:0 6px; position:relative;}
.blog .blogSlider .owl-dots .owl-dot span {display:block; position:absolute; background-color:#881463; border-radius:100%; width: 9px; height:9px; top:3px; left:3px; transition:.5s ease-in-out}
.blog .blogSlider .owl-dots .owl-dot.active span {width:100%; height:100%; background-color:#f9b22c; top:0; left:0}
.blog .blogSlider .item a{display: inline-block; width: 100%; height: 100%; position: relative;}
.blog .blogSlider .item a img{width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6);}
.blog .blogSlider .item a p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; font-weight: 700; text-align: center; filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));}
.blog .blogSearchArea {width:100%; height:50px; margin:100px }
.blog .blogSearchArea h2 {color:#b41a83; font-size:23px; font-weight:500; padding:unset; margin-bottom:10px}
.blog .blogSearchArea input {width:50%; height:100%; border:1px solid #b41a83; border-radius:5px; padding:0 10px; font-size:16px}
.blog .list {display:flex; flex-wrap:wrap}
.blog .list .item {display: none; flex-direction: column; height: auto; position: relative; width:30%; background:#fff; padding:30px ; box-shadow:0 -1px 20px rgb(0 0 0/20%); border-radius:15px; margin-bottom:50px; margin-right: 50px;}
.blog .list .item.active{display:flex}
.blog .list .item a {display:flex; flex-direction: column; height: 100%;  color:#000}
.blog .list .item a img {width:100%; display:block; margin-bottom:25px}
.blog .list .item a span {font-size:18px; display:block; font-weight:700; }
.blog .list .item a span.tag{font-size: 13px;  margin-bottom: 15px; white-space: nowrap;}
.blog .list .item a span.tag img{width: 13px; margin-bottom: 0 !important; object-fit: cover; display: inline-block;}
.blog .list .item a span.list-item-info {font-size:16px; display:block; font-weight:400; margin: 20px 0;}
.blog .list .item a i {font-style:normal; position: absolute; bottom: 15px; right: 25px; float:right; font-size:13px; font-weight:700; background:#b41a83; padding:5px 10px; color:#fff}
/* section .subPage.blog-detail {padding:180px 0 100px} */
section .subPage.blog-detail {padding:50px 0 100px}
section .subPage.blog-detail h2{color: #000; font-size: 20px; padding: 20px 0;}
section .subPage.blog-detail h3{color: #000; font-size: 20px; padding: 20px 0;}
section .subPage.blog-detail .blog-detail-info {padding:0 130px 50px;}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content {display:flex; justify-content:space-between; margin:25px 0}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content .img-col {width: 35%;}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content .img-col img {width:100%;  -webkit-box-shadow:0 0 5px 0 rgb(0 0 0/.7); -moz-box-shadow:0 0 5px 0 rgb(0 0 0/.7); box-shadow:0 0 5px 0 rgb(0 0 0/.7)}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content .text-col { width:60%; font-size:18px}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content .text-col img{ width:auto;}
section .subPage.blog-detail .blog-detail-info  .blog-detail-content-continued{font-size: 18px !important; margin-top: 50px;}
section .subPage.blog-detail .blog-detail-info  .blog-detail-content-continued img{width: auto; object-fit: contain; margin: 15px 0;}
section .subPage.blog-detail .other-blogs h2{ padding:20px 0 20px 130px; }
section .subPage.blog-detail .other-blogs .other-blogs-slider {width:87%; margin:0 auto!important}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item {padding:0 12px; position: relative;}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a {width:100%; padding:20px 20px; height: 700px;  border-radius:20px; margin:20px 0; display:inline-block; position:relative; -webkit-box-shadow:0 0 10px 0 rgb(0 0 0/.5); -moz-box-shadow:0 0 10px 0 rgb(0 0 0/.5); box-shadow:0 0 10px 0 rgb(0 0 0/.5)}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a img {width:100%; height:auto; object-fit:cover}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a span.tag{white-space: nowrap; font-size: 13px;  margin-bottom: 0 !important;}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a span.tag img{width: 13px; margin-bottom: 0 !important; object-fit: cover; display: inline-block;}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a span {font-weight:700; padding-top:20px; display:inline-block; font-size:18px}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a span.blogTitle{}
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a span.list-item-info { font-weight:400; padding-top:20px; display:inline-block; font-size:16px}
/* section .subPage.blog-detail .other-blogs .other-blogs-slider .item a i {position:absolute; right:25px; bottom:20px; background-color:#b41a83; color:#fff; padding:7px} */
section .subPage.blog-detail .other-blogs .other-blogs-slider .item a i {font-style:normal; position: absolute; bottom: 25px; right: 20px; font-size:13px; font-weight:700; background:#b41a83; padding:5px 10px; color:#fff}
section .subPage.blog-detail .other-blogs .other-blogs-slider .owl-dots {display:flex; justify-content:center}
section .subPage.blog-detail .other-blogs .other-blogs-slider .owl-dots .owl-dot {width:8px; height:8px; margin:0 6px; position:relative}
section .subPage.blog-detail .other-blogs .other-blogs-slider .owl-dots .owl-dot span {display:block; position:absolute; background-color:#881463; border-radius:100%; width:5px; height:5px; top:3px; left:3px; transition:.5s ease-in-out}
section .subPage.blog-detail .other-blogs .other-blogs-slider .owl-dots .owl-dot.active span {width:100%; height:100%; background-color:#f9b22c; top:0; left:0}

.blogTable{border-collapse: collapse; width: 100%; margin: 20px 0;}
.blogTable tr, td{border: 1px solid black; }
.blogTable td{padding:10px 5px;  text-align: center;}
.blogTable thead tr td{font-weight: bold;}
.blogTable tbody tr td:first-child{font-weight: bold;}

.labelCont2 .contact-error{position: absolute;bottom: -20px;color: red;}
.labelCont2.error .scText{color: red !important;}

.human-resources-wrapper{display: flex;}
.human-resources-menu {background:#eaeaea; max-width:400px; width:100%; height:max-content; display:flex; flex-direction:column; align-items:center; padding:25px; margin-right: 50px;}
.human-resources-menu .human-rosources-menu-items {padding:20px 0 5px; border-bottom:1px solid #c7c7c7; font-size:18px; width:100%; white-space: nowrap;}
.human-resources-menu .human-rosources-menu-items.active {border-bottom:1px solid #b91273; font-weight:700}

.bulten-head{position: relative; width: 100%; height: 200px; display: flex; align-items: center;}
.bulten-head::after{content: ""; width: 35%; height: 100%; display: block; position: absolute; right: 0; top: 0; background-color: #490833;z-index: 2;}
.bulten-head .bulten-head-content{ position: relative; display: flex; flex-direction: column; justify-content: center;  }
.bulten-head .bulten-head-content p{font-size: 85px; font-weight: bold; background-color: white; padding-right: 30px; border-bottom: 7px solid #490833; z-index: 3; width: max-content;}
.bulten-head .bulten-head-content p span{ display: block; font-size: 32px; color: #490833;}
.bulten-head .bultenAccordionHead{margin-top: 10px;}
.bulten-head .bultenAccordionHead a{display: inline-block; padding: 0 5px; font-weight: bold; font-size: 20px; color: #1d1d1b; transition: .3s all ease;}
.bulten-head .bultenAccordionHead a span{padding-bottom: 3px;}
.bulten-head .bultenAccordionHead a span:hover{border-bottom: 2px solid #490833;}
.bulten-head .bultenAccordionHead a.active span{ color: #490833; border-bottom: 2px solid #490833;}
.bulten-head .bultenAccordionHead a::after{content: "-"; margin-left: 10px;}
.bulten-head .bultenAccordionHead a:last-child:after{content: ""; }
.bulten-head.bultenHomePage::after{height: 85%;}


.bulten .paragraph{font-weight: bold; font-size: 22px; line-height: 55px; margin: 60px 0;}
.bulten .bulten-info{margin: 30px 0; box-shadow: 0 -1px 20px rgb(0 0 0/20%);}
.bulten .bulten-info p{background-color: #490833; color: white; padding: 20px 40px 40px; line-height: 25px; }
.bulten .bulten-info p.bold{font-weight: bold;}
.bulten .bulten-info p strong{display: block; margin: 10px 0;}
.bulten .bulten-info p span{ font-size: 14px; display: block; line-height: 23px; margin-top: 20px;}
.bulten .bulten-info p.white{background-color: white; color: black;}
.bulten .bulten-info p.white strong{color: #490833;}
.bulten .bulten-info-text{width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #310221;  padding: 15px 40px;}
.bulten .bulten-info-text span{color: #fcaf39 !important; font-size: 20px !important; font-weight: 500;}
.bulten .bulten-info-row{margin: 50px 0; display: flex; background-color: white; box-shadow: 0 -1px 20px rgb(0 0 0/20%);}
.bulten .bulten-info-row .img-col{width: 50%;}
.bulten .bulten-info-row .text-col{width: 50%; display: flex; flex-direction: column; justify-content: space-between; }
.bulten .bulten-info-row .text-col .text-col-content span{color: #3f333b; font-size: 40px; font-weight: bold; margin-bottom: 30px; display: block;}
.bulten .bulten-info-row .text-col .text-col-content p{font-size: 18px; }
.bulten .bulten-info-row .text-col .text-col-content{padding: 40px;}
.bulten .bulten-info-link{display: flex; width: 100%; box-shadow: 0 -1px 20px rgb(0 0 0/20%);}
.bulten .bulten-info-link .img-col{ width: 70%;}
.bulten .bulten-info-link .text-col{background-color: #490833; width: 30%; text-align: center;}
.bulten .bulten-info-link .text-col p{color: white; font-size: 40px; font-weight: bold;  line-height: 60px; margin: 20px 0;}
.bulten .bulten-info-link .text-col p span{color: #ffba00;}
.bulten .bulten-info-link .text-col a{background-color: #ffa200; color: black; padding: 8px 30px; border-radius: 10px; font-weight: bold;}
.bulten .bulten-info-row .img-col img{height: 100%; object-fit: cover;}
.bulten .bulten-yasal-uyari{background-color: #f2f2f2; font-size: 15px; padding: 40px; margin: 30px 0; font-weight: 600;} 
.bulten .bulten-yasal-uyari span{display: block; margin-bottom: 10px;}

.bultenAccordionContent{margin-top: 50px;}
.bultenAccordionContent .textArea{display: none;}
.bultenAccordionContent .textArea.active{display: block;}

/* Segmentify Start */
.segmentify{height: 50px; width: 100%; z-index: 9999; position: relative; display: none; }
/* Segmentify Finish */

#contact_form ul li.w50 {width:48%; float:left; margin-right:2%}
@media screen and (max-width:1850px) {
    #contact_form>p span:first-child, #contact_form_goruntulu>p span {font-size:22px!important}
    .pressList .item.bulletin {width:45%}
    .bulten-head .bulten-head-content p{font-size: 74px;}
    .bulten .bulten-info-row .text-col .text-col-content span{font-size: 35px;}
    .iftar-vakti .content{width: 53%;}
    .iftar-vakti.notHomepage .content{width: 70%; margin-right: 0;}
    .iftar-vakti.notHomepage .mosque{left: 9%;}
    .iftar-vakti.notHomepage{padding: 20px 3%;}


}
@media screen and (max-width:1735px) {
    .blog .list .item{margin-right: 35px;}
    .form{bottom: 3%;}

    .bulten .paragraph{font-size: 20px;}
    .bulten-head .bulten-head-content p{font-size: 67px;}
    .bulten .bulten-info-row .text-col .text-col-content span{font-size: 30px;}

}  


@media screen and (max-width:1680px) {  
.iftar-vakti .content{margin-right: 50px;}
.iftar-vakti .right div{padding: 0 30px;}
.blog .breadcrumb, .blog h1, .blog  .list{padding: 0 3%;}
.jobArea .jobAreaItem{padding: 30px 15px 120px 30px;}
.other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content .text-col {font-size: 18px;}
.campaign-detail-text{font-size: 18px !important;}
header .content {width:94%; margin:auto}
header .logo {width:140px}
.submenuArea {right:-40px}
.mainBottom .left {padding-right:20px; width:40%}
.mainBottom .right {padding-left:70px}
.branch .subeler, .keyOwner .left, .promotionalAgency .banner .caption, .promotionalAgency .ruleCondition .textArea, .promotionalAgency .ruleCondition h2, .promotionalAgency .ttMainBottom .left, .youChoice .left p, h2.pink, h2.yellow {padding-left:3%}
.mainBottom .right p {color:#fff}
.mainBottom span {font-size:22px}
.youChoice {align-items:center}
.youChoice .left h2 {width:auto}
.sssArea .head h2 {width:80%}
.keyOwner .left {width:60%}
.keyOwner .left a {display:block}
.keyOwner .left a img {width:100%}
/* Segmentify açık */
/* section .subPage {padding:0 3% 50px} */
/* Segmentify Kapalı */
section .subPage {padding:50px 3% 50px}
section .subPage.imsak-takvimi{ padding: 180px 3% 50px;}

section .subPage h1 {font-size:25px}
.savingPlans .mainBottom {justify-content:space-between}
.savingPlans .mainBottom .left {justify-content:space-around; width:30%}
.savingPlans .mainBottom .right {padding-right:15px; padding-left:80px; width:40%}
.accordionContent .item .desc .tableArea {width:50%}
.pl {padding-left:40px}
.pr {padding-right:40px}
header .information {width:70%}
#contact_form>p, #contact_form_goruntulu>p {padding:15px 0; margin-bottom:0}
#contact_form>p span:first-child, #contact_form_goruntulu>p span {font-size:20px!important}
#contact_form>ul, #contact_form_goruntulu>ul {padding:0 10px}
#contact_form ul li.odd {margin-right:0}
#contact_form ul li select#IlceID, #contact_form ul li select#SehirID, .contact_form ul li .new {line-height:30px; height:40px}
#contact_form .submitButton, #contact_form_goruntulu .submitButton {margin-top:14px!important; padding:0 30px}
#contact_form>ul li label, #contact_form_goruntulu>ul li label {font-size:13px}
#contact_form .agree, #contact_form .agree:last-child {padding-right:0!important}
.promotionalAgency {padding-top:111px}
.promotionalAgency .banner .caption .title {font-size:30px}
.promotionalAgency .banner .caption p {font-size:16px}
.promotionalAgency .ttSystem {padding-left:3%; padding-right:3%}
section .subPage.other-campaigns-page {padding:50px 0 100px}
section .subPage.other-campaigns-page .other-campaigns-page-info {padding:0 3%}
.other-campaigns h2 {padding:20px 3% 20px 6%!important}
.contact_form_homepage .inputs li {margin:2px}
}

@media screen and (max-width:1600px) {
footer {padding-right:20px; padding-left:20px}
footer .right a {font-size:11px}
header .information {width:100%}
#main .contact .subeler .col .title, .btn a, .tabs .flexItem .col .title span {font-size:20px}
.contact_form>ul li {margin-bottom:10px}
#main .contact .subeler .col .address {font-size:12px}
main .calculator .formArea .RakamveTarih .col>span {font-size:12px; line-height:20px}
}

@media screen and (max-width:1570px) {
section .subPage.blog-detail .blog-detail-info {padding:0 80px 50px;}
.youChoice .left h2 {width:inherit}
h2.pink, h2.yellow {font-size:25px}
.yeterki-iste-content .img p {padding:0 0 0 40px}
.other-campaigns-slider {width:88%!important}
.branchMap {height:550px}
section .subPage.subeler-page .branchMap {height: 550px;}
#branchMap {width:75%; margin:0 auto 50px}
.jobArea .jobAreaItem{padding: 20px 15px 100px 20px;}
.jobArea .jobAreaItem strong{font-size: 18px;}
.bulten .bulten-info-row .text-col .text-col-content span{ margin-bottom: 20px;}
.bulten .bulten-info-row .text-col .text-col-content p{font-size: 16px;}
.bulten .bulten-info-link .text-col p {font-size: 35px; line-height: 50px;}


}

@media screen and (max-width:1500px) {
    .city-dropdown{width: 300px;}
    .iftar-vakti .right div p{font-size: 42px;}
    .iftar-vakti .right div:not(:last-child)::after {font-size: 35px;}
}
@media screen and (min-width:1500px) {
#main .calculator .formArea .formInner {max-width:1000px}
.activityReportArea .newItem .newItemContent p{font-size: 22px;}
.activityReportArea .newItem:hover .newItemContent p{font-size: 26px;}
}

@media screen and (max-width:1440px) {
    header .bottom nav>ul>li {font-size:14px; margin-left:50px}
    .mainBottom span {font-size:20px}
    .savingPlans .mainBottom .right {width:45%}
    section .subPage.blog-detail .other-blogs .other-blogs-slider .item a span.list-item-info { min-height: 120px; }

    .imsakiye-wrapper .head .title{font-size: 18px;}
    .imsakiye-wrapper .head .title span{font-size: 40px;}
    .imsakiye-wrapper .right div p{font-size: 40px;}
    .imsakiye-wrapper .head .moon {width: 100px;}
    .imsakiye-wrapper .head{padding: 0 30px;}
    .imsakiye-wrapper .ramadan{padding: 0 30px 30px}
}

@media screen and (max-width:1405px) {
    section .subPage.subeler-page .subeler{padding: 0 30px !important;}
    .bulten .bulten-info-row .text-col .text-col-content span{font-size: 26px;}
    .bulten .bulten-info-link .text-col p{line-height: 45px; font-size: 30px;}
    .activityReportArea .newItem .newItemContent p{font-size: 20px;}
    .activityReportArea .newItem:hover .newItemContent p{font-size: 24px;}
    .activityReportArea .newItem .newItemContent a{padding: 5px 20px;}
}
@media screen and (max-width:1380px) {
    .other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content .text-col {font-size: 17px;}
    .campaign-detail-text{font-size: 17px !important;}
    section .subPage.subeler-page .branchMap {height: 500px;}
    .bulten-head .bulten-head-content p{font-size: 60px;}
    .bulten-head .bulten-head-content p span{font-size: 30px;}

    .imsakiye-wrapper .head .title{font-size: 16px;}
    .imsakiye-wrapper .head .title span{font-size: 35px;}
    .imsakiye-wrapper .right div p{font-size: 35px;}

}

@media screen and (max-width:1300px) {
    .subeler-page #branchMap{height: 400px;}
/* .mainSlider .item picture img {height:100%!important; width:100%;  object-fit: cover;} */
        section .subPage.blog-detail .blog-detail-info {padding:0 60px 50px;}
    section .subPage.blog-detail .blog-detail-info .blog-detail-page-content .text-col{font-size: 20px;}
    .bulten .bulten-info-link .text-col p{line-height: 35px; font-size: 28px;}

    .iftar-vakti.notHomepage .mosque{left: 4%;}
    .iftar-vakti.notHomepage .moon{left: 2%;}
    .iftar-vakti.notHomepage .content{margin-right: 30px;}
    .iftar-vakti.notHomepage .right div{padding: 0 15px;}

}
@media screen and (max-width:1250px) {
.financial-solutions-head .financial-solutions-menu{display: none !important;}
 .bulten-head .bulten-head-content p{font-size: 50px;}
 .iftar-vakti .content{width: 67%; margin-right: 0;}

}
@media screen and (max-width:1120px) {
    .blog .list .item{margin-right: 25px;}
}
@media screen and (max-width:1024px) {
.other-campaigns-slider .item a span{font-size: 14px;}

    .branch{display: flex; flex-direction: column;}
.branchMap{order: 3;}
.subeler{order: 2; }
section .subPage.subeler-page .subeler{padding: 0 !important;}

/* Segmentify Start */
/* .form.formHomepage{background-color: #262626 !important;}
.form.formHomepage #contact_form .agree label{color: white;}
.form.formHomepage #contact_form .agree label a{color: white;}
.form.formHomepage .tasarrufTercihiTitle{color: white !important;}
.form.formHomepage .scText{color: white;} */
/* .form.formHomepage #contact_form{padding-bottom: 0; padding-top: 50px;} */
/* .formHomepage #contact_form > p{color: white;} */
/* Segmentify Finish */

.iftar-vakti{min-height: 90px; padding : 20px 5% 10px}
.iftar-vakti .moon{left: 2%; width: 70px;}
.iftar-vakti .mosque{left: -10px; width: 250px;}
.iftar-vakti .content{flex-direction: column; width: 65%;}
.city-dropdown.table-dropdown{width: 240px;}
.city-dropdown{width: 170px;}
.iftar-vakti .right div {padding: 0 10px; margin-top: 5px;}
.iftar-vakti .right div p{font-size: 22px; margin-bottom: 0;}
.iftar-vakti .right div:not(:last-child)::after { font-size:22px; }
.iftar-vakti .right div span{display: none;}
.iftar-vakti .greeting-box span{font-size: 17px;}
.iftar-vakti .greeting-box p{font-size: 7px; font-weight: bold; text-align: center;}
.iftar-vakti .greeting-box {padding: 10px 15px; text-align: start; border-radius: 3px;}
.iftar-vakti .greeting-box br{display: block;}
.iftar-vakti .left p{font-size: 12px; text-align: center; margin-bottom: 15px; margin-top: 5px;}
.iftar-vakti .content .right{margin-top: 5px;}
.dropdown-button{font-size: 12px; padding: 7px;}

.iftar-vakti.notHomepage{width: 100%;}
.iftar-vakti.notHomepage .content{margin-right: 0; width: 65%;}

section .subPage.imsak-takvimi{padding: 100px 3% 50px;}

.imsakiye-wrapper .head .right{order: 2; margin-top: 15px; width: 100%; justify-content: end; text-align: end;}
.imsakiye-wrapper .head .title{order: 1; text-align: end; width: 100%; padding-right: 5px;}
.imsakiye-wrapper .head .title span{font-size: 20px;}
.imsakiye-wrapper .right div {padding: 0 10px;}
.imsakiye-wrapper .right div p{font-size: 22px; margin-bottom: 0; }
.imsakiye-wrapper .right div:not(:last-child)::after { font-size:22px; }
.imsakiye-wrapper .right div span{display: none;}
.imsakiye-wrapper .right small{font-size: 12px; padding: 0 10px; width: 100%; text-wrap: nowrap; top: -10px;}
.imsakiye-wrapper .head{position: relative; flex-wrap: wrap;}
 
.imsakiye-wrapper .head .moon{width: 60px; position: absolute; left: 10px; top: 0; z-index: 1;}
.imsakiye-wrapper .head .title{text-shadow: 0px 0px 30px; }
.imsakiye-wrapper .ramadan {padding: 0 10px 30px;}
.imsakiye-wrapper .ramadan .ramadanHead{padding: 25px 15px;}
.imsakiye-wrapper .ramadan .ramadanHead .meta{ margin-left: 15px; font-size: 14px;}
.imsakiye-wrapper .ramadan table tr, td, th{padding: 5px; font-size: 9px;}
.other-campaigns.imsak-campaigns .other-campaigns-slider {padding: 0 !important;}
.other-campaigns.imsak-campaigns h2{text-align: start; padding: 0 15px !important;}


.activityReportArea .newItem{width: calc(100% - 20px);}
.bulten-head.bultenHomePage::after{height: 70%;}
.activityReportArea .newItem .newItemContent p{font-size: 20px;}
.activityReportArea .newItem .newItemContent a {display:block !important; opacity:1 !important; bottom:70px; padding: 5px 20px; font-size: 18px;}
.activityReportArea .newItem:hover .newItemContent span, .activityReportArea .newItem .newItemContent span {display:block !important;}
.activityReportArea .newItem:hover .newItemContent p:first-child{display: block !important;}
.activityReportArea .newItem:hover .newItemContent p:last-of-type{display: none !important;}
.bulten-head .bultenAccordionHead a{font-size: 16px;}
.bulten-head{height: 80px;}
.bulten-head .bulten-head-content p{font-size: 22px; padding-right: 20px; border-bottom: 4px solid #490833;}
.bulten-head .bulten-head-content p span{font-size: 18px;}
.bulten .paragraph{font-size: 16px; }
.bulten .bulten-info-text {padding: 15px 20px;}
.bulten .bulten-info-text span{font-size: 14px !important;}
.bulten .bulten-info p{padding: 10px 20px 30px; line-height: 35px; font-weight: normal; }
.bulten .bulten-info-row{flex-direction: column;}
.bulten .bulten-info-row.reverse{flex-direction: column-reverse;}
.bulten .bulten-info-row .img-col{  width: 100%;}
.bulten .bulten-info-row .text-col{ width: 100%;}
.bulten .bulten-info-row .text-col .text-col-content{padding: 30px 20px;}


.bulten .bulten-info-link{flex-direction: column-reverse;}
.bulten .bulten-info-link .img-col{width: 100%;}
.bulten .bulten-info-link .text-col{width: 100%; padding-bottom: 30px;}
.bulten .bulten-info-link .text-col p {line-height: 22px; font-size: 18px;}
.bulten .bulten-yasal-uyari{padding: 20px; font-size:13px !important}
.iti-mobile .intl-tel-input.iti-container{height: 85% !important;}
.other-campaigns-slider .item a i{font-size: 9px; right: 10px;}
.other-campaigns-slider .item a {height: 360px;}
header .bottom .campaignArea .campaignList {width: 330px; left: 50%; transform: translate(-50%);}
.form .formCloseBtn{display: none;}
.navbar .navbar-lists ul li ul li {margin:10px 0 0;}
.navbar .navbar-lists ul li ul li:first-child {margin-top:15px}
header .bottom .navbar .navbar-lists{ overflow-y: scroll; background-color: rgba(0, 0, 0);}
header .bottom .navbar .navbar-lists .navbar-list-title::after {right:20px}
.footerTitle, .navbar .navbar-footer div p{padding-bottom: 5px;}
.navbar .navbar-header {height: 45px !important;}
header {z-index:9999999; height:110px}
header .logo {left:20px; top:50px; z-index:0; background:0 0}
header .logo img {width:90%}
header .top{height: 40px;}
header .top .content{width: 100%;}
header .top .content ul{margin-right: 0; position: absolute; top: 0; display: flex; justify-content: space-between;}
header .top .content ul li{display: none; text-align: center; height: 100%;}
header .top .content ul li a{font-size: 12px; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; display: block; width: 100%; height: 100%;}
header .top .content ul li.mobile-left { display: block; position: absolute; left: 0;  top:0; height: 40px; width: 50%;}
header .top .content ul li.mobile-right{ display: block; position: absolute; right: 0; top:0; height: 40px; width: 50%; }
header .top .content ul li.mobile-left a, header .top .content ul li.mobile-right a{display: block; width: 100%; height: 100%;}
.navbar .navbar-lists ul li a{font-size: 12px;}

.blog .blogHeader{padding: 0 30px; flex-direction: column;}
.blog .blogHeader .categories{padding: 0 3%;}
.blog .blogHeader .categories .categories-list li a{padding: 5px 10px; font-size: 14px; white-space: nowrap;}
.blog .list {justify-content: space-between;}
.blog .list .item{margin-right: unset; width: 100%; padding: 15px 15px 45px;}
.blog .list .item a span{font-size: 13px !important; margin-bottom: 10px;}
/* .blog .list .item a i{float: none; width: 85% !important; display: block; text-align: center; font-size: 12px; } */
.blog .blogSlider .item a p{font-size: 17px; padding: 0; margin-top: 25px;}
.blog .blogSlider .item a img{height: 300px;}
.blog .blogSlider .owl-nav{padding: 0 10px;}
.blog .blogSlider .owl-nav div{background-color: none !important; background:none !important}
.blog .blogSearchArea{margin: 100px 30px;}
.blog .blogSearchArea input{width: 85%;}


.blogTable td{padding: 5px; font-size: 7px; }

.etkLi{margin-top: 20px !important;}
section .subPage.blog-detail .blog-detail-info{padding: 0 25px 50px;}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content{flex-direction: column;}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content .img-col{width: 100%; margin-bottom: 50px;}
section .subPage.blog-detail .blog-detail-info .blog-detail-page-content .text-col{width: 100%;}
section .subPage.blog-detail .other-blogs .other-blogs-slider{width: 95%;}
section .subPage.blog-detail .other-blogs h2{padding: 20px 0 20px 30px !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form #telefon3{padding-left: 100px !important;}
.jobArea{width: 100%; justify-content: space-between; font-size: 14px !important;}    
.videoArea a{width: 100%; margin-right: 0;}
.videoArea a span{font-size: 14px;}
.videoArea .owl-nav .owl-prev, .videoArea .owl-nav .owl-next{width: 30px; height: 30px;}

.jobDetailItem.fancybox-content{max-width: 90%; max-height: 75%; margin-top: 50px; padding: 15px;}
.jobDetailItem .inner{flex-direction: column;}
.jobDetailItem .inner .left{padding: 30px 0 0;}
.jobDetailItem .inner .left strong{font-size: 20px;}
.jobDetailItem .inner .left a{font-size: 18px; padding: 10px 20px;}
.jobDetailItem .inner .right{overflow: unset; padding-bottom: 25px;}
.campaign-detail-text{ margin-top: 20px !important;}
.cozum-merkezi .cozum-merkezi-form-wrapper form .half{width: 100% !important;}
.intl-tel-input .selected-flag {padding: 0 0px 0 3px !important;}
.online-islemler-nav{background-color: rgb(0 0 0/.8);}
.online-islemler-nav ul li a {color: white !important;}
.online-islemler-nav ul li ul li a{ color: black !important;}
.mobile-online-sube .logout {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;}
.getPayment{padding:3px !important; }
.login-sifre-degistir-text{margin-top:150px !important}
#onlineSubeGenel .container .draw .col{width:40%}
.popup .head .left h2{padding:0px !important}
.popup .head .left .title{text-align:start !important;}
.footerArea{flex-direction: column; align-items: center;}
.footerArea .linksWrap{flex-direction: column;  align-items: center; margin-bottom: 20px; margin-left: 0 !important;}
.footerArea .linksWrap .links{text-align: center;}
.linksWrap {flex-direction:column}
footer .links ul li a {justify-content:center}
.footerTitle {text-align:center; border:none}
.footerArea .footerLogo{width: 50%; margin-bottom: 20px;}
.pressList.bulten .item {width: 90%;box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03) !important; margin-bottom: 24px; border: none !important;}
.pressList.bulten .item a {flex-direction: column-reverse; align-items: unset; }
.pressList.bulten .item a div{flex-direction: column; }
.pressList.bulten .item a div:first-child{position: relative;}
.pressList.bulten .item a div:first-child::after{content: ""; position: absolute; right: 3px; top: 65px; background: url(../images/bultenArrow.svg) no-repeat ; width: 25px; height: 25px;}
.pressList.bulten .item a .date::after{background: none !important;}
.pressList.bulten .item a .date {width: 100% !important; height: auto !important; padding: 0 !important; margin-top: 10px; justify-content: start !important; text-align: start !important; background: none !important; flex-direction: row !important;  color: #B41A83 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px;}
.pressList.bulten .item a .date strong{color: #B41A83 !important; font-size: 14px !important; font-weight: 600 !important;}
.pressList.bulten .item a .date strong br{display: none;}
.pressList.bulten .item a .date small{color: #B41A83 !important; font-size: 14px !important; font-weight: 600 !important; padding-left: 2px;}
.pressList.bulten .item a p { padding-left: 0px !important; width: 90%; font-weight: 600; line-height: 30px; margin: 12px 0;}
.pressList.bulten .item a div p .newspaper-icon {display: none;}
.pressList.bulten .item a div p .newspaper-text {display: block;}
.pressList.bulten .item a img { width: 100%; height: 325px; object-fit: fill;}

.cookie-notice .cookie-notice-flex {flex-direction:column;}
.cookie-notice .cookie-notice-flex p {font-size:12px;}
.cookie-notice .cookie-notice-dismiss {padding:5px 10px;}
#main .calculator .formArea .RakamveTarih .col, #main .contact, .animationArea h2, .cozum-merkezi .cozum-merkezi-form-wrapper, .cozum-merkezi .cozum-merkezi-form-wrapper .row, .other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content .img-col, .pressList.videos .item, .promotionalAgency .ttSystem div, .savingPlans .mainBottom .left, .sssPage .faqSearchArea input, .youChoice .right, .youChoice .right img, .yts_nedir, footer, header, header .bottom .navbar .navbar-lists div ul, section {width:100%}
.branchMap {height:275px}
#branchMap {width:95%}
.scroll-offset {scroll-margin-top:385px}
.footerLogo {max-width:207px; display:flex}
#div-form, #main .contact .subeler .col:nth-child(2n)::after, #main .contact .subeler .col:nth-child(2n)::before, .branch:before, .form, .keyOwner, .mainBottom .center span br, .subelerAnchor.only-web, .youChoice .right img.desktop, header .bottom .navbar .navbar-lists ul li .navbar-lists-submenu {display:none}
.breadcrumb a:nth-of-type(2)::after {content:""}
h2.pink, h2.yellow {font-size:17px; padding:10px}
.sidebar ul li, .submenuArea li {margin-bottom:0}

.accordionContent .item .desc .tableArea, header .top ul {width:100%; margin-right:0}

header .top .ttAplication {margin-right:0}
header .top .ttAplication li:first-child {right:auto; left:0; background:#fff; position:inherit}
header .top .ttAplication li:first-child a {height:auto; border-radius:0; background:0 0}
header .top .ttAplication li:last-child {right:0}
header .bottom {height:80px}
header .bottom nav {display:none; position:fixed; width:100%; height:100%; top:0; left:0}
header .bottom nav>ul {position:absolute; top:5%; width:90%; flex-direction:column; left:5%}
header .bottom nav>ul>li {margin-left:0}
header .bottom nav>ul>li.submenuClickBtn>a:after {top:16px; background:url(/assets/images/accordionDown.png) no-repeat; width:19px; height:13px}
header .bottom nav>ul>li>a {font-size:20px; padding-bottom:10px; display:block; text-transform:uppercase; color:#000; border-bottom:1px solid #d0d0d0; margin-top:10px}
header .bottom nav>ul>li:first-child {width:100%; background-image:-moz-linear-gradient(-30deg,#b71277 0,#c51065 57%,#d20d53 100%); background-image:-webkit-linear-gradient(-30deg,#b71277 0,#c51065 57%,#d20d53 100%); background-image:-ms-linear-gradient(-30deg,#b71277 0,#c51065 57%,#d20d53 100%)}
header .bottom nav>ul>li:first-child a {border:none}
header .bottom nav>ul>li:first-child img {width:auto; display:block; margin:auto}

header .bottom nav.bottomNav{display: block; width: 100%; height: auto;}
header .bottom nav.bottomNav ul li{display: none;}
header .bottom nav.bottomNav ul li.campaignArea{display: block; position: absolute; top: 5px; left: 50%; transform: translateX(-50%);}

.submenuArea {width:100%; left:0; position:relative; margin-bottom:10px; top:5px}
.submenuArea li a {font-size:13px; padding-bottom:5px}
.mobileBtnArea {display:flex; position:absolute; right:25px; align-items:center; top:60px}
.mobileBtn {width:36px; height:36px; display:block; background:url(/assets/images/menubtn.png) center/80% auto no-repeat; filter: invert(1); transition:.3s}
.mobileBtn.closer {background:url(/assets/images/menuClose.png) center/80% auto no-repeat}


.mobileBottomCta {display:none; position:fixed; bottom:0; height:40px; width:100%}
.mobileBottomCta div {display:flex; align-items:center; height:100%}
.mobileBottomCta .phone {width:50%; display: flex !important; margin-left: 10px; align-items: center; text-align:center; color:#b41a83; font-size:18px; background:url(/assets/images/phone-icon.png) center left 10px no-repeat; padding-left:25px; height:29px}
.mobileBottomCta .phone span{display: inline-block; margin-left: 20px;}
.mobileBottomCta ul {width:50%; display:flex; justify-content:center}
.mobileBottomCta ul li a {display:inline-block; margin:0 5px}
.mobileBottomCta ul li a i {color:#b41a83; font-size:25px}
.mainBottom .left, .pr {padding-right:0}
.mainBottom .right, .pl {padding-left:0}
.keyVisual {width:100%!important; padding-top:50px}
h2.yellow {width:100%; margin-bottom:30px}
.mainBottom {flex-wrap:wrap; justify-content:center; padding:30px 0}
.mainBottom .center {padding:20px 50px; margin-bottom:20px}
.mainBottom .center img {width:60%; display:inline-block; margin-bottom:20px}
.mainBottom div {width:100%!important; display:flex; align-items:center; flex-direction:column}
.savingPlans .mainBottom .right {width:100%; padding-right:0}
.accordionContent .item .desc .tableFlex, .pressArea .pressRow, .youChoice {flex-wrap:wrap}
.youChoice .left {width:100%; order:2}
.youChoice .left p {font-size:14px; padding:0 3%}
.sssArea .head h2 {width:69%}
.sssArea .head a {font-size:13px; padding-left:5px}
.branch .header {background:#b41a83; padding:5px; align-items:center}
.branch .header h2 {width:50%!important}
.branch .subeler {padding:0 25px!important}
.sssPage .list-wrapper .list-item {padding:15px}
.campaignPage .list{justify-content: space-between;}
.campaignPage .list .item {width:48%; padding:15px; margin: 0 0 40px 0;}
.campaignPage .list .item a {display:flex; flex-wrap:wrap; align-content:space-between; height:100%}
.campaignPage .list .item a img {margin-bottom:10px}
.campaignPage .list .item a span {font-size:13px; height:auto; margin-bottom:10px}
.campaignPage .list .item a i {float:none; width:100%; display:block; text-align:center; font-size:12px}
.accordionContent .item .title {font-size:16px; padding:15px}
.accordionContent .item .desc {padding:20px}
.accordionContent .item .desc .tableArea .tableRow .tableCol.col40, .accordionContent .item .desc .tableArea .tableRow .tableCol.col60 {width:50%}
.sidebar {margin-right:0; padding:15px 10px; margin-bottom:25px}
.sidebar ul {display:flex; justify-content:space-between}
.sidebar ul li {width:45%}
.sidebar ul li a {font-size:13px; text-align:center}
.pressList {justify-content:space-between}
.navbar .navbar-footer, .other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content, .promotionalAgency .ttMainBottom, .promotionalAgency .ttSystem, .yeterki-iste-content {flex-direction:column}
.pressList .item {width:47%; margin-bottom:25px}
.pressList .item.bulletin a {padding:20px 5px}
.pressList .item.bulletin a span, .sssPage .list-wrapper .list-item h4 {font-size:19px}
.btn a, .sssPage .list-wrapper .list-item p {font-size:17px}
.pressList .item.bulletin a small {height:100px; font-size:13px}
.promotionalAgency {padding-top:110px}
.promotionalAgency .banner .caption {width:100%; clip-path:none; padding-top:20px; padding-bottom:20px; padding-right:3%}
.promotionalAgency .banner .caption .title {font-size:20px; margin-bottom:10px}
.promotionalAgency .ttMainBottom .left {clip-path:none; padding-top:15px; padding-bottom:15px}
.promotionalAgency .ttMainBottom .right {padding-left:3%; padding-top:15px; padding-bottom:15px}
.promotionalAgency .ttMainBottom .text .title {font-size:18px; margin-bottom:10px}
.promotionalAgency .ttSystem div .title {padding:10px; font-size:20px}
.promotionalAgency .ttSystem div p {padding:15px; font-size:15px}
.promotionalAgency .ttSystem .left {margin-bottom:20px}
.promotionalAgency .ruleCondition h2 {width:100%; clip-path:none; font-size:20px}
.promotionalAgency .ruleCondition .textArea {padding-right:3%; padding-bottom:40px}
.promotionalAgency .ruleCondition .textArea a {margin-top:15px; font-size:14px; display:block; width:100%; text-align:center}
#pagination-container ul {width:auto; float:none}
.btn {width:90%; margin:auto}
.btn a {padding-right:30px; display:block}
.branch .header .title, .tabs .flexItem .col .title span {font-size:18px}
.branch .header .cityDropdown {margin-right:0; width:50%}
.branch .header .cityDropdown .caption {font-size:15px}
.tabs .flexItem {width:100%; float:none}
.owl-stage {padding:0}
.owl-carousel.owl-drag .owl-item {border-radius:0}
#main .contact .subeler .col {display:block; width:100%; position:relative; border-top:1px solid #fff; margin-top:20px; padding-top:20px}
#main .contact .subeler .col:first-child {border-top:0}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {width:60px !important; height:30px; display:block; font-size:12px}
#contact_form, #contact_form_goruntulu {width:100%; height:100%}
#bilgilendirme, #etk_bilgilendirme {margin-top:120px}
#div-form {position:absolute; width:100%; height:auto; top:118px; left:0; bottom:0; z-index:99}
.mobileMenuLink {background:url(../images/openFormNew3.png) 0 0/100% auto no-repeat; width:100%; bottom:0; left:0; height:160px}
.mobileMenuLink.closer {background:url(../images/openFormNewCloser.png) 0 0/100% auto no-repeat}
.mobileMenuLink.hidden{display: none !important;}
.openHomePageForm{display: none;}
#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; align-items:flex-end; flex-wrap:wrap; width:80%!important; margin:0 auto!important}
.popupFormWrapper div input[type=radio]+label:before {width:20px; height:20px; margin-top:4px; position:relative}
.popupFormWrapper div input[type=radio]:checked+label:after {width:10px; height:10px; left:5px; top:9px}
section .subPage {min-height:auto!important}
#contact_form p span:first-child, .form.active, .only-mobile, .youChoice .right img.mobile, header .navbar .navbar-lists ul {display:block; overflow-x:scroll;}
.no-submenu::after, header .bottom .content .yeterki-iste {display:none!important}
.cozum-merkezi .cozum-merkezi-form-wrapper .cozum-merkezi-dosya-wrapper label span {width:max-content; padding:0 6%}
.mainSlider{max-width: 100vw !important; }
.mainSlider .owl-stage-outer{max-width: 100vw !important;}
.mainSlider, .mainSlider .item picture {height:max-content!important}
/* .mainSlider {padding-top:20px!important; margin-top:65px!important} */
.mainSlider .item picture img {object-fit:cover!important; width:100vw}
.tasarruf-sahibi-slider .item {width:330px; height:380px}
.accordionContent .item .desc .tableArea .tableRow .tableCol, .tasarruf-sahibi-slider .item div p {font-size:13px}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item:first-child{margin-left: unset;}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item {width:250px; height:280px; margin:20px 0}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .item a .img-wrapper {height:210px}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .owl-nav, .tasarruf-sahibi .tasarruf-sahibi-slider .owl-nav {position:absolute; top:40%; transform:translate(0, -50%); width:100%; font-size:20px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; z-index:99}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-slider .owl-nav .owl-prev, .owl-next, .tasarruf-sahibi .tasarruf-sahibi-slider .owl-nav .owl-prev {width:30px; height:30px; border-radius:3px; background-color:rgb(255 255 255/.8)!important; display:flex; align-items:center; justify-content:center; font-weight:600; color:#831844}
.phone, .title b {display:block!important}
.title {font-size:26px}
footer {padding:40px 0 130px!important}
.kazanan-tasarruf-sahipleri .kazanan-tasarruf-sahipleri-title {font-size:16px}
.other-campaigns-page .other-campaigns-page-info .other-campaigns-page-content .text-col {padding-left:0; width:100%; margin-top:25px}
.other-campaigns-slider, .pressArea .pressRow .pressCol, .promotionalAgency .ttMainBottom div {width:100%!important}
header .navbar .navbar-lists ul li a {color:inherit!important}
.promotionalAgency .banner .caption p, .promotionalAgency .ruleCondition .textArea p, .promotionalAgency .ttMainBottom .text p, .tmsfArea a, header .bottom .navbar {font-size:14px}
header .bottom .navbar .navbar-header .submenuAreaCloseBtn {position:absolute; right:0}
header .bottom .navbar .navbar-lists {flex-wrap:wrap; margin-top:30px; position:relative; z-index:111}
header .bottom .navbar .navbar-lists div, header .bottom .navbar .navbar-lists ul {width:100%; margin:6px 0}
header .bottom .navbar .navbar-lists div ul li, header .bottom .navbar .navbar-lists ul li {width:100%; text-align:center}
.navbar .navbar-lists ul li .navbar-list-title.sub::before {display: none;}
.navbar .navbar-lists div{flex-direction: column;}
.navbar .navbar-lists div ul{width: 100% !important;}
header .bottom .navbar .navbar-lists .navbar-list-title {text-align:start; width:100%; display:inline-block; cursor:pointer}
header .bottom .navbar .navbar-lists ul li .navbar-lists-submenu li:first-child {margin-top:10px}
header .bottom .navbar .navbar-lists .navbar-list-title::after {content:""; background:url(../images/pinkDownBtn.svg) 0 0/contain no-repeat; width:10px; height:10px; filter:grayscale(1); display:inline-block; padding:3px; position:absolute; right:20px}
.animationArea a, header .bottom .navbar .navbar-lists div {margin:0}
header .bottom .navbar .navbar-lists ul li .navbar-lists-submenu li {text-align:start}
header .bottom .navbar .navbar-lists ul li .navbar-lists-submenu li a{font-size: 10px;}
.navbar .navbar-footer div:first-child {margin-left:0; margin-right:0}
.navbar .navbar-footer div {width:85%}
.navbar .navbar-footer div div {padding:5px 0; font-size: 12px;}
.phone {font-size:12px!important; background-size:contain}
.yeterki-iste-content {width:100%; background-color:#eee; margin:40px 0!important}
.yeterki-iste-content .yeterki-iste-content-text {max-width:90%; padding:45px 0; font-size:14px; margin:0 auto}
.yeterki-iste-content .img {max-width:90%; width:100%; height:175px; margin:0 auto}
.preferences {flex-direction:column; width:100%; margin:0 0 40px!important}
.preferences img {width:100%; object-fit:cover; margin:20px auto}
.reklam-filmi {width:95%; flex-direction:column}
.reklam-filmi div {width:100%; padding-right:0!important}
.reklam-filmi a {width:100%; margin-top:30px}
.sss-main .sss-main-items .sss-main-item {width:30%; font-size:16px}
.form {max-width:90% !important;width: 100%; height:70%; bottom:55px}
#contact_form, #contact_form_goruntulu, #contact_form_ttbasvuru{box-shadow: none !important;}
.form.active{right: 50%;transform: translateX(50%);}
.form .contact_form_homepage {width:100%; flex-direction:column}
.form .contact_form_homepage .inputs {padding:0!important}
.form .contact_form_homepage .inputs li {width:100%!important; margin:5px 0}
.form .contact_form_homepage .inputs li.half {width:49%!important; margin-right:2px}
.form .contact_form_homepage .inputs li select {border-radius:0!important}

.contact_form_homepage .inputs .form-bottom {display:inline-block}
/* .contact_form_homepage .inputs .form-bottom, header .bottom nav>ul>li.submenuClickBtn {display:inline-block} */
.contact_form_homepage .submitButton {padding:20px!important}
.contact_form_homepage .form-bottom .form-bottom-flex{flex-direction: column; padding-top: 5px;}
#contact_form {left:0; top:15px}
.click {pointer-events:all!important}
section .subPage.other-campaigns-page {padding:100px 0}
.branch .tabs-content .tabs .flexItem {width:100%!important; float:none}
.yts_nedir .ytPlay::after{width: 50px; height: 50px;}
}

@media screen and (max-width:768px) {
section .subPage.subeler-page .branchMap{height: 250px;}
.subeler-page #branchMap{height: 250px;}
.tabsBtn {width:100%}
.tabsBtn a {margin-bottom:2%; text-align:center}
.tabs .flexItem {display:block}
.activityReportArea .item {width:calc(50% - 20px)}
.activityReportArea .item a span {font-size:18px; text-align:center}
.yeterki-iste-content .img {height:155px}
.yeterki-iste-content .img img {height:80px}
.yeterki-iste-content .img p {font-size:22px}
.sss-main .sss-main-items .sss-main-item {width:48%; height:120px; font-size:12px; margin:5px auto}
.sss-main .sss-btn {padding:15px 35px}
header .bottom .navbar {padding:15px}
input#Telefon{padding-left: 0 !important;}

}


@media only screen and (max-width:1300px) {
.footerLogo {margin-inline:auto}
.rightSelf {justify-self:center}
}

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


.mobileMenuLink {height:80px!important}
}

@media screen and (max-width:1750px) {
.yeterki-iste-content.full .img p {padding:0 0 0 30px!important}
}

@media screen and (max-width:1500px) {
.contact_form_homepage .submitButton {padding:0 30px!important; font-size:16px!important}
.navbar .navbar-header {height:80px}
.navbar .navbar-lists {margin-top:15px!important}
.form {max-width:80%!important}
.financial-solution-page .financial-solutions-head .financial-solutions-menu {background:#eaeaea; max-width:350px; width:100%; height:max-content; display:flex; flex-direction:column; align-items:center; padding:25px}
.human-resources-menu {max-width: 350px;}
}

@media screen and (max-width:1350px) {
.other-campaigns h2 {padding:20px 3%!important}
.yeterki-iste-content .img p {padding:0 0 0 30px; font-size:32px}
}

@media screen and (max-width:1275px) {
.w-80 {width:90%!important}
.yeterki-iste-content .img p {padding:0 0 0 26px; font-size:30}
}

@media screen and (max-width:1150px) {
.financial-solution-page .img-container img, .flex div, .flex p {width:100%; height:auto}
.contact_form_homepage .submitButton {padding:0 20px!important; font-size:14px!important}
.flex .full, .pressList .item.bulletin {width:100%!important}
.flex {flex-direction:column}
.flex div, .flex p {margin:25px 0}
.human-resources-menu {display:none}
.financial-solution-page .financial-solutions-head div {padding:0 5px}
.financial-solution-page .financial-solutions-head div .img-container {width:100%!important; padding:0!important}
.financial-solution-page p {margin:20px 0!important}
.financial-solution-page .img-container {width:95%}
}

@media only screen and (max-width:950px) {
.mobileMenuLink {height:140px!important}
}

@media only screen and (max-width:835px) {
.mobileMenuLink {height:120px!important}
}

@media only screen and (max-width:1330px) {
.footerLogo {margin-inline:auto}
.rightSelf {justify-self:center}
}

@media only screen and (max-width:780px) {
.other-campaigns h2 {text-align:center}
.mobileMenuLink {height:105px!important}
.kazanan-tasarruf-sahipleri {padding:50px 0 0}
.tasarruf-sahibi-slider .owl-dots {width:100%!important}
}
@media only screen and (min-width:1930px){
    .branchMap{height: 800px !important;}
}
@media only screen and (max-width:620px) {
.mobileMenuLink {height:90px!important}
}

@media screen and (max-width:480px) {
    .contact_form_homepage .inputs .form-bottom {margin:0!important}
    .mobileMenuLink {height:72px!important}
    .sss-main .sss-main-items .sss-main-item {height:100px; font-size:10px; padding:10px}
    #contact_form>p, #contact_form_goruntulu>p {padding:3px 0; font-size:13px;}
    #contact_form>ul li input[type=text], #contact_form>ul li #Telefon {height:30px;}
    #contact_form .flag-container, #mobileCodeListSelect {height:30px !important;}
    #contact_form .submitButton, #contact_form_goruntulu .submitButton {margin-top:0px;}
    .form .contact_form_homepage .inputs li {margin:2px 0;}
}

@media screen and (max-width:400px) {
.mobileMenuLink {height:65px!important}
}