:root {
	--bgrenk: #F9F9F9;
	--metinrenk : #444444;
	--renkbir: #3757F7;
	--renkbira: #3757F7d9;
	--renkiki: #5BC286;
	--renkikia: #5BC286d9;
	--renkuc: #242F48;
	--renkuca: #242F48d9;
	--sitefont: 'Montserrat', sans-serif;
}
* {margin:0px; padding:0px; box-sizing:border-box;outline:none}
html,body{width:100%;min-height:100%;}
body{overflow-x:hidden;background-color:var(--bgrenk);font-family: 'Montserrat', sans-serif; font-size:1em;color:var(--metinrenk)}
/* font-size-adjust: 0.5; */
::selection {color: var(--bgrenk);background: var(--metinrenk)}
::placeholder {color: var(--metinrenk);opacity: 1}
img {border:none;max-width:100%;height:auto;vertical-align:middle}
a {text-decoration:none;color:var(--renkbir)}
p {padding-bottom:7px;line-height:150%}

.gizli {display:none !important}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;  clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important}

.renkbir{color:var(--renkbir) !important}
	.renkbirbg {background-color:var(--renkbir) !important}
.renkiki{color:var(--renkiki) !important}
	.renkikibg {background-color:var(--renkiki) !important}
.renkuc{color:var(--renkuc) !important}
	.renkucbg {background-color:var(--renkuc) !important}

.ufak{font-size:calc(1em - 0.2vw)}
.kucuk{font-size:calc(1em - 0.1vw)}
.buyuk{font-size:calc(1.1em + 0.3vw)}
.cokbuyuk{font-size:calc(1.1em + 0.7vw)}

