@font-face {font-family: 'Encode Sans Semi Condensed';src: url(/site_dosyalar/font/font.woff2) format('woff2');font-weight: normal;font-style: normal;font-display: swap}
:root {
	--color_background: #FFFDF8;
	--color_surface: #F2F5F8;
	--color_text : #1F2933;
	--color_mutedText : #5F6B76;
	--color_primaryText : #FFFFFF;
	--color_secondaryText : #101010;
	--color_accentText : #FCFCFC;
	--color_primary: #0071D0;
	--color_primarya: color-mix(in srgb, var(--color_primary, #0071D0) 70%, transparent);
	--color_secondary: #FF7D02;
	--color_secondarya: color-mix(in srgb, var(--color_secondary, #FF7D02) 70%, transparent);
	--color_accent: #354F74;
	--color_accenta: color-mix(in srgb, var(--color_accent, #354F74) 70%, transparent);
}
* {margin:0px; padding:0px; box-sizing:border-box;outline:none}
html,body{width:100%;min-height:100%;}
body{overflow-x:hidden;background-color:var(--color_background);font-family: 'Encode Sans Semi Condensed'; font-size:1em;color:var(--color_text)}
/* font-size-adjust: 0.5; */
::selection {color: var(--color_background);background: var(--color_text)}
::placeholder {color: var(--color_text);opacity: 1}
img {border:none;max-width:100%;height:auto;vertical-align:middle}
a {text-decoration:none;color:var(--color_primary)}
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(--color_primary) !important}
	.renkbirbg {background-color:var(--color_primary) !important}
.renkiki{color:var(--color_secondary) !important}
	.renkikibg {background-color:var(--color_secondary) !important}
.renkuc{color:var(--color_accent) !important}
	.renkucbg {background-color:var(--color_accent) !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 */
.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%}}

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(--color_primary)}
blockquote::after {content: "”";color: var(--color_primary);font-size: 100px;line-height: 1px;display: block;position:absolute;bottom:-10px;right:10px}

.hizala{margin-left:auto;margin-right:auto}
.ortala{text-align:center}
ul.none, ol.none{margin:0px;padding:0px;list-style-type:none}
ul,ol{margin-left:25px;padding-left: 25px}

.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}}


#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}
.temizle {clear:both;}

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

.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(--color_secondary);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(--color_primary)}
#scrollToTopBtn.show {opacity: 1}
#scrollToTopBtn span {transform: rotate(-90deg);font-size: 45px;position: relative;left: -3px}

#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)}

#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}

.t_aramaformu {position:relative}
.t_aramaformu .search-term {position: absolute;bottom: 14px;border: none;background: #f9f9f9}

.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}


#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 .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) .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}
}

#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(--color_primary);border-right-color:var(--color_accent);border-bottom-color:var(--color_secondary);animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.siteUst{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color_background) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--color_text) 10%,transparent)}
.siteUst__ic{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.siteUst__logo{flex:0 0 auto;display:flex;align-items:center}
.siteUst__logo .t_logoalan img{max-width:220px;height:auto}
.siteUst__sag{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
.siteUst .t_dilsecimi ul,.siteUst .t_menu ul,.siteAlt .t_menu ul{list-style:none;display:flex;align-items:center;gap:8px}
.siteUst .t_dilsecimi a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border:1px solid color-mix(in srgb,var(--color_text) 12%,transparent);border-radius:999px;color:var(--color_text);font-size:.86em}
.siteUst .t_menu a{display:inline-flex;align-items:center;min-height:42px;padding:0 12px;border-radius:999px;color:var(--color_text);font-weight:700;line-height:1.1}
.siteUst .t_menu a:hover,.siteUst .t_menu a:focus-visible{background:color-mix(in srgb,var(--color_primary) 10%,transparent);color:var(--color_primary)}
.siteUst .t_menu li{position:relative}
.siteUst .t_menu li ul{position:absolute;top:100%;left:0;min-width:230px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:var(--color_background);border:1px solid color-mix(in srgb,var(--color_text) 10%,transparent);border-radius:18px;box-shadow:0 24px 70px color-mix(in srgb,var(--color_text) 12%,transparent);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.siteUst .t_menu li:hover>ul,.siteUst .t_menu li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0)}
.siteUst .t_menu li ul a{justify-content:flex-start;width:100%;border-radius:12px}
.siteUst__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--color_primary);color:var(--color_primaryText);font-weight:800;white-space:nowrap;box-shadow:0 16px 42px color-mix(in srgb,var(--color_primary) 24%,transparent)}
.siteUst__cta:hover,.siteUst__cta:focus-visible{background:var(--color_secondary);color:var(--color_secondaryText)}
.siteAlt{background:var(--color_text);color:var(--color_background);padding:68px 0 28px;margin-top:0}
.siteAlt a{color:var(--color_background)}
.siteAlt__ic{display:flex;align-items:flex-start;justify-content:space-between;gap:42px}
.siteAlt__marka{width:38%;min-width:260px}
.siteAlt__metin{max-width:520px;color:color-mix(in srgb,var(--color_background) 78%,transparent);margin-top:18px}
.siteAlt__menu,.siteAlt__iletisim{min-width:220px}
.siteAlt h2{font-size:1.08em;margin-bottom:18px;color:var(--color_background)}
.siteAlt .t_menu ul{flex-direction:column;align-items:flex-start;gap:9px}
.siteAlt .t_menu li ul{display:none}
.siteAlt .t_telefonlar,.siteAlt .t_epostalar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.siteAlt__adres{color:color-mix(in srgb,var(--color_background) 76%,transparent);font-style:normal;padding:0}
.siteAlt__alt{padding-top:30px;margin-top:42px;border-top:1px solid color-mix(in srgb,var(--color_background) 14%,transparent);color:color-mix(in srgb,var(--color_background) 70%,transparent)}
.siteAlt__alt p{padding:0}
@media only screen and (max-width:980px){.siteUst__ic{min-height:74px}.siteUst__sag{gap:12px}.siteUst__cta{display:none}.siteUst .t_dilsecimi{display:none}.siteUst .t_menu a{padding:0 9px;font-size:.92em}.siteAlt__ic{flex-wrap:wrap}.siteAlt__marka{width:100%}}
@media only screen and (max-width:720px){.siteUst{position:relative}.siteUst__ic{flex-wrap:wrap;align-items:center;padding-top:14px;padding-bottom:14px}.siteUst__logo .t_logoalan img{max-width:170px}.siteUst__sag{width:100%;justify-content:flex-start}.siteUst .t_menu ul{flex-wrap:wrap}.siteAlt{padding-top:48px}.siteAlt__ic{flex-direction:column;gap:30px}.siteAlt__marka,.siteAlt__menu,.siteAlt__iletisim{width:100%}}

/* MODULER */