/* Kurumsal Türkiye — ön yüz stilleri
   Düzen: 1170px kapsayıcı, 300 + 840 iki sütun. Renkler yalnız aşağıdaki değişkenlerden gelir. */
:root {
  --k-ana: #8c1c2b;
  --k-ana2: #a52a3c;
  --k-koyu: #66111e;
  --k-acik: #fcecee;
  --k-acik2: #f4c4cb;
  --k-acik3: #fff7f8;
  --k-vurgu: #f8d9de;
  --k-gri: #c5c5c5;
  --k-gri-koyu: #b0b0b0;
  --k-metin: #848484;
  --k-cizgi: #efefef;
  --k-zemin: #f3f1f1;
  --k-yesil: #25a244;
  --k-kirmizi: #e0393e;
}

/* temel */
*, *::before, *::after { box-sizing: content-box; }
html, body { margin: 0; padding: 0; }
body { background: var(--k-zemin); font-family: Roboto, Arial, sans-serif; font-size: 14px; color: var(--k-ana); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: 400; }
p, div, button, input, textarea, select { font-family: Roboto, Arial, sans-serif; }
ul, ul li { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; color: var(--k-ana); }
img { border: 0; }
strong { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
*:focus { outline: none; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--k-ana2); outline-offset: 1px; }
.clear { clear: both; }
.container { width: 1170px; margin: 0 auto; }
.text-center { text-align: center; }
.align-right { text-align: right; }
.pull-left { float: left; }
.pull-right { float: right; }
.mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; }
.mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; }
.pb10 { padding-bottom: 10px !important; } .pt10 { padding-top: 10px !important; } .p20 { padding: 20px !important; }
.hidden { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* düğmeler */
.btn { border-radius: 2px; cursor: pointer; height: 50px; line-height: 50px; padding: 0 15px; font-size: 14px; font-weight: 700; vertical-align: middle; display: inline-block; border: none; position: relative; overflow: hidden; font-family: Roboto, Arial, sans-serif; white-space: nowrap; }
.btn i.fa, .btn span.fa { font-size: 16px; margin-right: 5px; float: left; line-height: inherit; }
.btn i[class*="-right"] { float: right; margin-right: 0; margin-left: 5px; }
.btn-lg { height: 50px; line-height: 50px; padding: 0 30px; }
.btn-lg span.fa { font-size: 22px; font-weight: 400; }
.btn-md { height: 40px; line-height: 40px; }
.btn-sm { padding: 0 15px; height: 30px; line-height: 30px; border-radius: 0; font-size: 11px; font-weight: 500; }
.btn-sm i.fa { height: 30px; line-height: 30px; font-size: 16px; }
.btn-icon { padding: 0 15px; }
.btn-icon i.fa { float: none; margin: 0; }
.btn-sm.btn-icon { padding: 0; width: 30px; text-align: center; }
.btn-sm.btn-icon i.fa { font-size: 24px; }
.btn-md.btn-icon { width: 40px; padding: 0; text-align: center; }
.btn-default { background: var(--k-gri); color: #fff; }
.btn-default:hover { background: var(--k-gri-koyu); color: #fff; }
.btn-primary { background: var(--k-acik); color: var(--k-ana); }
.btn-primary:hover { background: var(--k-acik3); color: var(--k-ana); }
.btn-secondary { background: var(--k-ana); color: #fff; }
.btn-secondary:hover { background: var(--k-ana2); color: #fff; }
.btn-success { background: #32d649; color: #1f5a28; }
.btn-success:hover { background: #2cc141; }
.btn-danger { background: var(--k-kirmizi); color: #fff !important; }
.btn-block { display: block; width: 100%; box-sizing: border-box; text-align: center; }
.btn-block i.fa { float: none; display: inline-block; }
.btn::before, .menu > li > a::before, .categories li a::before, .locations li a::before, .interactive-buttons a::before {
  position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0;
  background: rgba(255, 255, 255, .2); border-radius: 100%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none;
}
.btn:hover::before, .menu > li > a:hover::before, .categories li a:hover::before, .locations li a:hover::before, .interactive-buttons a:hover::before { animation: k-daire .5s; }
@keyframes k-daire { 0% { opacity: 1; height: 200%; } 40% { opacity: 1; } 100% { width: 150%; height: 200%; opacity: 0; } }

/* üst şerit */
.header-top { background: #fff; border-bottom: 1px solid #ececec; height: 40px; line-height: 40px; color: var(--k-ana); }
ul.top-left { padding: 0 14px 0 15px; border-right: 1px solid #e6e6e6; height: 40px; }
ul.top-left:first-of-type { padding-left: 0; }
ul.top-left:last-of-type { padding-right: 0; border-right: none; }
ul.top-left li { display: inline-block; float: left; font-size: 11px; line-height: 40px; }
ul.top-left li a { color: var(--k-ana); }
ul.top-left li span.fa { font-size: 16px; float: left; margin: 12px 10px 0 0; }
ul.social li { margin-right: 7px; }
ul.social li:last-child { margin-right: 0; }
ul.social li a { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; color: #fff; background: var(--k-ana); border-radius: 20px; }
ul.social li a:hover { background: var(--k-acik); color: var(--k-ana); }
.top-right { float: right; }
.top-right a { font-size: 11px; font-weight: 500; margin-left: 15px; }

/* logo ve üye düğmeleri */
.header-middle { height: 100px; background: #fff; position: relative; }
.header-middle .logo { height: 100px; line-height: 100px; float: left; width: 50%; overflow: hidden; }
.header-middle .logo img { vertical-align: middle; }
.header-middle .buttons { height: 100px; line-height: 100px; text-align: right; float: right; width: 50%; overflow: hidden; }
.header-middle .buttons .btn { margin-left: 4px; }
.firmad img { max-width: 100%; height: auto; display: block; }
.header-middle .container { position: relative; }
.firmad.ana-logo { position: absolute; left: 285px; width: 400px; height: 60px; overflow: hidden; top: 20px; }
.firmad.ana-logo img { margin-top: 5px; }
.header-mobile { display: none; }

/* ana menü */
.header-menu { height: 60px; background: var(--k-acik); border-bottom: 4px solid var(--k-acik2); }
.menu { display: table; width: 100%; box-sizing: border-box; }
.menu > li { display: table-cell; height: 60px; position: relative; vertical-align: middle; border-right: 1px solid #fff; border-left: 1px solid var(--k-acik2); }
.menu > li:first-child { border-left: 0; }
.menu > li:last-child { border-right: 0; }
.menu > li > a { padding: 0 15px; line-height: 16px; color: var(--k-ana); display: block; height: 100%; position: relative; overflow: hidden; }
.menu > li > a:hover, .menu > li.active > a { background: var(--k-vurgu); }
.menu > li a span.fa { height: 60px; width: 28px; text-align: center; line-height: 60px; font-size: 24px; float: left; }
.menu > li a span.mn { height: 45px; display: inline-block; padding-left: 10px; float: left; padding-top: 15px; font-size: 11px; }
.menu > li a span.mn strong { display: block; font-size: 14px; }

/* büyük arama */
.main-search { background: linear-gradient(135deg, #fff 0%, var(--k-acik) 55%, #f7dce0 100%); position: relative; overflow: hidden; }
.main-search::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(140, 28, 43, .07) 1px, transparent 1px); background-size: 18px 18px; }
.main-search .container { position: relative; }
.main-search h3 { padding-top: 60px; text-align: center; color: var(--k-ana); font-size: 30px; font-weight: 900; }
.main-search h3 span { display: inline-block; animation: k-don .75s; margin-left: 3px; }
@keyframes k-don { 100% { transform: rotate(360deg); } }
.main-search h4 { text-align: center; padding-top: 12px; color: var(--k-ana); font-size: 20px; font-weight: 300; }
.search-area { text-align: center; padding-top: 30px; padding-bottom: 60px; }
.input-col { display: inline-block; position: relative; padding-right: 15px; vertical-align: middle; }
.input-col input { height: 50px; border-radius: 2px; width: 400px; box-sizing: border-box; border: none; padding-left: 60px; font-size: 14px; color: var(--k-ana); box-shadow: 0 2px 6px rgba(0, 0, 0, .05); }
.input-col i { position: absolute; left: 0; top: 15px; height: 20px; width: 50px; text-align: center; border-right: 1px solid #e8e8e8; color: var(--k-ana); line-height: 18px; font-size: 22px; }
.complist { position: absolute; top: 50px; left: 50px; right: 15px; background: #fff; box-shadow: 0 5px 12px rgba(0, 0, 0, .08); z-index: 500; display: none; max-height: 240px; overflow: auto; }
.complist li { height: 30px; line-height: 30px; text-align: left; padding: 0 15px; font-size: 13px; color: var(--k-ana); cursor: pointer; border-bottom: 1px solid #f4f4f4; }
.complist li:hover, .complist li.active { background: #f4f4f4; }
.main-categories { width: 100%; display: table; table-layout: fixed; }
.main-categories li { display: table-cell; height: 100px; }
.main-categories li a { display: block; background: var(--k-ana); height: 100px; text-align: center; color: #fff; font-size: 11px; position: relative; overflow: hidden; padding: 0 6px; }
.main-categories li a strong { font-size: 13px; display: block; margin-bottom: 2px; line-height: 15px; max-height: 30px; overflow: hidden; }
.main-categories li .fa { margin: 16px 0 6px 0; font-size: 24px; display: inline-block; }
.main-categories li .mn { display: block; }
.main-categories li:nth-child(2n) a { background: var(--k-ana2); }
.main-categories li a:hover { box-shadow: inset 0 0 15px rgba(0, 0, 0, .25); }
.main-categories li a::before { position: absolute; top: 0; left: -75%; z-index: 2; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%); transform: skewX(-25deg); }
.main-categories li a:hover::before { animation: k-parla .75s; }
@keyframes k-parla { 100% { left: 125%; } }

/* bloklar */
.block { position: relative; }
.block-left { float: left; width: 405px; }
.block-right { float: right; width: 405px; }
.ikili-blok { display: flex; justify-content: space-between; align-items: stretch; }
.ikili-blok > .block { float: none; display: flex; flex-direction: column; }
.ikili-blok > .block > .block-content { flex: 1; }
.block-title { display: flex; align-items: center; height: 50px; line-height: 50px; background: var(--k-ana); position: relative; }
.block-title.rounded { border-radius: 3px 3px 0 0; }
.block-title.title-primary { background: var(--k-acik); }
.block-title > i { flex: 0 0 55px; width: 55px; text-align: center; color: var(--k-acik); font-size: 24px; line-height: 50px; }
.block-title.title-primary > i { color: var(--k-ana); }
.block-title > h4, .block-title > h1, .block-title > h2 { float: left; line-height: 50px; color: #fff; font-size: 14px; font-weight: 700; min-width: 0; overflow: hidden; max-height: 50px; text-overflow: ellipsis; white-space: nowrap; }
.block-title.title-primary > h4 { color: var(--k-ana); }
.block-title::after { content: ""; border-style: solid; border-width: 8px 7px 0 7px; border-color: var(--k-ana) transparent transparent transparent; position: absolute; bottom: -8px; left: 35px; }
.block-title.title-primary::after { border-color: var(--k-acik) transparent transparent transparent; }
.block-title .title-right { flex: 0 0 auto; margin-left: auto; height: 50px; padding: 0 15px 0 10px; }
.block-title .title-right a, .block-title .title-right .btn { margin-left: 5px; float: left; margin-top: 10px; }
.block-content { padding: 30px; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, .06); }
.block-content.np { padding: 0; }
.block-content .text { color: var(--k-metin); font-size: 14px; line-height: 24px; overflow-wrap: break-word; }
.block-content .text p { color: var(--k-metin); font-size: 14px; line-height: 24px; margin-bottom: 10px; }
.block-content .text h1, .block-content .text h2, .block-content .text h3, .block-content .text h4, .block-content .text h5, .block-content .text h6 { color: var(--k-ana); font-weight: 600; margin: 10px 0 5px 0; line-height: 26px; }
.block-content .text h1 { font-size: 26px; } .block-content .text h2 { font-size: 24px; } .block-content .text h3 { font-size: 22px; }
.block-content .text h4 { font-size: 20px; } .block-content .text h5 { font-size: 18px; } .block-content .text h6 { font-size: 16px; }
.block-content .text ul { margin: 0 0 10px; }
.block-content .text ul li::before { content: "\f2b0"; font: normal normal normal 14px/1 FontAwesome; margin-right: 10px; color: var(--k-ana); }
.block-content .text ol { padding-left: 20px; }
.block-content .text img { max-width: 100%; height: auto; }
.block-content .text a { color: var(--k-ana2); text-decoration: underline; }
.block-content .text table { width: 100%; margin: 10px 0; }
.block-content .text td, .block-content .text th { border: 1px solid var(--k-cizgi); padding: 6px 10px; }
.block-content .text iframe { max-width: 100%; }
.categories, .firma-ekle-btn, .locations, .populer-firmalar, .etkinlikler, .son-haberler { box-shadow: 0 3px 8px rgba(0, 0, 0, .06); }

/* reklam alanları */
.firmad { display: block; overflow: hidden; }
.firmad a { display: block; }
.ad-yer { display: flex; align-items: center; justify-content: center; background: repeating-linear-gradient(45deg, #fff, #fff 10px, #faf3f4 10px, #faf3f4 20px); border: 1px dashed var(--k-acik2); color: var(--k-ana); font-weight: 700; text-align: center; }

/* vitrin */
.vitrin-wrapper { display: block; width: 100%; height: 160px; overflow: hidden; position: relative; }
.vitrin { position: absolute; width: 10000px; left: 0; transition: left .4s ease-in-out; }
.vitrin li { width: 255px; float: left; height: 160px; border: 1px solid var(--k-cizgi); box-sizing: border-box; margin-right: 30px; position: relative; }
.vitrin li .vitrin-gold { position: absolute; z-index: 5; right: 0; top: 0; background: var(--k-acik); height: 26px; line-height: 26px; padding: 0 15px 0 12px; font-size: 11px; font-weight: 600; color: var(--k-ana); }
.vitrin li .vitrin-gold::before { content: ""; border-style: solid; border-width: 13px 9px 13px 0; border-color: transparent var(--k-acik) transparent transparent; position: absolute; top: 0; left: -9px; }
.vitrin li .vitrin-logo { height: 108px; text-align: center; line-height: 108px; position: relative; }
.vitrin li .vitrin-logo img { max-width: 90%; max-height: 90%; vertical-align: middle; }
.vitrin li .vitrin-isim { background: var(--k-cizgi); padding: 10px 15px; font-size: 11px; height: 50px; box-sizing: border-box; position: relative; color: var(--k-metin); }
.vitrin li .vitrin-isim strong { color: var(--k-ana); font-size: 14px; display: block; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 30px); }
.vitrin li .vitrin-isim span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 30px); }
.vitrin li .vitrin-isim i { position: absolute; right: 0; top: 0; height: 50px; width: 30px; text-align: center; line-height: 50px; background: var(--k-gri); color: #fff; }
.vitrin li:hover .vitrin-isim { background: var(--k-acik); color: var(--k-ana); }
.vitrin li:hover .vitrin-isim i { background: var(--k-ana); }
.vitrin a .vitrin-logo::before, .gold-firmalar a .gold-resim::before, .box-listing a .gold-resim::before, .normal-firmalar a .normal-resim::before { content: ""; position: absolute; inset: 0; background: var(--k-ana); transition: .2s ease-in-out; opacity: 0; }
.vitrin a:hover .vitrin-logo::before, .gold-firmalar a:hover .gold-resim::before, .box-listing a:hover .gold-resim::before, .normal-firmalar a:hover .normal-resim::before { opacity: .15; }

/* ana sayfa iki sütun */
.main-left { width: 300px; float: left; }
.main-right { width: 840px; float: right; }
.categories { background: #fff; }
.categories li a { display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--k-cizgi); box-sizing: border-box; font-size: 14px; color: var(--k-ana); font-weight: 700; position: relative; overflow: hidden; white-space: nowrap; }
.categories li a > i:first-child { flex: 0 0 50px; text-align: center; font-size: 16px; }
.categories li a .cat-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.categories li a .cat-sayi { flex: 0 0 auto; margin-left: 4px; font-weight: 300; }
.categories li a > i:last-child { flex: 0 0 40px; margin-left: auto; text-align: center; }
.categories li a:hover, .categories li.active a { background: var(--k-acik); }
.categories li.fazla { display: none; }
.categories.acik li.fazla { display: block; }
.categories li.cat-tumu a { justify-content: center; background: var(--k-acik); border-bottom: 0; font-size: 13px; }
.categories li.cat-tumu a > i:first-child { flex: 0 0 auto; margin-right: 8px; }
.categories li.cat-tumu a:hover { background: var(--k-vurgu); }
.firma-ekle-btn { display: block; height: 52px; border: 2px solid #fff; background: var(--k-gri); color: #fff; }
.firma-ekle-btn i { float: left; width: 62px; line-height: 52px; text-align: center; font-size: 32px; }
.firma-ekle-btn span { float: left; height: 40px; padding-top: 12px; width: calc(100% - 62px); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.firma-ekle-btn span strong { font-size: 14px; display: block; height: 18px; }
a.firma-ekle-btn:hover { background: #fff; color: var(--k-gri-koyu); }
.locations { background: #fff; padding: 15px; }
.locations li { width: 130px; float: left; height: 46px; margin: 0 10px 10px 0; }
.locations li:nth-child(2n) { margin-right: 0; }
.locations li a { display: block; background: var(--k-cizgi); color: var(--k-ana); line-height: 46px; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; }
.locations li a:hover { background: var(--k-acik); }
.locations li a i { width: 38px; text-align: center; height: 46px; line-height: 44px; float: left; font-size: 20px; }
.locations li.full { float: none; clear: both; width: 100%; text-align: center; margin-right: 0; }
.locations li.full a { background: var(--k-acik); cursor: pointer; }
.locations li.full i { float: none; width: 30px; }
.hidden-locations { display: none; }
.hidden-locations.acik { display: block; }

/* popüler firmalar kaydırıcısı */
.populer-firmalar { background: #fff; padding: 15px; position: relative; height: 352px; }
.populer-firma-holder { overflow: hidden; position: relative; height: 352px; }
.populer-firmalar ul { position: absolute; width: 10000px; left: 0; transition: left .4s ease-in-out; }
.populer-firmalar ul li { position: relative; width: 270px; float: left; }
.populer-firmalar .firma-resim { height: 200px; position: relative; line-height: 200px; border-radius: 5px 5px 0 0; overflow: hidden; text-align: center; background: #fafafa; }
.populer-firmalar .firma-resim img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.populer-firmalar span.firma-sol, .populer-firmalar span.firma-sag { cursor: pointer; position: absolute; width: 40px; background: var(--k-gri); text-align: center; line-height: 40px; color: #fff; height: 40px; font-size: 24px; z-index: 5; top: 95px; }
.populer-firmalar span.firma-sol { left: 15px; }
.populer-firmalar span.firma-sag { right: 15px; }
.populer-firmalar span.firma-sol:hover, .populer-firmalar span.firma-sag:hover { background: var(--k-ana); }
.populer-firmalar h4 { height: 50px; line-height: 50px; font-size: 14px; font-weight: 700; text-align: center; color: var(--k-ana); border-bottom: 1px solid var(--k-cizgi); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.populer-firmalar .firma-desc { text-align: justify; font-size: 11px; color: var(--k-ana); line-height: 16px; margin: 10px 0; height: 32px; overflow: hidden; }
.populer-firmalar .firma-btn { display: block; height: 50px; line-height: 50px; color: #fff; padding: 0 20px; background: var(--k-gri); font-size: 14px; font-weight: 700; }
.populer-firmalar .firma-btn i { float: right; line-height: 50px; }
.populer-firmalar .firma-btn:hover { background: var(--k-ana); }

/* küçük liste (ürünler / etkinlikler) */
.etkinlikler { background: #fff; }
.etkinlikler li { border-bottom: 1px solid var(--k-cizgi); }
.etkinlikler li:last-child { border-bottom: 0; }
.etkinlikler li a { display: flex; align-items: center; padding: 15px; }
.etkinlikler li a:hover { background: var(--k-cizgi); }
.etkinlikler li .etkinlik-resim { flex: 0 0 58px; height: 58px; line-height: 58px; text-align: center; margin-right: 12px; }
.etkinlikler li .etkinlik-resim img { border: 2px solid var(--k-cizgi); box-sizing: border-box; border-radius: 4px; max-width: 58px; max-height: 58px; vertical-align: middle; }
.etkinlikler li .etkinlik-info { flex: 1; min-width: 0; }
.etkinlikler li .clear, .son-firmalar li .clear { display: none; }
.etkinlikler li .etkinlik-isim { font-size: 14px; color: var(--k-ana); font-weight: 500; line-height: 18px; max-height: 36px; overflow: hidden; }
.etkinlikler li .etkinlik-tarih { display: block; margin-top: 3px; font-size: 11px; line-height: 15px; color: var(--k-metin); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* haber kaydırıcısı */
.slider-wrap { height: 350px; position: relative; overflow: hidden; background: #fff; }
.slider { position: absolute; width: 10000px; left: 0; transition: left .5s ease-in-out; }
.slider li { width: 840px; height: 350px; position: relative; float: left; }
.slider li .slider-image { height: 300px; overflow: hidden; background: #ddd; }
.slider li .slider-image img { width: 100%; height: 300px; object-fit: cover; border-radius: 4px 4px 0 0; display: block; }
.slider-alt { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: var(--k-acik3); z-index: 3; border-top: 5px solid var(--k-acik3); margin-top: -5px; }
.slider-alt i.fa-play { float: left; width: 50px; line-height: 50px; color: var(--k-ana); text-align: center; }
.slider-alt h3 { float: left; line-height: 50px; font-size: 14px; color: var(--k-ana); font-weight: 700; width: 480px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slider-alt .slider-alt-right { float: right; line-height: 50px; }
.slider-alt .slider-alt-right a { display: inline-block; padding: 0 25px; background: var(--k-acik2); font-size: 11px; font-weight: 500; line-height: 50px; float: left; color: var(--k-ana); }
.slider-alt .slider-alt-right span { float: left; line-height: 50px; font-size: 11px; padding: 0 20px; color: var(--k-ana); }
.slider-alt .slider-alt-right span i { font-size: 16px; margin-right: 5px; line-height: 50px; float: left; }
.slider-ok { position: absolute; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #fff; background: var(--k-ana); top: 125px; cursor: pointer; z-index: 4; font-size: 20px; }
.slider-ok.slider-sag { right: 0; }
.slider-ok.slider-sol { left: 0; }
.slider-ok:hover { opacity: .85; }

/* gold / normal üye ızgaraları */
.gold-wrapper, .normal-wrapper { overflow: hidden; }
.gold-firmalar li, .box-listing li { width: 180px; height: 235px; border: 1px solid var(--k-cizgi); box-sizing: border-box; margin: 0 20px 20px 0; float: left; }
.gold-firmalar li:nth-child(4n), .box-listing li:nth-child(4n) { margin-right: 0; }
.gold-firmalar li .gold-resim, .box-listing li .gold-resim { height: 120px; line-height: 120px; text-align: center; position: relative; }
.gold-firmalar li .gold-resim img, .box-listing li .gold-resim img { vertical-align: middle; max-width: 90%; max-height: 90%; }
.gold-firmalar li .gold-isim, .box-listing li .gold-isim { height: 40px; line-height: 40px; background: var(--k-acik); }
.gold-firmalar li .gold-isim span, .box-listing li .gold-isim span { float: left; width: 148px; padding: 0 15px; box-sizing: border-box; color: var(--k-ana); font-size: 11px; font-weight: 500; overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap; }
.gold-firmalar li .gold-isim i, .box-listing li .gold-isim i { height: 40px; line-height: 40px; background: var(--k-acik2); text-align: center; width: 30px; float: left; font-size: 18px; color: #fff; }
.gold-firmalar li .gold-info span, .box-listing li .gold-info span { display: block; height: 37px; line-height: 37px; overflow: hidden; border-bottom: 1px solid var(--k-cizgi); box-sizing: border-box; padding: 0 15px; font-size: 11px; color: var(--k-metin); font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.gold-firmalar li .gold-info span:last-child, .box-listing li .gold-info span:last-child { border-bottom: 0; }
.gold-firmalar li .gold-info span i, .box-listing li .gold-info span i { width: 25px; font-size: 16px; color: var(--k-ana); line-height: 37px; float: left; }
.gold-firmalar li:hover .gold-isim, .box-listing li:hover .gold-isim { background: var(--k-ana); }
.gold-firmalar li:hover .gold-isim span, .box-listing li:hover .gold-isim span { color: #fff; }
.gold-firmalar li:hover .gold-isim i, .box-listing li:hover .gold-isim i { background: var(--k-ana2); }
.box-listing li.nogold .gold-isim { background: var(--k-ana); }
.box-listing li.nogold .gold-isim span { color: #fff; }
.box-listing li.nogold .gold-isim i { background: var(--k-ana2); }
.box-listing li.nogold:hover .gold-isim { background: var(--k-ana2); }
.box-listing li.nogold:hover .gold-isim i { background: var(--k-koyu); }
.stat-links li { height: 106px; width: 132px; float: left; margin-right: 30px; }
.stat-links li:last-child { margin-right: 0; }
.stat-links li a { display: block; }
.stat-links li i { display: block; width: 132px; height: 55px; text-align: center; line-height: 45px; font-size: 36px; color: var(--k-gri); }
.stat-links li .stat-border { height: 4px; background: var(--k-cizgi); border-radius: 2px; position: relative; }
.stat-links li .stat-border::before { content: ""; width: 10px; height: 10px; position: absolute; left: 50%; margin-left: -5px; top: -3px; background: var(--k-acik2); border-radius: 2px; transform: rotate(45deg); }
.stat-links li:hover .stat-border { background: var(--k-acik); }
.stat-links li:hover i { color: var(--k-ana); }
.stat-links li strong { text-align: center; display: block; padding-top: 10px; font-size: 20px; color: var(--k-ana); font-weight: 400; }
.stat-links li span { display: block; text-align: center; font-size: 11px; color: var(--k-metin); padding-top: 6px; font-weight: 500; }
.normal-firmalar li { width: 140px; height: 141px; border: 1px solid var(--k-cizgi); box-sizing: border-box; margin: 0 20px 20px 0; float: left; }
.normal-firmalar li:nth-child(5n) { margin-right: 0; }
.normal-firmalar li .normal-resim { height: 100px; line-height: 100px; text-align: center; position: relative; }
.normal-firmalar li .normal-resim img { vertical-align: middle; max-width: 90%; max-height: 90%; }
.normal-firmalar li .normal-isim { height: 40px; line-height: 40px; background: var(--k-ana2); }
.normal-firmalar li .normal-isim span { float: left; width: 108px; padding: 0 15px; box-sizing: border-box; color: #fff; font-size: 11px; font-weight: 500; overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap; }
.normal-firmalar li .normal-isim i { height: 40px; line-height: 40px; background: var(--k-ana); text-align: center; width: 30px; float: left; font-size: 18px; color: #fff; }
.normal-firmalar li:hover .normal-isim { background: var(--k-acik); }
.normal-firmalar li:hover .normal-isim span { color: var(--k-ana); }
.normal-firmalar li:hover .normal-isim i { background: var(--k-acik2); }

/* kategori sekmeli tablo */
.tablo-tabs li { display: inline-block; float: left; width: 148px; margin-right: 10px; position: relative; }
.tablo-tabs li:last-child { margin-right: 0; }
.tablo-tabs li span { display: block; height: 40px; background: var(--k-ana); border-radius: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 11px; font-weight: 500; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; }
.tablo-tabs li span:hover, .tablo-tabs li.active span { background: var(--k-acik); color: var(--k-ana); }
.tablo-tabs li.active span::after { content: ""; left: 50%; margin-left: -7px; border-style: solid; border-width: 9px 7px 0 7px; border-color: var(--k-acik) transparent transparent transparent; position: absolute; bottom: -7px; }
.firma-tablo { width: 100%; margin-top: 15px; }
.firma-tablo[hidden] { display: none; }
.firma-tablo thead th { background: var(--k-cizgi); font-size: 11px; height: 40px; font-weight: 500; color: var(--k-ana); padding: 0 15px; border: 1px solid var(--k-cizgi); }
.firma-tablo thead th:first-child { text-align: left; }
.firma-tablo tbody td { padding: 15px; border: 1px solid var(--k-cizgi); font-size: 11px; font-weight: 500; color: var(--k-metin); text-align: center; }
.firma-tablo tbody td:first-child { font-size: 14px; color: var(--k-ana); text-align: left; }
.firma-tablo tbody td:first-child a { color: var(--k-ana); }
.firma-tablo tbody td:first-child a:hover { color: var(--k-ana2); text-decoration: underline; }
.firma-tablo tbody td:first-child i { margin-right: 5px; }
.firma-tablo tbody td.tel { white-space: nowrap; }
.firma-tablo tbody .firma-line td { border: none; padding: 4px; }

/* son güncellenenler / son haberler */
.son-firmalar { background: #fff; }
.son-firmalar li { border-bottom: 1px solid var(--k-cizgi); }
.son-firmalar li:last-child { border-bottom: 0; }
.son-firmalar li a { display: flex; align-items: center; padding: 13px 5px; }
.son-firmalar li:first-child a { padding-top: 0; }
.son-firmalar li:last-child a { padding-bottom: 0; }
.son-firmalar li a:hover { background: var(--k-cizgi); }
.son-firmalar li .son-firma-resim { flex: 0 0 58px; height: 58px; line-height: 58px; text-align: center; margin-right: 12px; }
.son-firmalar li .son-firma-resim img { border: 2px solid var(--k-cizgi); box-sizing: border-box; border-radius: 4px; max-width: 58px; max-height: 58px; vertical-align: middle; }
.son-firmalar li .son-firma-info { flex: 1; min-width: 0; }
.son-firmalar li .son-firma-isim { font-size: 14px; color: var(--k-ana); font-weight: 500; line-height: 18px; max-height: 36px; overflow: hidden; }
.son-firmalar li .son-firma-tarih { font-size: 11px; color: var(--k-metin); font-weight: 500; display: block; overflow: hidden; line-height: 16px; max-height: 32px; margin-top: 2px; }
.son-haberlist li { margin-bottom: 9px; position: relative; }
.son-haberlist li:last-child { margin-bottom: 0; }
.son-haberlist li a { display: block; height: 50px; line-height: 50px; background: var(--k-cizgi); font-size: 11px; border-radius: 3px; position: relative; }
.son-haberlist li a span { float: left; padding: 0 15px; box-sizing: border-box; color: var(--k-ana); font-weight: 500; width: 305px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 50px; }
.son-haberlist li a span i { margin-right: 5px; }
.son-haberlist li a i[class*="-right"] { float: right; height: 50px; font-size: 14px; width: 40px; line-height: 50px; text-align: center; background: var(--k-ana); color: #fff; border-radius: 0 3px 3px 0; }
.son-haberlist li .son-haberresim { display: none; }
.son-haberlist li.active { height: 204px; }
.son-haberlist li.active .son-haberresim { display: block; }
.son-haberlist li.active a { height: 204px; background: transparent; }
.son-haberlist li.active .son-haberresim { position: absolute; inset: 0; }
.son-haberlist li.active .son-haberresim img { width: 100%; height: 200px; object-fit: cover; border-radius: 3px; display: block; }
.son-haberlist li.active .son-haberinfo { position: absolute; height: 50px; top: 150px; left: 0; right: 0; border-radius: 0 0 3px 3px; background: rgba(60, 10, 18, .6); }
.son-haberlist li.active a span { color: #fff; }
.son-haberlist li.active .son-haberinfo i[class*="-right"] { border-radius: 0 0 3px 0; background: var(--k-acik); color: var(--k-ana); }
.son-haberlist li:not(.active):hover a { background: var(--k-ana2); }
.son-haberlist li:not(.active):hover a span { color: #fff; }
.son-haberlist li:not(.active):hover .son-haberinfo i[class*="-right"] { background: var(--k-acik); color: var(--k-ana); }

/* gold çağrısı + bülten */
.interactive { height: 320px; padding-top: 85px; box-sizing: border-box; background: radial-gradient(circle at 20% 30%, #fff 0, transparent 40%), linear-gradient(120deg, var(--k-acik) 0%, #f5d2d8 100%); }
.interactive h2 { font-size: 30px; font-weight: 800; color: var(--k-ana); text-align: center; padding-bottom: 10px; }
.interactive h3 { text-align: center; color: var(--k-ana); font-size: 20px; }
.interactive-buttons { padding-top: 50px; text-align: center; }
.interactive-buttons a { display: inline-block; height: 60px; line-height: 60px; background: #fff; padding: 0 35px; border-radius: 30px; margin: 0 10px; font-size: 20px; color: var(--k-ana); position: relative; overflow: hidden; }
.interactive-buttons a i { margin-right: 6px; }
.interactive-buttons a.int-ekle { background: var(--k-ana); color: #fff; }
.etkilesim { height: 100px; background: var(--k-ana); position: relative; }
.etkilesim::before { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: var(--k-acik); content: ""; }
.etkilesim .container { position: relative; height: 100px; }
.etkilesim-left { position: absolute; z-index: 2; left: 0; width: 50%; box-sizing: border-box; padding-right: 20px; }
.etkilesim-right { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; padding-left: 30px; box-sizing: border-box; }
.yayinla, .bulten { display: table; width: 100%; }
.yayinla > i, .yayinla > div, .bulten > i, .bulten > div { display: table-cell; vertical-align: middle; }
.yayinla > i, .bulten > i { width: 70px; height: 100px; line-height: 100px; font-size: 36px; color: var(--k-ana); }
.yayinla div h4, .bulten div h4 { font-size: 14px; font-weight: 700; color: var(--k-ana); }
.yayinla div span, .bulten div span { font-size: 11px; color: var(--k-ana); }
.yayinla > div:last-child { width: 180px; }
.bulten > i, .bulten div h4, .bulten div span { color: #fff; }
.bulten .bulten-input { width: 240px; height: 40px; position: relative; }
.bulten .bulten-input input { position: absolute; left: 0; width: 240px; height: 40px; border: none; padding: 0 45px 0 30px; box-sizing: border-box; border-radius: 3px; font-size: 11px; color: var(--k-ana); }
.bulten .bulten-input i.fa-play { position: absolute; left: 0; top: 0; height: 40px; width: 30px; text-align: center; line-height: 40px; color: var(--k-ana); z-index: 3; font-size: 10px; }
.bulten .bulten-input button { position: absolute; right: 0; top: 0; height: 40px; width: 40px; padding: 0; background: var(--k-acik); border-radius: 0 3px 3px 0; color: var(--k-ana); }
.bulten-mesaj { font-size: 11px; color: #fff; padding-top: 4px; }

/* alt bilgi */
.footer { background: #fff; padding-top: 20px; padding-bottom: 30px; }
.footer-menu { float: left; width: 270px; margin-right: 30px; }
.footer-menu:last-of-type { margin-right: 0; float: right; }
.footer-menu li { height: 46px; position: relative; }
.footer-menu li.footer-menu-title { font-size: 20px; color: var(--k-ana); line-height: 36px; height: 40px; border-bottom: 4px solid var(--k-cizgi); }
.footer-menu li a { display: block; height: 46px; line-height: 46px; padding-left: 30px; font-size: 14px; color: var(--k-ana); border-bottom: 1px solid var(--k-cizgi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer-menu li a:hover { background: var(--k-cizgi); }
.footer-menu li:last-child a { border-bottom: 0; }
.footer-menu li:not(.footer-menu-title)::before { content: ""; width: 8px; height: 8px; border-radius: 8px; background: var(--k-ana); position: absolute; left: 10px; top: 19px; }
.footer-menu li:not(.footer-menu-title)::after { content: ""; border: 1px solid var(--k-ana); width: 14px; height: 14px; border-radius: 16px; position: absolute; left: 6px; top: 15px; }
.bottom { height: 50px; background: var(--k-ana); }
.bottom .footer-logo { float: left; line-height: 50px; padding-right: 20px; border-right: 1px solid var(--k-ana2); }
.bottom .footer-logo img { vertical-align: middle; }
.bottom .copyright { float: left; height: 50px; line-height: 50px; padding-left: 20px; border-left: 1px solid var(--k-koyu); color: #fff; font-size: 13px; }
.bottom .social { float: right; }
.bottom .social li { display: inline-block; height: 50px; line-height: 50px; }
.bottom .social li a { background: #fff; color: var(--k-ana); }
.bottom .back-to-top { float: right; height: 50px; line-height: 50px; width: 40px; background: var(--k-acik); color: var(--k-ana); text-align: center; margin-left: 20px; font-size: 20px; }

/* iç sayfa başlığı */
.content-title { height: 60px; background: var(--k-ana); position: relative; }
.content-title::after { content: ""; border-style: solid; border-width: 8px 7px 0 7px; border-color: var(--k-ana) transparent transparent transparent; position: absolute; bottom: -8px; left: 35px; }
.content-title > i:first-child { width: 55px; height: 60px; line-height: 60px; text-align: center; color: var(--k-acik); font-size: 24px; float: left; }
.content-title > .title-breadcrumb { float: left; height: 36px; padding: 12px 0; max-width: 600px; overflow: hidden; }
.content-title > .title-breadcrumb h1, .content-title > .title-breadcrumb h2 { font-size: 20px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22px; }
.content-title > .title-breadcrumb ul li { display: inline-block; float: left; margin-right: 15px; position: relative; }
.content-title > .title-breadcrumb ul li::after { content: ">"; color: #fff; position: absolute; right: -11px; font-size: 11px; top: 1px; }
.content-title > .title-breadcrumb ul li:last-child::after { display: none; }
.content-title > .title-breadcrumb ul li a { color: #fff; font-size: 11px; font-weight: 300; }
.content-title > .title-breadcrumb ul li a:hover { color: var(--k-acik); }
.content-title h3, .content-title > h1 { float: left; font-size: 20px; color: #fff; line-height: 60px; height: 60px; }
.content-title .title-tools { float: right; height: 60px; padding-right: 10px; }
.content-title .title-tools .title-share { border-left: 1px solid var(--k-koyu); height: 60px; padding-left: 10px; float: left; }
.content-title .title-tools .title-share li { display: inline-block; float: left; height: 60px; line-height: 60px; width: 36px; text-align: center; }
.content-title .title-tools .title-share li, .content-title .title-tools .title-share li a { color: #fff; font-size: 20px; cursor: pointer; }
.content-title .title-tools .title-share li a:hover { color: rgba(255, 255, 255, .7); }
.content-title .title-tools .title-views { border-left: 1px solid var(--k-koyu); float: left; height: 60px; text-align: center; padding: 10px 20px 0; color: #fff; font-size: 11px; border-right: 1px solid var(--k-ana2); box-sizing: border-box; }
.content-title .title-tools .title-views span { display: block; font-size: 20px; font-weight: 700; color: var(--k-acik); padding-bottom: 3px; }
.content-title .title-tools .title-buttons { float: left; height: 60px; border-right: 1px solid var(--k-ana2); padding: 10px 20px 0; box-sizing: border-box; }
.content-title .title-tools .title-buttons .btn { border-radius: 3px; height: 40px; line-height: 40px; }
.content-title .title-tools .title-buttons .btn i { line-height: 40px; }
.content-title .title-tools .title-buttons form { display: inline; }
.gold-firma .content-title { background: var(--k-acik); }
.gold-firma .content-title::after { border-color: var(--k-acik) transparent transparent transparent; }
.gold-firma .content-title > i:first-child, .gold-firma .content-title .title-breadcrumb h1, .gold-firma .content-title .title-breadcrumb ul li a, .gold-firma .content-title .title-breadcrumb ul li::after,
.gold-firma .content-title .title-tools .title-views, .gold-firma .content-title .title-tools .title-views span, .gold-firma .content-title .title-tools .title-share li a { color: var(--k-ana); }
.gold-firma .content-title .title-tools .title-views { border-right-color: #fff; border-left-color: var(--k-acik2); }
.gold-firma .content-title .title-tools .title-buttons { border-right-color: #fff; }
.gold-firma .content-title .title-tools .title-share { border-left-color: var(--k-acik2); }
.gold-firma .title-buttons .btn-primary { background: var(--k-ana); color: #fff; }
.gold-gold { display: inline-block; height: 22px; line-height: 22px; background: var(--k-acik2); color: var(--k-ana); font-weight: 500; font-size: 11px; padding: 0 10px; vertical-align: middle; margin-left: 8px; }

/* firma detay */
.firma-detay { position: relative; }
.firma-detay .firma-sol { width: 360px; float: left; }
.firma-detay .firma-resim { width: 360px; height: 340px; border: 2px solid var(--k-cizgi); text-align: center; box-sizing: border-box; line-height: 333px; position: relative; overflow: hidden; }
.firma-detay .firma-resim img { max-width: 350px; max-height: 330px; vertical-align: middle; }
.firma-detay .firma-resim .resim-sagsol { position: absolute; top: 50%; margin-top: -20px; line-height: 40px; width: 40px; height: 40px; text-align: center; background: var(--k-ana); color: #fff; cursor: pointer; font-size: 18px; }
.firma-detay .firma-resim .resim-sol { left: 0; }
.firma-detay .firma-resim .resim-sag { right: 0; }
.firma-detay .firma-thumbs { margin-top: 10px; border-top: 1px solid var(--k-cizgi); padding-top: 10px; }
.firma-detay .firma-thumbs li { width: 56px; height: 56px; line-height: 52px; text-align: center; float: left; margin-right: 15px; border: 2px solid var(--k-cizgi); border-radius: 2px; overflow: hidden; cursor: pointer; }
.firma-detay .firma-thumbs li:nth-child(5n) { margin-right: 0; }
.firma-detay .firma-thumbs li img { max-width: 52px; max-height: 52px; vertical-align: middle; }
.firma-detay .firma-thumbs li.active, .firma-detay .firma-thumbs li:hover { border-color: var(--k-acik2); }
.firma-detay .firma-orta { width: 460px; float: left; margin-left: 20px; }
.firma-detay .firma-info li { line-height: 18px; border-bottom: 1px solid var(--k-cizgi); padding: 10px 0; color: var(--k-ana); font-size: 14px; display: table; width: 100%; }
.firma-detay .firma-info li:last-child { border-bottom: 0; }
.firma-detay .firma-info li strong { display: table-cell; width: 120px; }
.firma-detay .firma-info li span { display: table-cell; overflow-wrap: anywhere; }
.firma-detay .firma-info li .btn { margin-left: 5px; height: 22px; line-height: 22px; padding: 0 8px; font-size: 11px; }
.firma-detay .firma-info li .btn i { line-height: 22px; font-size: 13px; }
.firma-detay .firma-info li .firma-social { display: inline-block; color: var(--k-ana); width: 20px; text-align: center; margin-right: 3px; font-size: 16px; }
.firma-detay .firma-info li .firma-social:hover { color: var(--k-ana2); }
.firma-detay .firma-badges { padding-top: 20px; border-top: 1px solid var(--k-cizgi); margin-top: 5px; }
.firma-detay .firma-badges .firma-badge { width: 120px; height: 82px; float: left; background: var(--k-acik); color: var(--k-ana); margin-right: 10px; border-radius: 3px; text-align: center; font-size: 11px; font-weight: 500; }
.firma-detay .firma-badges .firma-badge i { display: block; padding-top: 20px; font-size: 18px; padding-bottom: 4px; }
.firma-detay .firma-badges .firma-badge span { display: block; line-height: 16px; }
.firma-detay .firma-badges .firma-badge.badge-dark { background: var(--k-ana); color: #fff; }
.firma-detay .firma-badges .firma-badge.badge-gray { background: var(--k-gri); color: #fff; }
.firma-detay .firma-badges .firma-qr { float: right; width: 70px; text-align: center; }
.firma-detay .firma-badges .firma-qr span { display: block; font-size: 11px; font-weight: 500; color: var(--k-ana); }
.firma-detay .firma-badges .firma-qr svg, .firma-detay .firma-badges .firma-qr img { width: 64px; height: 64px; margin-top: 5px; }
.firma-detay .firma-eposta { width: 260px; position: absolute; right: -30px; top: 0; }
.firma-eposta-title { background: var(--k-ana); height: 50px; line-height: 50px; border-radius: 5px 0 0 0; font-size: 14px; color: #fff; font-weight: 700; }
.firma-eposta-title i { width: 40px; text-align: center; color: var(--k-acik); font-size: 18px; padding-left: 5px; }
.firma-eposta-form { background: var(--k-ana2); padding: 15px; border-radius: 0 0 0 5px; position: relative; }
.firma-eposta-form input, .firma-eposta-form textarea { display: block; width: 100%; box-sizing: border-box; border: none; background: #fff; color: var(--k-ana); font-size: 11px; font-weight: 500; height: 34px; border-radius: 4px; margin-bottom: 15px; padding: 0 10px; }
.firma-eposta-form textarea { padding: 10px; height: 100px; resize: vertical; }
.firma-eposta-form .captcha { overflow: hidden; }
.firma-eposta-form .captcha span { float: left; width: 60px; text-align: center; color: #fff; line-height: 34px; font-size: 14px; font-weight: 500; }
.firma-eposta-form .captcha input { float: right; width: 160px; }
.firma-eposta-form .btn { height: 34px; line-height: 34px; font-size: 11px; font-weight: 500; width: 100%; box-sizing: border-box; margin-bottom: 8px; }
.firma-eposta-form .btn i { line-height: 34px; }
.firma-eposta-form .btn:last-child { margin-bottom: 0; }
.firma-eposta-tamam { position: absolute; inset: 0; background: rgba(0, 0, 0, .8); border-radius: 0 0 0 5px; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; font-size: 14px; line-height: 20px; }
.firma-eposta-tamam i { color: #31c349; margin-right: 5px; }
.firma-blocks { padding-top: 20px; }
.firma-block-left { width: 300px; float: left; }
.firma-block-right { width: 840px; float: right; }
.firma-photos li { width: 80px; height: 80px; line-height: 76px; text-align: center; border: 2px solid var(--k-cizgi); border-radius: 3px; overflow: hidden; margin: 0 9px 9px 0; float: left; box-sizing: border-box; }
.firma-photos li:nth-child(3n) { margin-right: 0; }
.firma-photos li img { max-width: 76px; max-height: 76px; vertical-align: middle; }
.firma-harita { height: 270px; width: 100%; border: 0; display: block; }
.firma-kampanya li { height: 60px; margin-bottom: 10px; }
.firma-kampanya li:last-child { margin-bottom: 0; }
.firma-kampanya li a { display: table; width: 100%; height: 60px; background: var(--k-cizgi); }
.firma-kampanya li i, .firma-kampanya li span { display: table-cell; height: 60px; vertical-align: middle; }
.firma-kampanya li i:first-child { width: 40px; text-align: center; font-size: 16px; color: var(--k-ana); }
.firma-kampanya li span { color: var(--k-ana); font-size: 11px; font-weight: 500; padding-right: 10px; line-height: 14px; }
.firma-kampanya li i:last-child { width: 30px; background: var(--k-ana); color: #fff; text-align: center; }
.firma-kampanya li a:hover { background: var(--k-acik); }
.urunhizmet li { margin-bottom: 10px; height: 35px; }
.urunhizmet li:last-child { margin-bottom: 0; }
.urunhizmet li a { display: block; background: var(--k-cizgi); border-radius: 3px; height: 35px; line-height: 35px; }
.urunhizmet li a > i:first-child { float: left; height: 35px; line-height: 35px; width: 35px; text-align: center; color: var(--k-ana); font-size: 12px; }
.urunhizmet li a span { color: var(--k-metin); font-size: 13px; float: left; width: calc(100% - 80px); overflow: hidden; height: 35px; white-space: nowrap; text-overflow: ellipsis; }
.urunhizmet li a > i:last-child { float: right; width: 35px; text-align: center; line-height: 35px; height: 35px; background: var(--k-ana); color: #fff; border-radius: 0 3px 3px 0; }
.urunhizmet li a:hover { background: var(--k-acik); }
.empty-content { font-size: 14px; color: var(--k-ana); padding: 10px 0; }
.firma-rozetler { margin-bottom: 15px; }
.firma-rozetler span { display: inline-block; background: var(--k-acik); color: var(--k-ana); font-size: 12px; font-weight: 500; padding: 4px 10px; border-radius: 3px; margin: 0 5px 5px 0; }
.firma-rozetler span i { color: var(--k-yesil); margin-right: 4px; }
.firma-etiketler { padding-top: 15px; }
.firma-etiketler a { display: inline-block; background: var(--k-cizgi); color: var(--k-ana); font-size: 12px; padding: 4px 10px; border-radius: 3px; margin: 0 5px 5px 0; }
.firma-etiketler a:hover { background: var(--k-acik); }
.one-cikan li { width: 50%; float: left; box-sizing: border-box; padding: 0 5px 8px 0; }
.one-cikan li a { display: block; background: var(--k-cizgi); padding: 10px 12px; font-size: 13px; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.one-cikan li a i { margin-right: 6px; }
.one-cikan li a:hover { background: var(--k-acik); }
.gold-pasif { filter: blur(2px); user-select: none; }
.gold-al { line-height: 20px; color: #555; text-align: center; padding: 10px 0; }

/* yorumlar */
.yorum-form { overflow: hidden; }
.yorum-ust .yorum-row { width: 250px; position: relative; float: left; margin: 0 15px 10px 0; }
.yorum-ust .yorum-row.nomargin { margin-right: 0; }
.yorum-ust .yorum-row.textarea-row { width: 625px; height: 80px; }
.yorum-row input, .yorum-row textarea { width: 100%; box-sizing: border-box; border: 2px solid var(--k-cizgi); height: 40px; padding: 0 10px 0 35px; border-radius: 3px; font-size: 11px; font-weight: 500; color: var(--k-metin); }
.yorum-row textarea { padding: 11px 10px 0 35px; height: 80px; resize: none; }
.yorum-row input:focus, .yorum-row textarea:focus { border-color: var(--k-acik2); color: var(--k-ana); }
.yorum-row i { position: absolute; left: 0; width: 40px; line-height: 40px; text-align: center; color: var(--k-ana); }
.yorum-btn { height: 80px; line-height: 26px; padding-top: 5px; width: 140px; box-sizing: border-box; white-space: normal; }
.yorum-btn i { display: block !important; float: none !important; line-height: 36px !important; height: 36px !important; font-size: 26px !important; margin: 0 !important; }
.yorumlar li { padding: 15px; border: 2px solid var(--k-cizgi); border-radius: 3px; margin-bottom: 18px; position: relative; overflow: hidden; }
.yorumlar li .yorum-resim { width: 50px; height: 50px; float: left; background: var(--k-acik); color: var(--k-ana); text-align: center; line-height: 50px; font-weight: 700; border-radius: 2px; }
.yorumlar li .yorum-content { float: right; width: calc(100% - 65px); }
.yorumlar li .yorum-info { font-size: 11px; font-weight: 500; line-height: 24px; overflow: hidden; }
.yorumlar li .yorum-user { color: var(--k-ana); margin-right: 15px; float: left; }
.yorumlar li .yorum-tarih { color: #999; margin-right: 15px; float: left; }
.yorumlar li .yorum-yanit { color: var(--k-kirmizi); float: left; cursor: pointer; }
.yorumlar li i { margin-right: 5px; }
.yorumlar li .yorum-yorum { line-height: 18px; color: var(--k-ana); font-size: 12px; font-weight: 500; }
.yorumlar ul.children { margin: 18px 0 0 60px; }
h4.yorum-cevapla { color: var(--k-ana); font-weight: 500; font-size: 14px; padding-bottom: 10px; }

/* listeler */
.list-info { height: 40px; line-height: 40px; background: #fff; border-bottom: 2px solid #f4f4f4; margin-bottom: 10px; font-size: 13px; padding: 0 10px; color: var(--k-ana); }
.list-info .pagination { float: right; padding-top: 5px; }
.list-types { float: left; margin-right: 5px; }
.list-types li { display: inline-block; float: left; height: 40px; line-height: 40px; margin-right: 5px; }
.list-types li a { color: var(--k-ana); font-size: 15px; background: #d0d0d0; display: inline-block; line-height: 25px; width: 25px; text-align: center; }
.list-types li.active a { background: var(--k-acik); }
.list-types li a:hover { background: var(--k-ana); color: #fff; }
.post-listing li { background: #fff; margin-bottom: 10px; height: 165px; overflow: hidden; }
.post-listing li .listing-img { width: 175px; float: left; height: 125px; overflow: hidden; position: relative; line-height: 125px; text-align: center; }
.post-listing li .listing-img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.post-listing li .listing-info { width: calc(100% - 195px); float: right; padding: 10px 10px 0 0; }
.post-listing li .listing-info h2 { height: 20px; overflow: hidden; }
.post-listing li .listing-info h2 a { font-size: 16px; font-weight: 500; color: var(--k-ana); }
.post-listing li .listing-desc { color: #777; font-size: 13px; line-height: 16px; margin-top: 10px; height: 64px; overflow: hidden; }
.post-listing li .listing-alt { clear: both; height: 40px; line-height: 40px; background: var(--k-ana); padding-left: 10px; font-size: 13px; color: var(--k-acik); overflow: hidden; }
.post-listing li .listing-alt span { margin-right: 10px; float: left; }
.post-listing li .listing-alt span i { font-size: 15px; float: left; line-height: 40px; margin-right: 5px; }
.post-listing li .listing-alt .listing-msg { float: right; background: rgba(0, 0, 0, .1); padding: 0 10px; color: var(--k-acik); font-weight: 500; margin: 0; }
.post-listing li.post-gold .listing-alt { background: var(--k-acik); color: var(--k-ana); }
.post-listing li.post-gold .listing-alt .listing-msg { color: var(--k-ana); }
.post-listing li .vitrin-gold { position: absolute; z-index: 5; right: 0; bottom: 10px; background: var(--k-acik); height: 26px; line-height: 26px; padding: 0 15px 0 12px; font-size: 11px; font-weight: 600; color: var(--k-ana); opacity: .9; }
.box-listing { overflow: hidden; }
.box-listing li a { display: block; }
.box-listing li .gold-resim { background: #fff; }
.nav-links { display: inline-block; }
.nav-links span, .nav-links a { display: inline-block; min-width: 40px; height: 40px; background: #fff; line-height: 40px; text-align: center; font-size: 13px; font-weight: 500; color: var(--k-ana); box-sizing: border-box; vertical-align: middle; margin-right: 3px; }
.nav-links .current { background: var(--k-acik); }
.nav-links a { border: 2px solid var(--k-cizgi); line-height: 36px; }
.nav-links a:hover { background: #f4f4f4; }
.nav-links .next, .nav-links .prev { padding: 0 10px; }
.pagination { padding-top: 15px; }
.list-info .nav-links span, .list-info .nav-links a { min-width: 30px; height: 30px; line-height: 30px; }
.list-info .nav-links a { line-height: 26px; }
.list-title { font-size: 22px; font-weight: 500; color: var(--k-ana); height: 50px; line-height: 50px; }
.sektorler { background: #fff; padding: 10px 15px; max-height: 350px; overflow: auto; }
.sektorler li { line-height: 20px; padding: 5px 0; }
.sektorler li a { font-weight: 500; color: var(--k-ana); font-size: 14px; }
.sektorler li a span { font-weight: 300; color: #999; font-size: 13px; }
.sektorler li a i { font-size: 13px; }
.sektorler li.active a { color: var(--k-ana2); text-decoration: underline; }
.sektorler li.sektor-ust a { color: var(--k-ana2); }
.filtre-bilgi { background: var(--k-acik); color: var(--k-ana); padding: 10px 15px; font-size: 13px; margin-bottom: 10px; }
.filtre-bilgi a { font-weight: 700; margin-left: 8px; }

/* haber / ürün arşivi ve detayı */
.archive-haber { overflow: hidden; }
.archive-haber .haber { float: left; width: 49%; margin: 0 2% 35px 0; }
.archive-haber .haber:nth-of-type(2n) { margin-right: 0; }
.archive-haber .haber h2 { font-weight: 500; color: var(--k-ana); height: 28px; line-height: 16px; font-size: 16px; border-bottom: 1px solid #f0f0f0; margin-bottom: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.archive-haber .haber-resim { width: 150px; float: left; height: 110px; text-align: center; line-height: 110px; background: #fafafa; }
.archive-haber .haber-resim img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.archive-haber .haber-spot { width: calc(100% - 160px); float: right; font-size: 13px; color: #777; max-height: 115px; overflow: hidden; line-height: 16px; }
.archive-haber .haber-spot .haber-tarih { display: block; color: var(--k-ana2); font-size: 11px; margin-bottom: 5px; }
.habertext { float: left; width: calc(100% - 270px); }
.habertext img { max-width: 100%; height: auto; }
.habertext .haber-kapak { margin-bottom: 15px; }
.habertext .haber-meta { font-size: 12px; color: var(--k-metin); margin-bottom: 15px; }
.habertext .haber-meta span { margin-right: 15px; }
.habertext iframe { width: 100%; height: 440px; }
.firma-kutu { float: right; width: 250px; }
.firma-kutu h3 { height: 40px; line-height: 40px; padding: 0 15px; color: #fff; background: var(--k-ana); font-size: 14px; font-weight: 700; }
.firma-kutu .firma-kutu-ic { border: 1px solid var(--k-cizgi); border-top: 0; padding: 10px; overflow: hidden; }
.firma-kutu .firma-img { width: 56px; height: 56px; float: left; line-height: 56px; text-align: center; }
.firma-kutu .firma-img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.firma-kutu .firma-isim { width: calc(100% - 66px); float: right; padding-top: 4px; }
.firma-kutu .firma-isim a { color: var(--k-ana); font-size: 14px; line-height: 18px; }
.firma-kutu .firma-info { background: var(--k-ana); height: 30px; color: var(--k-acik); font-size: 12px; line-height: 30px; padding-left: 10px; margin-top: 10px; clear: both; }
.firma-kutu .btn { margin-top: 10px; }
.fuar { overflow: hidden; }
.fuar li { width: 180px; float: left; margin-right: 20px; height: 220px; }
.fuar li:nth-child(4n) { margin-right: 0; }
.fuar li .fuar-resim { width: 180px; height: 140px; border: 1px solid var(--k-cizgi); box-sizing: border-box; text-align: center; line-height: 138px; }
.fuar li .fuar-resim img { max-width: 170px; max-height: 130px; vertical-align: middle; }
.fuar li .fuar-isim { text-align: center; padding-top: 10px; max-height: 38px; overflow: hidden; }
.fuar li .fuar-isim a { color: var(--k-ana); font-size: 14px; line-height: 19px; }
.fuar li .fuar-tarih { color: var(--k-metin); font-weight: 500; font-size: 11px; text-align: center; padding-top: 5px; }
.video-kutu { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px; }
.video-kutu iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* formlar */
.form-row { display: block; padding: 5px 0; }
.form-row label { display: block; line-height: 36px; color: var(--k-ana); font-weight: 600; font-size: 14px; }
.form-row label .zorunlu { color: var(--k-kirmizi); }
.input-ui { height: 40px; width: 100%; line-height: 40px; padding: 0 15px; box-sizing: border-box; border: 2px solid var(--k-cizgi); border-left: 6px solid var(--k-cizgi); color: #666; font-size: 14px; background: #fff; }
.input-ui:focus { border-color: var(--k-acik2); color: var(--k-ana); }
textarea.input-ui { height: auto; min-height: 120px; vertical-align: top; font-size: 13px; line-height: 18px; padding: 10px 15px; }
select.input-ui { padding: 0 10px; }
.input-icon-ui { position: relative; }
.input-icon-ui .input-icon { position: absolute; left: 6px; top: 2px; bottom: 2px; width: 40px; color: var(--k-ana); text-align: center; background: #fff; line-height: 36px; }
.input-icon-ui .input-ui { padding-left: 46px; }
.form-col-2 { width: 49%; float: left; margin-right: 2%; }
.form-col-2.end-row, .form-col-2:nth-child(2n) { margin-right: 0; }
.form-error .input-ui { border-color: #ec4b4b; }
.input-error { display: inline-block; margin-top: 6px; background: var(--k-kirmizi); color: #fff; line-height: 24px; font-size: 12px; padding: 0 12px; border-radius: 3px; position: relative; }
.input-error::before { content: ""; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent var(--k-kirmizi) transparent; position: absolute; top: -6px; left: 14px; }
.desc-ui { padding: 5px 10px; color: #999; line-height: 18px; font-size: 12px; }
.check-label { cursor: pointer; display: inline-block; margin-right: 5px; color: var(--k-ana2); font-weight: 400 !important; line-height: 22px !important; }
.check-label input { vertical-align: middle; margin-right: 5px; accent-color: var(--k-ana); }
.check-label a { color: var(--k-ana); font-weight: 500; }
.alert-kutu { padding: 15px; font-size: 13px; border-radius: 3px; margin-bottom: 15px; line-height: 20px; }
.alert-kutu.error { background: var(--k-kirmizi); color: #fff; }
.alert-kutu.success { background: #109620; color: #fff; }
.alert-kutu.info { background: var(--k-acik); color: var(--k-ana); }
.kayit-ol h1, .giris-yap h1 { padding-top: 30px; text-align: center; color: var(--k-ana); font-size: 28px; font-weight: 900; }
.kayit-form { background: rgba(255, 255, 255, .6); padding: 0 15px 15px; width: 80%; margin: 20px auto 40px; border-radius: 3px; overflow: hidden; }
.giris-yap .kayit-form { width: 360px; background: rgba(0, 0, 0, .04); }
.giris-yap .btn { width: 100%; box-sizing: border-box; }
.uye-ol-link { padding: 10px 0; font-size: 14px; color: var(--k-ana); }
.uye-ol-link a { font-weight: 500; }
.sozlesme-title { font-size: 24px; font-weight: 600; }
.bulunamadi { padding-bottom: 60px; text-align: center; }
.bulunamadi h1 { font-size: 90px; font-weight: 900; color: var(--k-acik2); padding-top: 40px; }
.bulunamadi h2 { padding: 10px 0; color: var(--k-ana2); }
.bulunamadi form { width: 600px; margin: 0 auto; height: 60px; padding: 30px 0; }
.bulunamadi button { width: 60px; height: 60px; background: var(--k-acik); border: none; border-radius: 0 4px 4px 0; color: var(--k-ana); font-size: 26px; float: left; cursor: pointer; }
.bulunamadi input { height: 60px; width: calc(100% - 60px); border: none; float: left; border-radius: 4px 0 0 4px; padding: 0 20px; box-sizing: border-box; font-size: 16px; color: var(--k-ana); }
.gold-basvuru { box-shadow: inset 0 0 10px rgba(0, 0, 0, .08); padding: 20px; }
.gold-basvuru h5 { font-size: 30px; font-weight: 500; color: var(--k-ana); }
.gold-basvuru h6 { color: #777; padding: 10px 0; line-height: 24px; font-size: 14px; }

/* üye paneli */
.panel-left { width: 200px; float: left; }
.panel-right { width: 920px; float: right; }
.panel-right h4 { line-height: 40px; height: 40px; color: var(--k-ana); font-weight: 500; font-size: 16px; }
.block-menu { width: 200px; }
.block-menu li a { display: block; height: 34px; line-height: 34px; background: #f4f4f4; padding: 0 10px; font-size: 13px; color: var(--k-ana); border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }
.block-menu li a i { width: 20px; }
.block-menu li a:hover, .block-menu li.active a { background: var(--k-ana); color: #fff; }
.block-menu li.block-menu-title { background: #e0e0e0; color: var(--k-ana); font-weight: 500; height: 40px; font-size: 16px; line-height: 40px; padding: 0 10px; }
.block-menu li a .sayac { float: right; background: var(--k-kirmizi); min-width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 16px; color: #fff; font-size: 10px; margin-top: 9px; padding: 0 3px; }
.user-table { width: 100%; }
.user-table td { font-size: 13px; line-height: 20px; padding: 10px; border: 2px solid #fff; border-top: 0; background: #fafafa; vertical-align: top; }
.user-table td.col-sol { width: 180px; background: #f4f4f4; color: var(--k-ana); }
.user-table td.col-title { background: #e9e9e9; color: var(--k-ana); font-weight: 500; font-size: 14px; }
.firma-table { width: 100%; }
.firma-table thead td { background: var(--k-ana); color: #fff; padding: 10px; font-size: 14px; }
.firma-table tbody td { border: 1px solid #f4f4f4; padding: 10px; font-size: 13px; vertical-align: middle; }
.firma-table tbody td a.firma-edit { color: var(--k-ana); font-weight: 500; }
.firma-table tbody td .btn { height: 30px; line-height: 30px; }
.firma-table tbody td form { display: inline; }
.label { font-size: 11px; padding: 0 6px; line-height: 20px; display: inline-block; border-radius: 2px; }
.label-warning { background: var(--k-acik); color: var(--k-ana); }
.label-success { background: #27be3c; color: #fff; }
.label-gray { background: #d0d0d0; color: #666; }
.label-gold { background: #f2b705; color: #3d2c00; }
.userpanel { float: right; width: 320px; margin-top: 26px; text-align: left; line-height: normal; }
.userpanel-title { height: 36px; line-height: 36px; background: var(--k-ana); color: #fff; padding-left: 10px; border-radius: 2px 5px 0 0; font-size: 13px; font-weight: 300; overflow: hidden; }
.userpanel-logout { float: right; background: var(--k-acik); color: var(--k-ana); padding: 0 10px; border-radius: 0 2px 0 0; }
.userpanel-menu { display: table; width: 100%; background: var(--k-ana2); border-radius: 0 0 2px 2px; }
.userpanel-menu li { display: table-cell; text-align: center; width: 50%; border-right: 1px solid var(--k-ana); }
.userpanel-menu li:last-child { border-right: 0; }
.userpanel-menu li a { display: block; line-height: 30px; height: 30px; color: #f3c9cf; font-size: 11px; }
.userpanel-menu li a:hover { color: #fff; background: var(--k-koyu); }
.firma-adimlar { display: table; width: 100%; margin: 10px auto 20px auto; table-layout: fixed; }
.firma-adim { display: table-cell; height: 70px; background: var(--k-ana); border-right: 15px solid #fff; border-left: 15px solid #fff; position: relative; }
.firma-adim strong { float: left; width: 70px; text-align: center; line-height: 70px; font-size: 32px; color: var(--k-acik); background: rgba(255, 255, 255, .05); }
.firma-adim span { float: left; height: 70px; line-height: 70px; padding-left: 15px; color: rgba(255, 255, 255, .6); }
.firma-adim.aktif { background: var(--k-acik); }
.firma-adim.aktif strong, .firma-adim.aktif span { color: var(--k-ana); }
.image-ui-wrap { width: 120px; height: 120px; background: var(--k-cizgi); border: 1px solid #fff; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, .19); position: relative; cursor: pointer; overflow: hidden; display: inline-block; vertical-align: top; }
.image-ui-wrap input { position: absolute; inset: 0; z-index: 3; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.image-ui-wrap .image-ui-img { position: absolute; inset: 0 0 26px 0; z-index: 2; text-align: center; line-height: 94px; background: #fff; }
.image-ui-wrap .image-ui-img img { max-width: 110px; max-height: 90px; vertical-align: middle; }
.image-ui-wrap::after { content: "GÖZAT"; position: absolute; left: 0; right: 0; bottom: 0; height: 26px; font-size: 11px; text-align: center; color: #fff; z-index: 3; background: var(--k-ana); line-height: 26px; }
.image-ui-list li { display: inline-block; width: 120px; height: 120px; line-height: 120px; margin: 0 10px 10px 0; box-shadow: 0 0 5px rgba(0, 0, 0, .2); text-align: center; background: #fff; vertical-align: middle; position: relative; }
.image-ui-list li img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.image-ui-list li label { position: absolute; left: 0; right: 0; bottom: 0; line-height: 24px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 11px; cursor: pointer; }
.panel-ozet li { width: 23%; float: left; margin-right: 2.66%; background: #fff; border: 1px solid var(--k-cizgi); text-align: center; padding: 20px 0; }
.panel-ozet li:last-child { margin-right: 0; }
.panel-ozet li strong { display: block; font-size: 26px; color: var(--k-ana); }
.panel-ozet li span { font-size: 12px; color: var(--k-metin); }

/* çerez bildirimi */
.cerez { position: fixed; left: 15px; right: 15px; bottom: 15px; max-width: 760px; margin: 0 auto; background: var(--k-ana); color: #fff; padding: 14px 18px; font-size: 13px; line-height: 19px; z-index: 900; border-radius: 4px; box-shadow: 0 6px 20px rgba(0, 0, 0, .25); display: none; }
.cerez a { color: var(--k-acik2); text-decoration: underline; }
.cerez .btn { float: right; margin-left: 15px; height: 32px; line-height: 32px; }

/* uyarı ve bildirimler */
.flash { padding: 14px 15px; font-size: 14px; margin-top: 20px; border-radius: 3px; }
.flash-success { background: #e6f6ea; color: #17602a; border-left: 6px solid #27be3c; }
.flash-error { background: #fdecec; color: #8f1c1c; border-left: 6px solid var(--k-kirmizi); }
.flash-info { background: var(--k-acik); color: var(--k-ana); border-left: 6px solid var(--k-acik2); }

/* ---------- duyarlı düzen ---------- */
@media only screen and (min-width: 1171px) {
  .show-phone { display: none !important; }
}
@media only screen and (max-width: 1170px) {
  .container { width: 100% !important; box-sizing: border-box; padding: 0 10px; }
  .menu { display: block; overflow: hidden; }
  .menu > li { display: inline-block; float: left; }
  .menu > li > a { padding: 0 10px; }
  .menu > li a span.mn { height: 60px; line-height: 60px; padding: 0 5px !important; }
  .menu > li a span.mn > span { display: none; }
  .top-left.social { display: none; }
  .input-col input { width: 300px; }
  .main-right { width: calc(100% - 330px); }
  .gold-firmalar li, .box-listing li { width: 24%; margin-right: 1.33%; }
  .gold-firmalar li .gold-isim span, .box-listing li .gold-isim span { width: calc(100% - 30px); }
  .gold-firmalar li .gold-isim i, .box-listing li .gold-isim i { float: right; }
  .stat-links { display: table; width: 100%; }
  .stat-links li { display: table-cell; float: none; width: 20%; padding: 0 10px; }
  .stat-links li i { width: 100%; }
  .normal-firmalar li { width: 19%; margin-right: 1.25%; }
  .normal-firmalar li .normal-isim span { width: calc(100% - 30px); }
  .normal-firmalar li .normal-isim i { float: right; }
  .tablo-tabs { display: table; width: 100%; table-layout: fixed; }
  .tablo-tabs li { display: table-cell; float: none; width: auto; padding: 0 5px; }
  .block-left, .block-right { width: 49%; }
  .son-firmalar li .son-firma-info { width: calc(100% - 75px); }
  .son-haberlist li a span { width: calc(100% - 50px); }
  .interactive { height: 270px; padding-top: 55px; }
  .interactive h2 { font-size: 26px; }
  .interactive h3 { font-size: 18px; }
  .footer-menu { width: 24%; margin-right: 1.33%; }
  .footer-menu li a { font-size: 12px; }
  .firmad.ana-logo { display: none; }
  .etkilesim-left { left: 10px; width: calc(50% - 10px); }
  .etkilesim-right { right: 10px; width: calc(50% - 10px); }
  .bulten .bulten-input, .bulten .bulten-input input { width: 200px; }
  .yayinla > div:last-child { width: 170px; }
  .yayinla > i, .bulten > i { width: 60px; }
  .firma-block-left { width: 300px; }
  .firma-block-right { width: calc(100% - 320px); }
  .firma-detay .firma-eposta { position: static; width: auto; clear: both; padding-top: 20px; }
  .firma-detay .firma-orta { width: calc(100% - 380px); }
  .panel-left { width: 200px; }
  .panel-right { width: calc(100% - 220px); }
  .habertext { width: calc(100% - 270px); }
  .yorum-ust .yorum-row { width: calc(33.33% - 10px); margin-right: 15px; }
  .yorum-ust .yorum-row.nomargin { margin-right: 0; }
  .yorum-ust .yorum-row.textarea-row { width: calc(100% - 160px); }
}
@media only screen and (max-width: 991px) {
  /* ana sayfa tek sütun: içerik önce, kenar blokları altta */
  .main-blocks { display: flex; flex-direction: column; }
  .main-left { order: 2; width: 100%; float: none; }
  .main-right { order: 1; width: 100%; float: none; }
  .main-left .firmad img { width: 100%; }
  .locations li { width: calc(50% - 5px); }
}
@media only screen and (max-width: 800px) {
  body { font-size: 13px; }
  .header-top { display: none; }
  .header-middle { height: 70px; }
  .header-middle .logo { height: 70px; line-height: 70px; width: calc(100% - 140px); }
  .header-middle .logo img { max-width: 100%; height: auto; max-height: 44px; }
  .header-middle .buttons { display: none; }
  .header-middle .buttons.acik { display: block; position: absolute; top: 70px; left: 0; right: 0; width: 100%; height: auto; line-height: normal; background: #fff; text-align: center; padding: 10px 0; z-index: 50; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); }
  .header-middle .buttons.acik .btn { margin: 4px; }
  .header-middle .buttons.acik .userpanel { float: none; margin: 0 auto; width: 92%; }
  .header-mobile { display: block; float: right; height: 70px; line-height: 70px; }
  .header-mobile li { display: inline-block; }
  .header-mobile li span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: var(--k-acik); color: var(--k-ana); border-radius: 3px; font-size: 18px; cursor: pointer; margin-left: 4px; }
  .header-menu { height: auto; }
  .menu { display: none; }
  .menu.acik { display: block; }
  .menu > li { display: block; float: none; height: 46px; border: 0; border-bottom: 1px solid #fff; }
  .menu > li a span.fa { height: 46px; line-height: 46px; font-size: 18px; }
  .menu > li a span.mn { height: 46px; line-height: 46px; }
  .main-search { display: none; }
  .main-search.acik { display: block; }
  .main-search h3 { padding-top: 25px; font-size: 22px; }
  .main-search h4 { font-size: 14px; padding: 8px 10px 0; }
  .search-area { padding: 15px 0 20px; }
  .input-col { display: block; padding: 0 0 8px; }
  .input-col input { width: 100%; }
  .search-area .btn { width: 100%; box-sizing: border-box; }
  .main-categories { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -10px; width: auto; }
  .main-categories::-webkit-scrollbar { display: none; }
  .main-categories li { display: block; flex: 0 0 112px; height: 80px; scroll-snap-align: start; }
  .main-categories li a { height: 80px; }
  .main-categories li .fa { margin: 12px 0 4px; font-size: 20px; }
  .main-categories li a strong { font-size: 12px; }
  .block-title > h4 { font-size: 13px; }
  .block-content { padding: 15px; }
  .vitrin li { margin-right: 15px; }
  .gold-firmalar li, .box-listing li { width: 48.5%; margin-right: 3%; }
  .gold-firmalar li:nth-child(4n), .box-listing li:nth-child(4n) { margin-right: 3%; }
  .gold-firmalar li:nth-child(2n), .box-listing li:nth-child(2n) { margin-right: 0; }
  .normal-firmalar li { width: 48.5%; margin-right: 3%; }
  .normal-firmalar li:nth-child(5n) { margin-right: 3%; }
  .normal-firmalar li:nth-child(2n) { margin-right: 0; }
  .stat-links li { padding: 0 2px; }
  .stat-links li i { font-size: 26px; }
  .stat-links li strong { font-size: 16px; }
  .stat-links li span { font-size: 9px; }
  .tablo-tabs { display: block; }
  .tablo-tabs li { display: inline-block; float: left; width: 48%; margin: 0 2% 8px 0; padding: 0; }
  .firma-tablo thead th:nth-child(2), .firma-tablo tbody td:nth-child(2), .firma-tablo thead th:nth-child(4), .firma-tablo tbody td.islem { display: none; }
  .firma-tablo thead th:nth-child(3) { text-align: right; }
  .firma-tablo tbody td.tel { text-align: right; }
  .firma-tablo tbody td { padding: 8px; }
  .firma-tablo thead th { padding: 0 8px; }
  .firma-tablo tbody td:first-child { font-size: 12px; }
  .block-left, .block-right { width: 100%; float: none; }
  .ikili-blok { display: block; }
  .ikili-blok > .block-left { margin-bottom: 20px; }
  .slider-wrap { height: 250px; }
  .slider li { height: 250px; }
  .slider li .slider-image { height: 200px; }
  .slider li .slider-image img { height: 200px; }
  .slider-alt h3 { width: calc(100% - 160px); font-size: 12px; }
  .slider-alt .slider-alt-right span { display: none; }
  .slider-ok { top: 75px; }
  .interactive { height: auto; padding: 30px 10px; }
  .interactive h2 { font-size: 20px; }
  .interactive h3 { font-size: 14px; }
  .interactive-buttons { padding-top: 20px; }
  .interactive-buttons a { display: block; height: 46px; line-height: 46px; font-size: 15px; margin: 0 0 10px; }
  .etkilesim { height: auto; }
  .etkilesim::before { display: none; }
  .etkilesim .container { height: auto; padding: 0; }
  .etkilesim-left, .etkilesim-right { position: static; width: 100%; padding: 15px; }
  .etkilesim-left { background: var(--k-acik); }
  .yayinla > i, .bulten > i { height: 50px; line-height: 50px; width: 50px; font-size: 26px; }
  .yayinla > div:last-child { width: auto; }
  .bulten .bulten-input, .bulten .bulten-input input { width: 100%; }
  .yayinla, .bulten { display: block; }
  .yayinla > div, .bulten > div { display: block; }
  .yayinla > i, .bulten > i { float: left; }
  .yayinla > div:last-child, .bulten > div:last-child { clear: both; padding-top: 10px; }
  .footer-menu, .footer-menu:last-of-type { width: 100%; float: none; margin: 0 0 15px; }
  .footer-menu li, .footer-menu li a { height: 40px; line-height: 40px; }
  .footer-menu li:not(.footer-menu-title)::before { top: 16px; }
  .footer-menu li:not(.footer-menu-title)::after { top: 12px; }
  .bottom { height: auto; }
  .bottom .container { display: flex; align-items: center; }
  .bottom .footer-logo { display: none; }
  .bottom .copyright { flex: 1; height: auto; line-height: 16px; padding: 12px 0; border: 0; font-size: 11px; }
  .bottom .social { display: none; }
  .bottom .back-to-top { flex: 0 0 40px; align-self: stretch; height: auto; display: flex; align-items: center; justify-content: center; margin-left: 10px; }
  /* sitenin kendi reklam görselleri: yazı okunur kalsın diye sol taraftan kırpılır */
  .firmad img[src*="/site/img/reklam/gold-vitrin"], .firmad img[src*="/site/img/reklam/reklam-alani-840"] { width: 100%; height: 110px; object-fit: cover; object-position: left center; }
  .firmad.ana-enust { margin-top: 15px !important; }
  .content .block.mt30, .main-blocks.mt30 { margin-top: 15px !important; }
  .content-title { height: auto; min-height: 60px; overflow: hidden; }
  .content-title > .title-breadcrumb { max-width: calc(100% - 60px); height: auto; }
  .content-title > .title-breadcrumb h1 { font-size: 16px; white-space: normal; }
  .content-title .title-tools { float: none; clear: both; height: auto; padding: 0; background: rgba(0, 0, 0, .1); overflow: hidden; }
  .content-title .title-tools .title-views, .content-title .title-tools .title-buttons, .content-title .title-tools .title-share { height: 50px; border: 0; padding-top: 5px; }
  .firma-detay .firma-sol, .firma-detay .firma-orta { width: 100%; float: none; margin: 0 0 20px; }
  .firma-detay .firma-resim { width: 100%; }
  .firma-detay .firma-resim img { max-width: 95%; }
  .firma-detay .firma-info li strong { width: 105px; }
  .firma-detay .firma-badges .firma-badge { width: 30%; margin-right: 3%; }
  .firma-detay .firma-badges .firma-qr { width: 100%; float: none; clear: both; padding-top: 10px; }
  .firma-block-left, .firma-block-right { width: 100%; float: none; }
  .one-cikan li { width: 100%; }
  .yorum-ust .yorum-row, .yorum-ust .yorum-row.textarea-row { width: 100%; margin-right: 0; float: none; }
  .yorum-btn { width: 100%; height: 50px; padding-top: 0; }
  .yorum-btn i { display: inline-block !important; line-height: 50px !important; height: 50px !important; font-size: 18px !important; margin-right: 6px !important; }
  .post-listing li { height: auto; }
  .post-listing li .listing-img { width: 100px; height: 80px; line-height: 80px; }
  .post-listing li .listing-info { width: calc(100% - 115px); }
  .post-listing li .listing-desc { height: 32px; }
  .post-listing li .listing-alt span:nth-child(n+2) { display: none; }
  .list-info { height: auto; overflow: hidden; }
  .list-info .pagination { float: none; }
  .archive-haber .haber { width: 100%; margin-right: 0; }
  .habertext, .firma-kutu { width: 100%; float: none; }
  .firma-kutu { margin-top: 20px; }
  .fuar li { width: 48%; margin-right: 4%; }
  .fuar li:nth-child(2n) { margin-right: 0; }
  .fuar li .fuar-resim { width: 100%; }
  .panel-left, .panel-right { width: 100%; float: none; }
  .block-menu { width: 100%; margin-bottom: 20px; }
  .form-col-2 { width: 100%; float: none; margin-right: 0; }
  .kayit-form, .giris-yap .kayit-form { width: auto; }
  .firma-adimlar { display: none; }
  .bulunamadi form { width: 100%; }
  .panel-ozet li { width: 48%; margin: 0 4% 10px 0; }
  .panel-ozet li:nth-child(2n) { margin-right: 0; }
  .firma-table thead { display: none; }
  .firma-table tbody td { display: block; border: 0; padding: 5px 10px; }
  .firma-table tbody tr { display: block; border: 1px solid var(--k-cizgi); margin-bottom: 10px; background: #fff; }
}