.olumlusonuc, .hatalisonuc {padding:15px;line-height:1.4;font-size:1em;border-radius:12px;border:1px solid #d0d5dd;box-shadow:0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 1px rgba(16, 24, 40, 0.03);margin:10px 0}
.olumlusonuc {background:#e4f8eb;border-color:#a0e6ba;color:#166534}
.olumlusonuc a{color:#166534;text-decoration:underline;font-weight:600}
.hatalisonuc {background:#fde8e8 !important;border-color:#f8afaf;color:#991b1b}
.hatalisonuc a{color:#991b1b;text-decoration:underline;font-weight:600}

/* tbl2flx modernize stilleri */
.flex-table{display:flex;flex-direction:column;width:100%;box-sizing:border-box}
.flex-row{display:flex;flex-wrap:wrap;align-items:stretch}
.flex-cell{flex:var(--tbl2flex-flex,1 1 0);max-width:var(--tbl2flex-max,none);box-sizing:border-box;min-width:0}
.flex-cell.header{font-weight:600}
@media (max-width:820px){.flex-cell{flex:1 1 50%;max-width:50%}}
@media (max-width:640px){.flex-cell{flex:1 1 100%;max-width:100%}}


#imgbekletme{display:none}
body.bekletme{pointer-events:none}
body.bekletme #anacerceve{opacity:0.7}
body.bekletme #imgbekletme{display: block;position: fixed;z-index: 1000;top: 50%;left: 50%;z-index:10000}

ul.none, ol.none{margin:0px;padding:0px;list-style-type:none}
ul,ol{margin-left:25px;padding-left: 25px}
.temizle {clear:both;}

@media only screen and (min-width: 640px) {.dskyok {display:none}}
@media only screen and (max-width: 640px) {.mblyok {display:none}}

.hizala{margin-left:auto;margin-right:auto}
.ortala{text-align:center}
.soladayali{text-align:left !important}
.sagadayali{text-align:right !important}
.pad{padding:10px}
.nopad{padding:0px}
.mar{margin:10px}
.nomar{margin:0px}
button:disabled, input:disabled, textarea:disabled {opacity: 0.5;filter: grayscale(1);cursor: not-allowed}

#scrollToTopBtn {display: flex;opacity:0;position: fixed;z-index:99999999;bottom: 20px;right: 20px;width: 50px;height: 50px;background-color: var(--renkiki);color: white;border: none;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;transition: all 0.5s ease}
#scrollToTopBtn:hover {background-color: var(--renkbir)}
#scrollToTopBtn.show {opacity: 1}
#scrollToTopBtn span {transform: rotate(-90deg);font-size: 45px;position: relative;left: -3px}

.maxgenislik{width:100%;}
.tamgenislik{width:100%;max-width:1400px;margin:0 auto}
	@media only screen and (max-width: 1400px) {.tamgenislik {padding-left:2.5% !important;padding-right:2.5% !important}}

#mobilyanlogoalan{display:none;width:100%;text-align:center;margin:7px 0px;}
#logo a img{max-width:300px;height:auto}
#t_mobillogoalan{text-align:center}
#t_logoalan a{display:table;width:100%;}
.txtlogo {font-size: calc(1em + 0.5vw);display: flex;flex-direction: column;justify-content: center}
.txtlogo div:nth-child(1) {font-weight: bold;font-size: 1.5em}

#t_mobillogoalan .txtlogo, #mobilyanlogoalan .txtlogo{font-size:30px;font-size:calc(1em + 1vw)}

#t_footer {}
#cpyr,#yapimcibilgisi{text-align:left;color:var(--renkbir)}
#cpyr{font-family:verdana;font-size:14px}
#yapimcibilgisi{text-align:right;}
#yapimcibilgisi a{color:var(--renkbir)}

#anatasiyici figure {position:relative}
#anatasiyici figure figcaption {position: absolute;bottom: 0.2vw;left: 0.2vw;background-color: #fff;padding: 1%;opacity: 0.5;font-size: 0.8em}

#aramaformu {display: inline-block;float: right;margin-top: 15px;position: relative}
#aramaformu input {border: #ccc 1px solid;padding: 5px;height:48px}
#aramaformu button {border: #ccc 1px solid;border-left: none;background: #f2f2f2;cursor: pointer;vertical-align: top;width: 48px;height: 48px;position: relative;left: -5px}
#aramaformu button span {font-family: monospace;font-size: 35px;line-height: 20px;transform: rotate(110deg);display: inline-block}

.saklimetin:not(.gosteriliyor) span:after {content: attr(data-before) attr(data-baglam) attr(data-after);display: none}
.saklimetin:hover span:nth-child(1) {display:none}
.saklimetin:not(.gosteriliyor):hover span:after {display: inline-block}

blockquote {position: relative;z-index: 1;margin-bottom: 30px;margin-top: 30px;background-color: #f8f8f8;padding: 30px 30px 35px}
blockquote::before {content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: var(--renkbir)}
blockquote::after {content: "”";color: var(--renkbir);font-size: 100px;line-height: 1px;display: block;position:absolute;bottom:-10px;right:10px}

dl#qa dt {display: flex;justify-content: space-between;font-weight: bold;line-height: 1.5em;padding: 7px;border: #ccc 1px solid;border-bottom: none;background-color: #f9fafa;cursor: pointer}
dl#qa dt:after {transition:0.5s;content: "\002B";font-size: 1.5em;color: #626262;font-weight: normal;border: #e5e5e5 1px solid;border-radius: 100%;width: 25px;height: 25px;line-height: 25px;display: inline-block;text-align: center}
dl#qa dt:hover:after{transform: rotate(45deg)}
dl#qa dd {transition: all 0.5s ease-in-out;font-size:0.9em;margin-bottom: 25px;border: #ccc 1px solid;border-top: none;max-height:1px;overflow: hidden}
dl#qa dt:hover + dd, #icerik .ualan dd:hover {max-height:100px;padding: 7px}



#t_mm #menu-toggle{display:none}
#t_mm .menu-icon{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;cursor:pointer;z-index:999999}
#t_mm .menu-icon span{display:block;height:3px;border-radius:2px;background:#333;transition:transform .3s ease,opacity .5s ease}
/*#t_mm:before {display: block;content: "";position: fixed;z-index:99;top:-100vh;background-color: rgba(0, 0, 0, 0.8);opacity:0;backdrop-filter: blur(4px);transition:opacity .3s ease}*/
#t_mm .menu-overlay{display: block;content: "";position: fixed;z-index:99;top:-100vh;background-color: rgba(0, 0, 0, 0.8);opacity:0;backdrop-filter: blur(4px);transition:opacity .3s ease}
html:has(#t_mm #menu-toggle:checked), body:has(#t_mm #menu-toggle:checked){overflow:hidden}
@media (max-width: 720px) {
	/*#t_mm:has(#menu-toggle:checked)::before{opacity:1;pointer-events:auto;top: 0;left: 0;right: 0;bottom: 0}*/
		#t_mm:has(#menu-toggle:checked) .menu-overlay{
opacity:1;pointer-events:auto;top: 0;left: 0;right: 0;bottom: 0
	}
	#t_mm .menu-icon {display: flex;position: relative;z-index: 999999}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(2) {transform: rotate(45deg) translate(5px, 5px)}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(3) {opacity: 0}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(4) {transform: rotate(-45deg) translate(6px, -6px)}
	#t_mm nav.t_menu{position:fixed;transition:transform .5s ease;z-index:999998;display:block;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.18);padding:16px 12px}
	#t_mm #menu-toggle:checked ~ nav.t_menu{transform:translate(0,0) scale(1)}
	#t_mm[data-menu="left"] nav.t_menu{top:0;left:0;width: 85%;max-width:320px;height:100vh;transform:translateX(-105%)}
		#t_mm[data-menu="left"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;left:280px}
	#t_mm[data-menu="top"] nav.t_menu{top:0;left:0;right:0;width:100vw;transform:translateY(-105%)}
		#t_mm[data-menu="top"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;right: 10px}
	#t_mm[data-menu="overlay"] nav.t_menu{top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;transform:scale(0);padding:24px 16px;box-shadow:none}
		#t_mm[data-menu="overlay"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;right: 10px}
}

#t_sayfalama {display: flex;gap: 10px;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center}
#t_sayfalama li {display: none}
#t_sayfalama li a {text-decoration: none;font-size: 16px;font-family: sans-serif;font-weight: bold;border: 1px solid var(--renkuc);border-radius: 5px;background-color: var(--renkuc);color:var(--bgrenk);transition: all 0.5s ease;display:block;width:100%;height:100%;padding: 10px 15px}
#t_sayfalama li:hover a {background-color: var(--bgrenk);color: var(--renkuc)}
#t_sayfalama a[rel="prev"], #t_sayfalama a[rel="next"]{font-size:20px}
#t_sayfalama li:has(a.aktif):before {content:"..."}
#t_sayfalama li:has(a.aktif) {display: inline-block;margin-left:25px;display: flex !important;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 25px}
#t_sayfalama a.aktif {background-color:var(--renkiki);border-color: #007bff;color:#fff;pointer-events:none}
#t_sayfalama li:nth-child(-n+4) {display: inline-block}
#t_sayfalama li:nth-last-child(-n+4) {display: inline-block}
#t_sayfalama li:has(a.aktif), #t_sayfalama li:has(a.aktif) + li, #t_sayfalama li:has(a.aktif) + li + li {display: inline-block}
#t_sayfalama li:has(a.aktif) + li + li:after {content:"..."}
#t_sayfalama li:has(a.aktif) + li + li {margin-right:25px;display: flex !important;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 25px}
#t_sayfalama li:nth-child(-n+3):after, #t_sayfalama li:nth-child(-n+5), #t_sayfalama li:nth-child(-n+5):before, #t_sayfalama li:nth-last-child(-n+3), #t_sayfalama li:nth-last-child(-n+3):before, #t_sayfalama li:nth-last-child(-n+3), #t_sayfalama li:nth-last-child(-n+3):after, 
#t_sayfalama li:first-of-type:before, #t_sayfalama li:last-of-type:before, #t_sayfalama li:first-of-type, #t_sayfalama li:last-of-type {content: "" !important;margin:0 !important;gap:0 !important}
body:has(#resultsList) {height:100vh;overflow:hidden}
@media (max-width: 600px) {#t_sayfalama a {padding: 5px 10px}#t_sayfalama li:has(a.aktif) + li + li {margin-right:7px;gap: 7px}#t_sayfalama li:has(a.aktif) {margin-left:7px;gap: 7px}}

#pgloader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .2s ease}
#pgloader.loaded{opacity:0;pointer-events:none}


.plt{width:100px;height:100px;border-radius:50%;border:3px solid rgba(0,0,0,.10);border-top-color:var(--renkbir);border-right-color:var(--renkuc);border-bottom-color:var(--renkiki);animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

#pgloader:before {content: "";background-image: url('/altsite/site_dosyalar/logo/favicon.webp');width: 55px;height: 55px;background-size: contain;position: absolute;opacity: 0.6}
::selection {color: var(--renkuc);background: var(--renkiki);}
a {transition:0.5s}
h1, h2, h3, h4, h5, h6, .baslik {font-weight:normal}
h1 {font-size: calc(1.3em + 1.3vw)} /* calc(1.8em + 0.8vw); */
h2 {font-size: calc(1.1em + 0.9vw);} /* calc(1.5em + 0.8vw); */
h3, h4, h5, h6, .baslik {font-size: calc(1.1em + 0.3vw);}

a.ctabutton {display: inline-flex;align-items: center;justify-content: center;padding: 5px 10px;background: var(--renkbir);color: var(--bgrenk);font-size: 1em;border-radius: 5px;overflow: hidden;position: relative;transition: 0.35s}
a.ctabutton::after {content: '';position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: linear-gradient(120deg, transparent, rgba(255,255,255,0.25), transparent);animation: cta-shimmer 2.8s ease-in-out infinite}
a.ctabutton:hover {background: var(--renkuc);transform: translateY(-2px)}
	@keyframes cta-shimmer {0% {left: -100%} 55% {left: 140%} 100% {left: 140%}}

.butonlastir {position: relative;display: inline-block;background: var(--renkbir);border-radius: 5px;overflow: hidden;transition: all 0.5s ease-in-out;z-index: 1;color: #fff;padding: 10px 25px 10px 25px}
.butonlastir:after, .butonlastir:before {content: '';display: block;position: absolute;top: 0;bottom: 0;width: 0;height: 100%;background: var(--renkiki);transform: skew(15deg);transition: all 0.4s ease-in-out;z-index: -1}
.butonlastir:before {left: -10px}
.butonlastir:after {right: -10px}
.butonlastir:hover {background-color: transparent;}
.butonlastir:hover:before, .butonlastir:hover:after {width: 60%}

.imganim {position:relative;overflow:hidden;display: inline-block}
.imganim:after {content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, .3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 0}
.imganim:hover:after {height: 250%;transition: all 600ms linear !important;background-color: transparent}
.kaydir {display: inline-block;animation: kaymaanim 8s infinite}
	@keyframes titremeanim {0% { transform: translateX(0)} 2% { transform: translateX(-2px)} 4% { transform: translateX(2px)} 6% { transform: translateX(-2px)} 8% { transform: translateX(2px)} 10% { transform: translateX(0)} 100% { transform: translateX(0)}}
.titret {display: inline-block;animation: titremeanim 5s infinite}
	@keyframes kaymaanim {0% { transform: translateX(0)} 10%  { transform: translateX(15px)} 20% { transform: translateX(0)} 100% { transform: translateX(0)}}

.inlineanim {position: relative;background-color: #fff;padding: 15px;border-radius: 5px;overflow: hidden;border-left: var(--renkbir) 5px solid;transition: 0.5s}
.inlineanim:hover {color: #fff;background-color: transparent}
.inlineanim:before {content: "";background-color: var(--renkbir);position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;width: 0px;transition: 0.5s}
.inlineanim:hover:before {width: 100%}

.ufakbaslik {position: relative;display: inline-block;font-weight:normal;color:var(--renkbir)}
.ufakbaslik:before {background-color: var(--renkbir);content: "";display: inline-block;width: 13px;height: 13px;border-radius: 3px;vertical-align: middle;margin-right: 5px;transform: rotate(45deg)}
.ufakbaslik:after {content: "";background-color: var(--renkbir);display: inline-block;width: 50%;height: 1px;position: absolute;left: 15px;top: 70%}

.ufakbaslik2 {position: relative;display: inline-block;font-weight:normal;color:var(--renkiki)}
.ufakbaslik2:before {background-color: var(--renkiki);content: "";display: inline-block;width: 13px;height: 13px;border-radius: 3px;vertical-align: middle;margin-right: 5px;transform: rotate(45deg)}
.ufakbaslik2:after {content: "";background-color: var(--renkiki);display: inline-block;width: 50%;height: 1px;position: absolute;left: 15px;top: 70%}

header#headertop {background-color: #fff}
header#headertop p {padding:0}
header#headertop #ustbar {background-color: var(--renkbir);color: var(--bgrenk);padding: 7px 0}
header#headertop #ustbar a {color:var(--bgrenk)}
#ustbar .material-icons-outlined {font-size: 1.5em}
header#headertop #ustbar .tamgenislik {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between}
header#headertop #ustbar .tamgenislik > div:nth-child(1) {display: flex;gap: 20px;flex-direction: row;flex-wrap: wrap;align-items: center}
header#headertop #ustbar .t_sosyalaglar {display: flex;gap: 5px}
header#headertop #ustbar .t_sosyalaglar a {display: inline-block;width: 25px;height: 25px;transition: 0.5s}
header#headertop #ustbar .t_sosyalaglar a:hover {color:var(--renkuc)}

header#headertop #ustalan {padding: 25px 0;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between}
header#headertop #ustalan .ustnav {flex-basis: calc(100% - 300px);display: flex;gap: 2vw;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;align-items: center}
header#headertop #ustalan .t_logoalan {transition: 0.5s}
header#headertop #ustalan .t_logoalan:hover {transform: scale(.85) rotate(-3deg)}
header#headertop #ustalan .t_menubir ul {display: flex;gap: max(1vw, 10px);flex-direction: row;flex-wrap: wrap}
header#headertop #ustalan .t_menubir ul li {}
header#headertop #ustalan .t_menubir ul li .material-icons-outlined {font-size:1.2em}
header#headertop #ustalan .t_menubir ul li a {color: var(--renkuc);}
header#headertop #ustalan .t_menubir ul li a:hover {color:var(--renkbir)}

nav.t_dilsecimi {}
nav.t_dilsecimi ul {display: flex;gap: 5px;font-size: 0.75em}
nav.t_dilsecimi ul:before {content: "\e894";font-family: 'Material Icons Outlined';font-size: 2em}
nav.t_dilsecimi ul li a {color:#fff;display:block;background-color: var(--renkuc);padding: 5px;border-radius: 5px}
nav.t_dilsecimi ul li:has(.secilidil) a {font-weight:bold;background-color:var(--renkiki)}

#ustcta {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 10px}
.srcbtn {display: inline-flex;width: 40px;height: 40px;aspect-ratio: 1;font-size: 2em;border: var(--renkbir) 1px solid;background-color:var(--bgrenk);align-items: center;justify-content: center;border-radius: 5px}
#srcbtn {cursor: pointer}
#srcbtn:before {content: "\e8b6";font-family: 'Material Icons Outlined';vertical-align: middle}

#arama {display: none}
#arama:target {display: flex;align-items: center;justify-content: center;position: fixed;inset: 0;background: rgba(36, 47, 72, 0.85);backdrop-filter: blur(4px);z-index: 9999}
.arama-bg-kapat {display: none}
#arama:target .arama-bg-kapat {display: block;position: fixed;inset: 0;z-index: 0;cursor: pointer}
#arama .t_aramaformu {position: relative;z-index: 2;background: var(--bgrenk);padding: 2.5rem 2rem;border-radius: 16px;min-width: 340px;max-width: 520px;width: 90vw;box-shadow: 0 24px 60px rgba(36, 47, 72, 0.3)}
.arama-kapat {display: none}
#arama:target .arama-kapat {display: flex;align-items: center;justify-content: center;position: fixed;top: 1rem;right: 1.5rem;width: 2.2rem;height: 2.2rem;font-size: 1.2rem;color: #fff;text-decoration: none;z-index: 2;border: 2px solid rgba(255,255,255,0.4);border-radius: 50%;transition: background 0.2s}
#arama:target .arama-kapat:hover {background: rgba(255,255,255,0.15)}
.aramaform {display: flex;align-items: center;gap: 0;border: 2px solid var(--renkbir);border-radius: 8px;overflow: hidden;background: #fff;transition: box-shadow 0.2s}
.aramaform:focus-within {box-shadow: 0 0 0 4px var(--renkbira)}
.aramaform .aranacak {flex: 1;border: none;outline: none;padding: 0.85rem 1rem;font-size: 0.95rem;color: var(--metinrenk);background: transparent}
.aramaform .aranacak::placeholder {color: #aaa}
.aramaform .btn {border: none;background: var(--renkbir);color: #fff;padding: 0.85rem 1.2rem;font-size: 1.1rem;cursor: pointer;transition: background 0.2s;line-height: 1}
.aramaform .btn:hover {background: var(--renkuc)}
.aramaform .btn span {display: inline-block;transform: rotate(190deg) scale(3);line-height: 2em;margin-top: -6px}

footer {margin-top:55px;padding:55px 0;background-color:var(--renkuc)}
footer, footer a {color:#fff}
footer .alan {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: space-between}
footer nav.t_menuuc li {margin: 9px 0;font-size: 0.85em}
footer .ctas ul {background-color: #fff;padding: 15px 25px;border-radius: 15px;text-align: center}
footer .ctas .butonlastir {width:100%;margin:5px 0;padding-left: 55px}
footer .ctas .butonlastir .material-icons-outlined {position: absolute;top: 5px;left: 10px;font-size: 30px}
footer .logoalt {margin-top:15px;font-size:0.9em}
footer .t_mobillogoalan img {filter: brightness(0) invert(1)}
footer .kylogo img {width:150px;height:auto}
#yapimcibar {color: #fff;font-size: 0.85em;background-color:#182030;padding: 10px 0}
#yapimcibar p {padding:0}
#yapimcibar a {color:#fff}

body {padding-bottom: 70px}
#gykkcmp-root[data-decided="true"] {left: -100px !important;transition: 0.5s}
#gykkcmp-root[data-decided="true"]:hover {left: 0 !important}
#gykkcmp-manage {width: 120px !important;border-radius: 10px !important;padding: 5px !important;padding-right: 70px !important;box-shadow: #888 1px 1px 15px 0px}
#gykkcmp-manage:after {content: "\eaac";font-family: 'Material Icons Outlined';font-size: 36px}
#scrollToTopBtn {bottom:15px;right:15px}

@media (max-width: 1200px) {
	header#headertop #ustcta {zoom:0.75}
}

@media (max-width: 960px) {
	header#headertop #ustalan, header#headertop #ustalan .ustnav {flex-direction: column}
}

@media (max-width: 820px) {
	footer {padding-bottom:20px}
	footer .alan  {justify-content: space-around}
	footer .alan > div {margin-bottom: 20px}
}
@media (max-width: 720px) {
	header#headertop #ustalan, header#headertop #ustalan .ustnav {flex-direction: row}
	#t_mm #menu-toggle:checked + .menu-icon span {background: #fff}
	#t_mm #menu-toggle:checked ~ nav.t_menubir {padding: 0}
	#t_mm[data-menu="left"] nav.t_menubir {background: linear-gradient(170deg, var(--renkuc) 0%, #151d2e 100%);box-shadow: 6px 0 40px rgba(0,0,0,.45)}
	#t_mm[data-menu="left"] nav.t_menubir::before {background: url(/altsite/site_dosyalar/logo/favicon.webp) center no-repeat;background-size: contain;content: "";color: #fff;font-style: italic;text-align: center;display: block;opacity: 0.55;padding: 35px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.07);margin-bottom: 10px}
	#t_mm #menu-toggle:checked ~ nav.t_menubir > ul {flex-direction: column;gap: 0}
	#t_mm nav.t_menubir ul li.ustmenuli {margin: 2px 14px;border-radius: 10px;overflow: hidden}
	#t_mm nav.t_menubir ul li.ustmenuli + li.ustmenuli::before {content: "";display: block;height: 1px;background: rgba(255,255,255,0.06);margin: 0 10px 2px}
	#t_mm nav.t_menubir ul li.ustmenuli a {display: block;padding: 10px 20px;color: var(--bgrenk) !important;font-size: 1.1em;letter-spacing: 0.2px;border-left: 3px solid transparent;border-radius: 10px;transition: 0.2s ease}
	#t_mm nav.t_menubir ul li.ustmenuli a:hover {background: rgba(255,255,255,0.08);border-left-color: var(--renkbir);padding-left: 24px}
		#t_mm nav.t_menubir::-webkit-scrollbar { width: 3px }
		#t_mm nav.t_menubir::-webkit-scrollbar-track { background: transparent }
		#t_mm nav.t_menubir::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.12);border-radius: 4px}
}
@media (max-width: 640px) {
	#gykkcmp-root {}
	#gykkcmp-manage {}
	#ustbar {height: 5px;overflow:hidden}
	#ustbar * {display:none}
	#ustbar .t_sosyalaglar {display:none}
    header#headertop #ustcta {position: absolute;top: 0;right: 10px}
}
@media (max-width: 400px) {
	footer .alan > div {flex-basis: 100%;text-align: center}
}
/* MODULER */
#menusayfa {--altaralik: 55px}

span#t_menur2 {display: inline-block;margin: var(--altaralik) 0}

header#menuheader {position: relative;background-color: var(--renkuc);width: 100%;overflow: hidden;padding: 55px 0;text-align: center}
header#menuheader #particles-js {position: absolute;/*top: 0;left: 0;right: 0;bottom: 0*/width: 100%;height: 100%;z-index: 0}
header#menuheader .tamgenislik {display: flex;flex-wrap: wrap;gap: max(2vh, 20px);flex-direction: column;justify-content: center;width: 100%;height: 100%;align-items: center}
header#menuheader .tamgenislik {color:var(--bgrenk)}
header#menuheader .tamgenislik h1 {text-align:center}

section#menuic {margin-top:55px;}

#micerik {margin-top: 55px;display: flex;flex-wrap: wrap;gap: 40px;align-items: flex-start}
#micerik .ic {flex: 999 1 500px;max-width: 900px;width: 100%}
#micerik .yan {flex: 1 1 320px;min-width: 320px;width: 100%;position: sticky;top: 20px}

#sayfayolu nav {padding:5px 0;background: linear-gradient(135deg, #c3cfe2 0%, #f5f7fa 40%, #f5f7fa 60%, #c3cfe2 100%);border-radius: 8px;}
.t_sayfayolu {width:100%;max-width:1400px;margin:0 auto !important;display: flex;align-items: center;gap: 0;padding: 1rem;margin: 0;flex-wrap: wrap}
.t_sayfayolu li {display: flex;align-items: center}
.t_sayfayolu li:not(:last-child)::after {content: "\e941";font-family: 'Material Icons Outlined';color: #555;font-weight: bold;opacity: 0.5}
.t_sayfayolu a {text-decoration: none;color: #2c3e50;font-size: 0.9rem;padding: 0.5rem 0.8rem;border-radius: 6px;transition: all 0.3s ease;display: flex;align-items: center;gap: 0.35rem;font-weight: 500}
.t_sayfayolu a:hover {background-color: white;color: #3498db;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}
.t_sayfayolu svg {width: 14px;height: 14px}

#gorselbir {border-radius:20px;overflow:hidden;margin-bottom:var(--altaralik)}
.ic .imganim .cta {position: absolute;z-index: 2;bottom: 5%;left: 50%;transform: translateX(-50%);text-align: center}
.ic .imganim .cta a.ctabutton {gap:7px;flex-direction: row;flex-wrap: nowrap}
.ic .imganim .cta a.ctabutton:before {content: "\e8fd";font-family: 'Material Icons Outlined';font-size: 1.2em}

#icerik {margin-bottom:var(--altaralik)}
#icerik p, #icerik div {line-height: 2em;padding: 0}

#ilgililer {border: var(--renkbir) 1px dashed;padding: 10px;border-radius: 10px;margin-bottom:var(--altaralik)}
#ilgililer .inlineanim {margin-bottom:10px}

#t_related .t_related {display:grid;grid-template-columns:130px 1fr;grid-template-rows:auto auto;margin-bottom: 10px}
#t_related .relatedgorsel {grid-row:1 / span 2;grid-column:1}
#t_related .relatedgorsel figcaption {display:none}
#t_related .relatedbaslik, #t_related .relatedaciklama {grid-column:2;padding-left: 10px}
#t_related .relatedbaslik {grid-row:1}
#t_related .relatedbaslik h3 {font-size:1em}
#t_related .relatedaciklama {grid-row:2;font-size: 0.75em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 1.4em}

#db_sayfaetiketleri {display: flex;flex-wrap: wrap;gap: 0.8rem;margin: 10px 0;zoom: 0.8}
#db_sayfaetiketleri .etiket {color: var(--metinrenk);background-color: var(--bgrenk);padding: 6px 12px;border-radius: 5px;font-size: 0.9rem;font-family: var(--sitefont);font-weight: 500;border: 1.5px solid transparent;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 0.4rem;position: relative}
#db_sayfaetiketleri .etiket:nth-child(odd) {border-color: var(--renkbir)}
#db_sayfaetiketleri .etiket:nth-child(even) {border-color: var(--renkiki)}
#db_sayfaetiketleri .etiket:nth-child(odd):hover {background-color: var(--renkbir);color: white;box-shadow: 0 4px 12px rgba(55, 87, 247, 0.2)}
#db_sayfaetiketleri .etiket:nth-child(even):hover {background-color: var(--renkiki);color: white;box-shadow: 0 4px 12px rgba(91, 194, 134, 0.2)}

#db_hashtags {display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
#db_hashtags .hashtag {cursor:default;display:inline-flex;align-items:center;padding:6px 12px;font-size:.85rem;line-height:1;font-weight:500;text-decoration:none;border-radius:10px;border:1px solid var(--renkbira);color:var(--renkbir);background:#fff;transition:all .2s ease}
#db_hashtags .hashtag:hover {background:var(--renkbir);color:#fff;border-color:var(--renkbir)}
#db_hashtags .hashtag:before {content:"#";margin-right:4px;font-weight:600;color:var(--renkiki);font-size: 1.6em;line-height: 10px}
#db_hashtags .hashtag:hover:before {color:#fff}

#coklugorseller {max-width: 460px;margin: 0 auto;margin-bottom:var(--altaralik)}

#baglimenu {margin-bottom:var(--altaralik)}
#baglimenu .menubaslik {margin-bottom:15px}
#baglimenu nav.t_menudort ul {display: flex;gap:10px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start}
#baglimenu nav.t_menudort ul li {position: relative;flex-basis: max(calc(50% - 20px), 320px);flex-grow: 1;background-color: #fff;padding: 10px;border-radius: 5px;overflow: hidden;border-left: var(--renkbir) 5px solid;transition: 0.5s}
#baglimenu nav.t_menudort ul li:hover a {color:#fff}
#baglimenu nav.t_menudort ul li:hover {color: #fff;background-color: transparent}
#baglimenu nav.t_menudort ul li:before{content: "";background-color: var(--renkbir);position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;width: 0px;transition: 0.5s}
#baglimenu nav.t_menudort ul li:hover:before {width: 100%}

#icerikgalerileri {margin-bottom:var(--altaralik)}
#icerikgalerileri .icerikgalerisi:not(:first-of-type) {margin-top: 25px}
#icerikgalerileri .icerikgalerisi {padding: 20px;background: #fff;border: 1px solid #eee;border-radius: 18px;box-shadow: #888 0 5px 15px -12px}
#icerikgalerileri .icerikgalerisi .galeribasligi {display: flex;gap: 10px;margin-bottom: 20px}
#icerikgalerileri .icerikgalerisi .galeribasligi:before{content: "";display: inline-block;width: 3px;height: 1em;background: var(--renkiki);border-radius: 5px;flex-shrink: 0}
#icerikgalerileri .icerikgalerisi .galeritasiyici {display: flex;flex-wrap: wrap;gap: 10px}
#icerikgalerileri .galeritasiyici li {flex: 0 1 130px}
#icerikgalerileri .galeritasiyici li .icerikgalerigorseli {overflow: hidden;border-radius: 10px;background: #f1f1f1}
#icerikgalerileri .galeritasiyici li .icerikgalerigorseladi {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important}
@media (max-width: 472px) {#icerikgalerileri .galeritasiyici li {flex-grow:1}}

#icerikklasorleri {display: flex;flex-direction: column;gap: 25px;margin-bottom: var(--altaralik)}
#icerikklasorleri .icerikklasoru {background: #fff;border: 1px solid #bbb;border-radius: 12px;overflow: hidden;box-shadow: #888 0 2px 10px -8px}
#icerikklasorleri .icerikklasoru .klasorbasligi {font-size: 1em;font-weight: bold;letter-spacing: 1px;color: var(--bgrenk);background: var(--renkuc);margin: 0;padding: 10px 20px;display: flex;align-items: center;gap: 5px}
#icerikklasorleri .icerikklasoru .klasorbasligi::before {content: '';display: inline-block;width: 3px;height: 1em;background: var(--renkiki);border-radius: 5px;flex-shrink: 0}
#icerikklasorleri .icerikklasoru ul {padding: 10px;display: flex;flex-wrap: wrap;gap: 10px}
#icerikklasorleri .icerikklasoru ul li {flex: 1 1 220px}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi {display: flex;flex-direction: column;height: 100%;border: 1px solid #bbb;border-radius: 10px;overflow: hidden;transition: 0.3s;background: var(--bgrenk)}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi:hover {border-color: var(--renkbir);box-shadow: #888 0 5px 15px -10px;transform: translateY(-2px)}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi a {display: flex;align-items: center;padding: 10px 8px;flex: 1;gap: 10px}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi a::before {content: '\f000';font-family: 'Material Icons Outlined';font-size: 2em;color: var(--renkbir);transition: 0.5s}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi:hover a::before {color:var(--renkiki)}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi a .dosyaaciklama {font-size: 0.85em;font-weight: bold;color: var(--metinrenk);line-height: 1.5em;transition: 0.5s}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi:hover a .dosyaaciklama {color: var(--renkbir)}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi .dosyadetay {display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;background: #ededed;border-top: 1px solid #bbb;gap: 10px}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi .dosyadetay .dosyauzanti {display: flex;align-items: center;gap: 5px;font-size: 0.8em;font-weight: bold;color: var(--metinrenk);text-transform: uppercase;letter-spacing: 0.5px}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi .dosyadetay .dosyauzanti img {width: 18px;height: 18px;flex-shrink: 0}
#icerikklasorleri .icerikklasoru ul li .icerikgaleridosyasi .dosyadetay .dosyaboyut {font-size: 0.8em;color: var(--renkuca);white-space: nowrap}

aside#altmenuler {flex-basis:100%}
aside#altmenuler ul {display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;gap: 2vw}
aside#altmenuler ul li {background-color: #fff;position: relative;z-index: 0;flex-basis: max(calc(33.33% - 2vw), 270px);flex-grow: 1;margin-bottom: 2vw}
aside#altmenuler ul li[data-grup]::before {content: attr(data-grup);position: absolute;top: 10px;left: 10px;background-color: var(--renkuca);color: #fff;padding: 4px 8px;font-size: 12px;border-radius: 5px;z-index: 3;pointer-events:none}
aside#altmenuler ul li .altmenuKart {}
aside#altmenuler ul li .altmenuKart .altmenugorsel {position: relative;z-index: 0;aspect-ratio: 16 / 9;overflow: hidden}
aside#altmenuler ul li .altmenuKart .altmenugorsel::before {content: "";display: block;background-color: #000;position: absolute;z-index: 2;top: 0;right: 0;bottom: 0;left: 0;border-radius: 20px;opacity: 0.5;transform: scale(.01);transition: 0.3s;pointer-events:none}
aside#altmenuler ul li:hover .altmenuKart .altmenugorsel::before {transform: scale(1.2)}
aside#altmenuler ul li .altmenuKart .altmenugorsel a {display: block;position: relative;z-index: 1}
aside#altmenuler ul li .altmenuKart .altmenugorsel img {display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.5s}
aside#altmenuler ul li:hover .altmenuKart .altmenugorsel img {transform: scale(1.1)}
aside#altmenuler ul li .altmenuKart .altmenutarih {display:none}
aside#altmenuler ul li .altmenuKart .altmenutarih {position: absolute;left: 15px;bottom: 12px;z-index: 2;margin: 0;color: #fff;font-size: 0.9em}
aside#altmenuler ul li .altmenuKart .altmenutarih .gunadi {}
aside#altmenuler ul li .altmenuKart .etiketler {position: absolute;z-index: 2;bottom: 0;right: 10px;text-transform: uppercase;font-size: 0.8em;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 5px}
aside#altmenuler ul li .altmenuKart .etiketler span {background-color: var(--bgrenk);border-radius: 5px;padding: 2px 8px;color: var(--renkbir);font-size: min(calc(0.85em + 0.5vw), 11px)}
aside#altmenuler ul li .altmenuKart .etiketler span:nth-child(n+4) {display: none}
aside#altmenuler ul li .altmenuKart .altmenuetiketler {position: absolute;z-index: 2;right: 10px;bottom: 10px;margin: 0;text-transform: uppercase;font-size: 0.8em}
aside#altmenuler ul li .altmenuKart .altmenuetiketler span {background-color: var(--bgrenk);border-radius: 5px;padding: 4px 7px;color: var(--renkbir)}
aside#altmenuler ul li .altmenuKart .altmenuetiketler span:nth-child(n+4) {display: none}
aside#altmenuler ul li .altmenuKart .altmenubaslik {padding: 10px 25px;margin: 0;font-size: calc(1.2em + 0.2vw)}
aside#altmenuler ul li .altmenuKart .altmenubaslik a {transition: 0.5s}
aside#altmenuler ul li:hover .altmenuKart .altmenubaslik a {color: var(--renkiki)}
aside#altmenuler ul li .altmenuKart .altmenuaciklama {padding: 0 25px 25px 25px;margin: 0}
aside#altmenuler ul li .altmenuKart .altmenulink {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;font-size: 0}

section#althizmetler {flex-basis:100%;padding-bottom:55px}
section#althizmetler hgroup {font-size: 1.2em;margin-bottom:40px}
section#althizmetler hgroup h3 strong {color:var(--renkbir)}
section#althizmetler hgroup p {color:var(--renkuc);font-size:0.85em}
section#althizmetler ul {display: flex;gap:1%;flex-direction: row;flex-wrap: wrap;align-items: stretch;justify-content: center}
section#althizmetler ul li {background-color: #fff;position: relative;z-index: 0;flex-basis: calc(25% - 1vw);flex-grow: 1;min-width: 240px;max-width: 340px;overflow: hidden}
section#althizmetler ul li[data-grup]::before {display:none;content: attr(data-grup);position: absolute;top: 10px;left: 10px;background-color:var(--renkuca);color: #fff;padding: 4px 8px;font-size: 12px;border-radius: 5px}
section#althizmetler ul li .gorsel {position: relative;z-index: -1;aspect-ratio: 16 / 9;overflow: hidden}
section#althizmetler ul li .gorsel:before {content: "";display: block;background-color: #000;position: absolute;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;border-radius:20px;opacity: 0.5;transform: scale(.01);transition:0.3s}
section#althizmetler ul li:hover .gorsel:before {transform:scale(1.2)}
section#althizmetler ul li .gorsel a {}
section#althizmetler ul li .gorsel img {transition:0.5s}
section#althizmetler ul li:hover .gorsel img {transform:scale(1.1)}
section#althizmetler ul li .etiketler {position: absolute;z-index:2;bottom: 0;right: 10px;text-transform: uppercase;font-size: 0.8em;display: flex;flex-direction: column;align-items: flex-end;gap: 5px}
section#althizmetler ul li .etiketler span {background-color: var(--bgrenk);border-radius: 5px;padding: 4px 7px;color: var(--renkbir);font-size: min(calc(0.85em + 0.5vw), 11px)}
section#althizmetler ul li .etiketler span:nth-child(n+4) {display: none}
section#althizmetler ul li .baslik {padding: 10px 15px;font-size: 1.2em}
section#althizmetler ul li .baslik a {transition:0.5s}
section#althizmetler ul li:hover .baslik a {color:var(--renkiki)}
section#althizmetler ul li .aciklama {padding:0 15px 15px 15px;font-size: 0.85em}
section#althizmetler ul li .link {text-indent: 110vw;position: absolute;width: 100%;height: 100%;top: 0}

#t_paylasmodal #openShareBtn {padding:0;width: 50px;height: 50px;overflow: hidden;color: #fff}
#t_paylasmodal #openShareBtn:before {content: "\e80d";font-family: 'Material Icons Outlined';font-size: 2em;color: var(--metinrenk);text-align: center;display: inline-block;width: 50px;line-height: 50px}

@media (max-width: 480px) {
	#db_sayfaetiketleri {display: block;width: 100%;white-space: nowrap;overflow: auto}
}