@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
*{outline:none!important;list-style:none;text-decoration:none;box-sizing:border-box!important}
body,div,span,applet,h1,h2,h3,p,a,img,strong,sub,sup,center,dl,dt,dd,ol,ul,li,table,tr,th,td{margin:0;padding:0;border:0;outline:0;list-style:none}
input,textarea,select,label,option{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}
select,option,textarea,input[type="text"],input[type="password"],input[type="button"],input[type="submit"],input[type="tel"],input[type="email"], input[type="date"]{border-radius:0;border:none;font-family:'Poppins',sans-serif;font-size:14px!important; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
input[type="button" i],input[type="submit" i],input[type="reset" i],input[type="file" i]::-webkit-file-upload-button,button{padding:0; font-family:'Poppins',sans-serif;}
html{height:auto;overflow-x:hidden}
body{font-family:'Poppins',sans-serif!important; color:inherit; height:auto}
.clear{clear:both}
a{transition:all .4s ease;text-decoration:none!important}
:hover{transition:all .4s ease}
input.error{border:1px solid red!important}
input.valid{border:1px solid green!important}
::-webkit-input-placeholder{color:#818182; font-family:'Poppins',sans-serif!important;}
:-moz-placeholder{color:#818182; font-family:'Poppins',sans-serif!important;}
::-moz-placeholder{color:#818182; font-family:'Poppins',sans-serif!important;}
:-ms-input-placeholder{color:#818182; font-family:'Poppins',sans-serif!important;}
:root{
--renk1:#FF6900;
--renk2:#273A4F;
--gri:#727271;
}

.overfloww { overflow: hidden; }


header {  background-color: #fff;  padding: 25px 0 25px; width: 100%; z-index: 99; box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.05); position: relative;}
header .content.d-flex-2 { }
nav {}
nav ul{ display: flex; align-items: center; justify-content: space-around; }
nav ul li{ margin:0 0 0 25px;}
nav ul li a{ color:#111;  font-size: 15px; }
nav ul li i { font-size: 12px; margin-left:5px }

nav ul li ul { display: none; position:absolute; padding:20px; border-radius: 10px; background-color:#eee; margin: 25px auto 0; z-index: 99}
nav ul li ul li{ margin: 0 0 0; font-size: 14px; font-weight: 400; border-bottom: 1px solid #ddd;}
nav ul li ul li a{ padding: 5px 0; display: block; }
nav ul li ul li a:hover{ color:var(--renk1); }

nav ul li ul li:last-child{ border-bottom: none;}

nav ul li ul li p {font-size: 12px; line-height: 20px; font-weight: 400;}
nav ul li ul li i{ font-size: 22px; margin:10px 5px 0 0; width:100%; }

nav ul li ul.megamenu { max-width: 1240px; display: none; position:absolute; columns:3; padding:30px 20px; border-radius: 10px; background-color:#eee; left:0; right:0; margin: 25px auto 0; z-index: 99}
nav ul li ul.megamenu li{ margin: 0 20px 10px; font-size: 13px; font-weight: 700;  border-bottom: none;}
nav ul li ul.megamenu li p {font-size: 12px; line-height: 20px; font-weight: 400;}
nav ul li ul.megamenu li i{ font-size: 22px; margin:10px 5px 0 0; width:100%; }



.header-tabs { position:relative; bottom:-20px; padding-top: 10px}
.sticky-menu .header-tabs {bottom: -10px;}
.header-tabs ul{}
.header-tabs ul li{ margin-right:15px;  }
.header-tabs ul li a{opacity: 0.5; display: block; padding:0 10px 10px; color:#111;  }
.header-tabs ul li:hover a,
.header-tabs ul li.active a{ opacity: 1; border-bottom:1px solid #111;}

.header-motto { padding:20px 0 0; border-top: 1px solid #ddd; margin-top:15px !important }
.header-motto h1{ font-size: 25px; margin: 0; font-weight: 600}
.header-motto p:not(.m0):not(.p0){ font-size: 14px; margin-bottom:15px }

.sticky-menu {position: fixed; top: 0; padding: 15px 0}
.sticky-menu .header-motto { display: none; }
.sticky-menu .content.d-flex-2 { padding-bottom: 0;}

.logo {}
.logo img{ height:45px }

.bg-1 { background-color:#f9f9f9; }
.bg-2 { background-color:#eee; }

.bg-white { background-color:#fff; }

.text-color-gri {color:#6c757d }
.text-small { font-size: 12px; }
.text-center { text-align: center; }

.small-motto { color:var(--renk1); }

.formum {}
.formum input,
.formum select,
.formum textarea { width: 100%; border:1px solid #eee;  padding:15px; margin-bottom: 15px; }
.formum .wpcf7-submit { border: none; background-color: var(--sari); font-weight: 800; max-width: 180px; cursor: pointer; margin:auto; display: table; font-size: 16px !important; }

h1{font-size:23px}
h2{font-size:21px}
h3{font-size:19px}
h4{font-size:17px}
h5{font-size:15px}
h6{font-size:14px}
h1,h2,h3,h4,h5,h6{margin:0 0 7px;padding:0; font-weight: 600;}
p{font-size:14px;color:#111;line-height:24px}
p a{color:#111}
p a:hover{color:#007ec3}
p strong{font-size:inherit;font-weight:800}
ul li{margin:0; font-size:14px;color:#111;line-height:normal;line-height:24px}
img{max-width:100%}

.alignleft{float:left;margin:0 20px 20px 0}
.alignright{float:right;margin:0 0 20px 20px}
.aligncenter{float:none;margin:0 auto 20px;display:block}

.none { display: none; }
.formum h3 { font-weight: 800; margin-bottom: 10px; }
.formum {}
.formum label{}
.formum label:nth-child(2){ width: 49%; float: left; }

.formum input,
.formum select,
.formum textarea { width: 100%; border:1px solid #eee;  padding:15px; margin-bottom: 15px; }

.kredi-form { margin:20px 0 0 0;   }
.kredi-form label{ font-size: 13px;  margin-bottom:5px; font-weight: 700;     display: block;  }

.kredi-form input,
.kredi-form select {width: 100%; border:1px solid #eee; border-radius:10px; margin-bottom: 0; }

.kredi-form-input { position:relative; }
.kredi-form-input svg{     position: absolute; right: 8px; top: 35px; width: 20px; height: 20px;}

.kredi-form-input input{padding:10px;}

.kredi-form-select {}
.kredi-form-select select{ padding:12px;}

.kredi-form-btn {margin-top: 22px;}
.kredi-form-btn button{ width: 100%; margin: 0; padding:12px; border-radius:10px; font-weight: 700; }

.kredi-form-btn button[type="submit"]:disabled {
  background: #dddddd;
}


.musteri-line:nth-child(even){background-color: #eee;}
.musteri-line:nth-child(odd){background-color: #f9f9f9;}

.musteri-line:hover {background-color: #ddd;}

.content { width:90%; max-width:1240px; margin:auto; }

.d-flex-1 { display: flex; align-items: center;  justify-content: flex-start;}
.d-flex-2 { display: flex; align-items: center;  justify-content: space-between;}
.d-flex-3 { display: flex; align-items: center;  justify-content: space-around;}
.d-flex-4 { display: flex; align-items: center;  justify-content: space-evenly;}
.d-flex-5 { display: flex; align-items: center;  justify-content: flex-end;}
.d-flex-6 { display: flex; align-items: center;  justify-content: center;}



.box-one { padding:20px; border-radius:10px; }
.box-one a { display: block; }
.box-one img{ width:40px; height:40px; margin-bottom:10px }
.box-one a h2{font-size: 17px; font-weight: 600; color:#111; margin:0; padding:0 }

.box-two { padding:20px; border-radius:10px;}
.box-two img{ height:20px }
.box-two ul { padding:10px 0 }
.box-two ul li{ font-size: 12px }
.box-two ul li:nth-child(1){ text-align: left; }
.box-two ul li:nth-child(2){ text-align: center; }
.box-two ul li:nth-child(3){ text-align: right; }
.box-two ul li strong{ display: block; font-size: 16px; }
.box-two span { display: block; }

.btn-one{font-size: 14px; display: block; text-align: center; color:#fff; background-color:var(--renk1); padding:10px 20px; border-radius:5px; border: none;}
.btn-one:hover{background-color:var(--renk1); opacity:0.6; }
.btn-two{font-size: 14px; display: block; text-align: center; color:#fff; background-color:var(--renk2); padding:10px 20px; border-radius:5px; border: none;}
.btn-two:hover{background-color:var(--renk2); opacity:0.6; }

.font-small { font-size: 12px; }

.box-three { padding-right:30px; }
.box-three i{ font-size: 45px; margin-bottom:10px }
.box-three h3 { font-size: 15px; padding:15px 0 8px; margin:0; font-weight: 600 }

.box-list {border:1px solid #eee; border-radius:10px;}
.box-list i{ font-size: 15px; text-align: right; float: right; position: relative; top: 5px; }
.box-list h3 { padding:25px 20px 0; margin:0; font-weight: 600 }
.box-list p { padding:0 20px 20px } 
.box-list ul {}
.box-list ul li{ border-top:1px solid #eee; margin:0 }
.box-list ul li a{ color:#111; padding:10px 20px; display: block; }
.box-list ul li a:hover { background-color:#f9f9f9; }

.box-four { padding:30px; border-radius:10px; border:1px solid #ddd; }
.box-four p { padding:10px 0 10px }
.box-four a { display: block; }
.box-four a h3{font-size: 17px; font-weight: 600; color:#111; margin:0; padding:0 }
.box-four span {}

.teklif-liste {  font-size: 14px }
.teklif-liste-list { font-size: 14px }
.teklif-liste-list { }
.teklif-liste-list select{ width: 200px; padding:9px 10px; border-radius:10px }

.oneri { position:absolute; left:25px; top:-10px; font-size: 11px; padding:2px 10px; border-radius: 10px; color:#fff; }

.oneri {background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite;}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.form-list { max-height:175px; overflow-y:auto !important; padding:10px 0  }
.form-btn {}
.form-btn-link:nth-child(1),
.form-btn-link:nth-child(2) { cursor: pointer; border:none; padding:12px 25px; margin: 0 5px 0 0; display: inline-block; text-align: center; color:#fff; position: relative; top: auto; font-size: 14px; border-radius: 6px;}
.form-btn-link:nth-child(1) { background-color: var(--renk2); }
.form-btn-link:nth-child(2) {background-color: #ddd; color:#111;}

.form-list label { font-size: 14px; }

#searchform { width:100%; }

.bg-turuncu {background-color:var(--renk1);}
.bg-mavi {background-color:var(--renk2);}

.post-image { width:100%; height:450px; border-radius:6px; background-size:cover; background-position:center; }

.box-five { position: relative; background-color:#fff; margin-bottom:20px }
.box-five-center {display: flex;  align-items: center;  justify-content: space-between;}
.box-five { width:100%; padding:20px; border-radius:10px; border:1px solid #ddd;  }

.box-five-1 { width:50%; float:left; display: flex; align-items: center; justify-content: flex-start; }
.box-five-1 img { height:80px; margin-right: 20px}

.kampanyali-boxes .box-five {border:1px solid var(--renk1); }
.kampanyali-boxes .box-five:last-child { margin-bottom: 0;}

.banka-logo-detay { width:auto; height:50px; margin: 15px 0 15px;}

.box-five-1 .banka-logo { width:135px; height:auto; margin-right: 45px; }
.box-five-1 .banka-logo img{margin-right: auto; margin-left: auto; max-height: 2.25rem; max-width: 100%; display: block; }

.box-five-2 { width:50%; float:left; }
.box-five-2 ul {display: flex; align-items: center; justify-content: space-evenly; }
.box-five-2 ul:first-child { border-left:1px solid #ddd;}
.box-five-2 ul strong { display: block; }

.box-five-1.width-70{ width:70% !important;     padding: 0 20px 0 0; }
.box-five-1.width-70 img { height:120px; margin-right: 20px}
.box-five-2.width-30 { width:30% !important; }

.kart_ozellikleri {}
.kart_ozellikleri ul{}
.kart_ozellikleri ul li{ color: #6c757d; font-size: 12px; }
.kart_ozellikleri ul li:before {   
    color: var(--renk1); 
    content: "\f589";
	display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}


.kurlar { padding: 15px 0; }
.kur {  border:1px solid #ddd; border-radius:5px; padding:15px; }
.kur h6 { font-size: 9px; margin: 2px 0 0; height: auto;     font-weight: 400;    overflow: hidden;}
.kur span { padding:0 3px }

.kur span,

.kur p { font-weight: 700; }
.kur img {width: auto !important; height: 24px; display: block; margin: 0 0 0 0;}

.kur-flex { display: flex;align-items: center; justify-content: flex-start; } 

.kredi-boxes {}
.kredi-boxes .box-five-1 { width:35%; float:left;  }
.kredi-boxes .box-five-2 { width:65%; float:left; }

.w-70 {width: 70%; float: left;}
.w-65 {width: 65%; float: left;}
.w-60 {width: 60%; float: left;}
.w-50 {width: 50%; float: left;}
.w-40 {width: 40%; float: left;}
.w-35 {width: 35%; float: left;}
.w-30 {width: 30%; float: left;}

.table{ font-family: Poppins !important; width: 100%; border-collapse: collapse; --bs-table-striped-bg:rgba(222,225,237,0.5);--bs-table-hover-bg:rgba(232,234,242,0.5)}

.table thead tr,
.table tfoot tr{ background-color: #eee; font-family: inherit !important;}

.table > :not(caption) > * > *{font-size: 14px; color: #111; white-space:nowrap; padding:.75rem .5rem; text-align:right;}
.table th[scope=row],.table thead tr th:first-of-type{text-align:left;padding-left:1rem; font-family: inherit !important;}
.table td:last-of-type,.table thead tr th:last-of-type{padding-right:1rem}
.table td{font-weight:500}
.table-schedule td,.table-schedule tbody th{letter-spacing:-.33px;}
.table-schedule > thead > tr > *{--bs-table-bg:#dee1ed}
.table-schedule > tbody > tr:nth-of-type(even) > *{--bs-table-accent-bg:var(--bs-table-striped-bg)}
.table .o__currency{text-decoration:none}
.table .o__col{min-width:160px;text-align:right;margin-left:.5rem;margin-right:.5rem}
.table .o__col:first-of-type{margin-left:0}
.table .o__col:last-of-type{margin-right:0}

.table tbody tr:nth-child(odd){ background-color:#fff; }


.five-note {}
.five-note ul{}
.five-note ul li{ padding:0; margin:0 }
.five-note ul li i { color:var(--renk1); }

.sticky-sidebar { position:sticky; top:0 }
.div-left {width:25%; float:left;}
.filter-form {}
.filter-form label{ width:100%; display: block; padding: 3px 0}
.filter-form input{ position:relative; top:1px }



.div-right {width:73%; float:right;}


.detay-box-1 { padding:40px 50px; border-radius:10px; border:1px solid #ddd;  }
.detay-box-1 {}
.detay-box-1-left { width:40%; float:left;text-align: left; }
.detay-box-1-left img{ width:280px; margin:0 0 10px }

.detay-box-1-right {width:60%; float:left; }

.list-ul-one {} 
.list-ul-one ul{}
.list-ul-one ul li { display: flex; align-items: center; justify-content: space-between; padding:10px 0; margin:0 }
.list-ul-one ul li{ border-bottom:1px solid #ddd; }
.list-ul-one ul li:last-child { border-bottom:none; }

.list-ul-one ul li p{  font-size: 14px; }
.list-ul-one ul li span{ font-size: 14px; font-weight: 700  } 

.li-icon { padding:10px; }
.li-icon li{}
.li-icon li:before {font-family: bootstrap-icons!important; content: "\f138"; color: var(--renk1); position: relative; top: 2px; margin-right: 10px}

.lili ul { padding:10px; }
.lili ul li{}
.lili ul li:before {font-family: bootstrap-icons!important; content: "\f138"; color: var(--renk1); position: relative; top: 2px; margin-right: 10px}


ul.two-column {
	 columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.uc-slider {}
.uc-slider img{ width:auto !important; }

.owl-carousel {}
.owl-carousel .owl-nav{ width: 100%; top:calc(50% - 20px); position:absolute; z-index:-1; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { position:absolute; }

.owl-carousel .owl-nav .owl-prev{ left:-20px; }
.owl-carousel .owl-nav .owl-next { right:-20px; }

.owl-dots { position:relative; display: flex; align-items: center; justify-content: center; margin:15px 0 0 0 }
.owl-dots .owl-dot { width:13px; height:13px; background-color:#111; border-radius:100%; margin:0 2px; opacity:0.4 }
.owl-dots .owl-dot.active { opacity:1 }



ul.tabs-ul-one { position: relative; display: flex; align-items: center; }
ul.tabs-ul-one li{}
ul.tabs-ul-one li{ margin-right:15px;  }
ul.tabs-ul-one li a{opacity: 0.3; padding:8px 15px; display: block; color:#111; font-weight: 600; border:1px solid var(--renk1); border-radius:6px; background-color:var(--renk1); color:#fff; }
ul.tabs-ul-one li:hover a,
ul.tabs-ul-one li.ui-state-active a{ opacity: 1; }


ul.tabs-ul-two { position: relative; }
ul.tabs-ul-two li{ margin-right: 0; margin:0 5px }
ul.tabs-ul-two li svg { position:relative; top:2px; margin-right:7px }
ul.tabs-ul-two li{   }
ul.tabs-ul-two li a{font-size: 16px; display: block; border:1px solid #ddd; opacity: 0.5; padding:10px 10px 10px; border-radius: 5px; color:#111; font-weight: 600; }
ul.tabs-ul-two li:hover a,
ul.tabs-ul-two li.ui-state-active a{ opacity: 1; }

.page-content {}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 { padding:15px 0 0 }


.tab-content { padding:30px 0 !important }

.accordion { padding:20px 0  }
.accordion { padding:20px 0  }

.filter-form .accordion { padding: 0 0 20px;}
.filter-form .accordion h3.ui-accordion-header {padding: 10px 0 10px;}

.filter-form .accordions { padding: 0 0 20px;}
.filter-form .accordions h3 {padding: 10px 0 10px;}

.accordion h3.ui-accordion-header { font-size: 14px; border-bottom: 1px solid #ddd; display: block; padding: 10px 0; margin: 0; cursor: pointer;}
.accordion .ui-accordion-content {font-size: 14px; padding: 10px 0}
.accordion h3 span { color:var(--renk1);font-size: 16px; float:right; position:relative; top:5px; }


.accordions h3 { font-size: 14px; border-bottom: 1px solid #ddd; display: block; padding: 10px 0; margin: 0; cursor: pointer;}
.accordions input[type="radio" i] {font-size: 14px; padding: 10px 0; margin-right: 5px;}
.accordions h3 span { color:var(--renk1);font-size: 16px; float:right; position:relative; top:5px; }

footer { background-color:#f5f5f5; padding:50px 0 0}
.footer-logo { }
.footer-logo img{ height:45px; margin-bottom:10px }

.footer-box {}
.footer-box p{}
.footer-box h3{ font-size: 14px; font-weight: 700; }
.footer-box ul{}
.footer-box ul li{font-size: 14px;}
.footer-box ul li a{ color:#111; }

.copyright { text-align: center;  padding:15px 0 20px; margin: 50px 0 0 ; border-top:1px solid #ddd; }

.m0 { margin:0 }
.m-1-120{margin-top:120px!important}
.m-1-80{margin-top:80px!important}
.m-1-60{margin-top:60px!important}
.m-1-40{margin-top:40px!important}
.m-1-20{margin-top:20px!important}
.m-1-10{margin-top:10px!important}
.m-2-120{margin-right:120px!important}
.m-2-80{margin-right:80px!important}
.m-2-60{margin-right:60px!important}
.m-2-40{margin-right:40px!important}
.m-2-20{margin-right:20px!important}
.m-2-10{margin-right:10px!important}
.m-3-120{margin-bottom:120px!important}
.m-3-80{margin-bottom:80px!important}
.m-3-60{margin-bottom:60px!important}
.m-3-40{margin-bottom:40px!important}
.m-3-20{margin-bottom:20px!important}

.m-3-10{margin-bottom:10px!important}
.m-4-120{margin-left:120px!important}
.m-4-80{margin-left:80px!important}
.m-4-60{margin-left:60px!important}
.m-4-40{margin-left:40px!important}
.m-4-20{margin-left:20px!important}
.m-4-10{margin-left:10px!important}

.m-x-120{margin:0 120px!important}
.m-x-80{margin:0 80px!important}
.m-x-60{margin:0 60px!important}
.m-x-40{margin:0 40px!important}
.m-x-20{margin:0 20px!important}
.m-x-10{margin:0 10px!important}

.m-y-120{margin:120px 0!important}
.m-y-80{margin:80px 0!important}
.m-y-60{margin:60px 0!important}
.m-y-40{margin:40px 0!important}
.m-y-20{margin:20px 0!important}
.m-y-10{margin:10px 0!important}

.p0 { padding:0 }
.p-1-120{padding-top:120px!important}
.p-1-80{padding-top:80px!important}
.p-1-60{padding-top:60px!important}
.p-1-40{padding-top:40px!important}
.p-1-30{padding-top:30px!important}

.p-1-20{padding-top:20px!important}
.p-1-10{padding-top:10px!important}
.p-2-120{padding-right:120px!important}
.p-2-80{padding-right:80px!important}
.p-2-60{padding-right:60px!important}
.p-2-40{padding-right:40px!important}
.p-2-30{padding-right:30px!important}

.p-2-20{padding-right:20px!important}
.p-2-10{padding-right:10px!important}
.p-3-120{padding-bottom:120px!important}
.p-3-80{padding-bottom:80px!important}
.p-3-60{padding-bottom:60px!important}
.p-3-40{padding-bottom:40px!important}
.p-3-30{padding-bottom:30px!important}
.p-3-20{padding-bottom:20px!important}
.p-3-10{padding-bottom:10px!important}

.p-4-120{padding-left:120px!important}
.p-4-80{padding-left:80px!important}
.p-4-60{padding-left:60px!important}
.p-4-40{padding-left:40px!important}
.p-4-30{padding-left:30px!important}
.p-4-20{padding-left:20px!important}
.p-4-10{padding-left:10px!important}

.p-x-120{padding:0 120px!important}
.p-x-80{padding:0 80px!important}
.p-x-60{padding:0 60px!important}
.p-x-40{padding:0 40px!important}
.p-x-30{padding:0 30px!important}
.p-x-20{padding:0 20px!important}
.p-x-10{padding:0 10px!important}
.p-x-80{padding:0 80px!important}

.p-y-120{padding:120px 0!important}
.p-y-80{padding:80px 0!important}
.p-y-60{padding:60px 0!important}
.p-y-40{padding:40px 0!important}
.p-y-30{padding:30px 0!important}
.p-y-20{padding:20px 0!important}
.p-y-10{padding:10px 0!important}
.p-y-80{padding:80px 0!important}


.col-2{display:grid;grid-template-columns:repeat(2,1fr)}
.col-3{display:grid;grid-template-columns:repeat(3,1fr)}
.col-4{display:grid;grid-template-columns:repeat(4,1fr)}
.col-5{display:grid;grid-template-columns:repeat(5,1fr)}
.col-6{display:grid;grid-template-columns:repeat(6,1fr)}
.col-7{display:grid;grid-template-columns:repeat(7,1fr)}
.col-8{display:grid;grid-template-columns:repeat(8,1fr)}
.col-9{display:grid;grid-template-columns:repeat(9,1fr)}
.col-10{display:grid;grid-template-columns:repeat(10,1fr)}
.col-11{display:grid;grid-template-columns:repeat(11,1fr)}
.col-12{display:grid;grid-template-columns:repeat(12,1fr)}

.gap-120{gap:120px 120px}
.gap-100{gap:100px 100px}
.gap-80{gap:80px 80px}
.gap-60{gap:60px 60px}
.gap-50{gap:50px 50px}
.gap-40{gap:40px 40px}
.gap-30{gap:30px 30px}
.gap-20{gap:20px 20px}
.gap-10{gap:10px 10px}

.dataTables_wrapper { overflow: auto;}
.dataTables_wrapper::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.dataTables_wrapper::-webkit-scrollbar
{
    width: 10px;
    height: 7px;
    background-color: #F5F5F5;
}

.dataTables_wrapper::-webkit-scrollbar-thumb
{
    background-color: #F90; 
    background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
}


.table-wrap { overflow: auto;}
.table-wrap::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.table-wrap::-webkit-scrollbar
{
    width: 10px;
    height: 7px;
    background-color: #F5F5F5;
}

.table-wrap::-webkit-scrollbar-thumb
{
    background-color: #F90; 
    background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
}

@media all and (max-width:1024px) {
 header{padding: 20px 0; position: sticky; top: 0; z-index: 999;}
 header .content.d-flex-2 { flex-direction: column; align-items: flex-start; }

 .header-motto {
    padding: 0;
    border-top: none;
    margin-top: 0 !important;
}

.single-post .header-motto {
    padding: 10px 0 0;
    border-top: 1px solid #ddd;
    margin-top: 10px !important;
}


.post-image {
    width: 100%;
    height: 230px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
}

 nav { display: none; width:100%; float:left; padding:20px 0 0 0 }
 nav ul{ display: flex; align-items: baseline; justify-content: space-around; flex-direction: column; }
 nav ul li{ width:100%; margin:0 0 0 0; border-bottom:1px solid #eee; }
 nav ul li a{ width:auto; font-size: 14px; color:#111;  padding: 8px 0; display: inline-block; }
 nav ul li:last-child { border-bottom:0 }

nav ul li ul { display: none; position:relative; padding:20px; border-radius: 0; background-color:#eee; margin: 0 auto 0; }
nav ul li ul li{ margin: 0 0 0; font-size: 13px; font-weight: 400; border-bottom: 1px solid #ddd;}
nav ul li ul li a{ padding: 5px 0; }
nav ul li ul li a:hover{ color:var(--renk1); }

nav ul li ul li:last-child{ border-bottom: none;}

nav ul li ul li p {font-size: 12px; line-height: 20px; font-weight: 400;}
nav ul li ul li i{ font-size: 22px; margin:10px 5px 0 0; width:auto; float:right; }

nav ul li ul.megamenu {  position:relative; columns:1; padding:20px 20px 0; border-radius: 10px; background-color:#eee; left:0; right:0; margin: 0 auto 0; z-index: 99}
nav ul li ul.megamenu li{ margin: 0 0 10px; font-size: 13px; font-weight: 700;  border-bottom: none;}
nav ul li ul.megamenu li p {font-size: 12px; line-height: 20px; font-weight: 400;}
nav ul li ul.megamenu li i{ font-size: 22px; margin:0 0px 6px 0; width:100%; }
nav ul li .bi-chevron-down {  float: right;  position: relative;  top: 15px;}

.header-tabs {overflow-x: auto;}
.header-tabs ul {width: max-content; overflow: hidden;}

.banka-logo-detay {  margin: 15px 0 25px;}


.oneri { width: 110px; left: 0; right: 0;  margin: auto; text-align: center;}

.div-left,
.div-right {width:100%; float:left;}
.div-right {display:grid;grid-template-columns:repeat(2,1fr); gap:20px 20px}

.box-five { margin-bottom: 0;}
.box-five-center {  flex-direction: column;}
.box-five-1 { width:100%; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.box-five-1 img { height:80px; margin-right: 0; margin-bottom: 20px; margin-top: 10px;}
.box-five-2 { width:100%; float:left; }
.box-five-2 ul { text-align: center; flex-direction: column; align-items: center; border-left:none; padding: 10px 0 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; }
.box-five-2 ul strong { display: block; }
.box-five-2 ul li { padding:5px 0;     margin: 0;}
.five-note {  padding-top: 10px; text-align: center;}

.box-five { position: relative; background-color:#fff; margin-bottom:20px }
.box-five-center {display: flex;  align-items: center;  justify-content: space-between;}
.box-five { width:100%; padding:20px; border-radius:10px; border:1px solid #ddd;  }
.box-five-1.width-70{ width:100% !important;     padding: 0 0 20px 0; }
.box-five-1.width-70 img { height:120px; margin-right: 0}
.box-five-2.width-30 { width:100% !important; }

.box-five-1 .banka-logo { width: auto;  height: auto; margin-right: 0;}
.box-five-2 ul:first-child { border-left: none;}

.w-70 {width: 100%; float: left;}
.w-65 {width: 100%; float: left;}
.w-60 {width: 100%; float: left;}
.w-50 {width: 100%; float: left;}
.w-40 {width: 100%; float: left;}
.w-35 {width: 100%; float: left;}
.w-30 {width: 100%; float: left;}

.detay-box-1 { display: block; padding:20px; border-radius:10px; border:1px solid #ddd;  }
.detay-box-1 {}
.detay-box-1-left { width:100%; float:left; text-align: center; }
.detay-box-1-left img{ width: 280px; margin: 0 auto 20px; }

.detay-box-1-right {width:100%; float:left; }



ul.tabs-ul-one { position: relative;  display: block;}
ul.tabs-ul-one li{ width:100%; }
ul.tabs-ul-one li{ margin-right:0; margin:5px 0  }
ul.tabs-ul-one li a{opacity: 0.5; padding:5px 0; color:#111; display: block;  }

.tab-content { padding: 10px 0 !important;}


.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{display:grid;grid-template-columns:repeat(1,1fr)}

}

@media all and (max-width:460px) {
.div-right {display:grid;grid-template-columns:repeat(1,1fr);}
}

.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
select {
	  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}