/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
	@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
	:root {
		--renk1: #FFFFFF;
		--renk2: #232E3C;
		--renk3: #444444;
		--renk7: #f9fafd;
		--renk9: #d8e2ef; /* borde-bottom:1px solid RENGİ */

		
		--renk10: #edf2f9; /* LİSTE BAŞLIK ARKA PLAN */
		--renk11: #f9fafd; /* LİSTE 1. SATIR ARKA PLAN */
		--renk12: #FFFFFF; /* LİSTE 2. SATIR ARKA PLAN */
		--renk13: #edf2f9; /* LİSTE 1. SATIR ALT ÇİZGİSİ */
		--renk14: #096cb8; /* LİSTE İÇERİK MAVİ RENK */
		--renk15: #cb8d45; /* LİSTE İÇERİK TRUNCU RENK */
		--renk16: #f9fafd; /* LİSTE BAŞLIK ARKA PLAN */
		--renk17: #0000FF; /* MAVİ RENK */
		--renk18: #344050;
		--renk19: #ffCDD2; /* KIRMIZI RENK */
		--renk21: #f9fafd;
		--renk22: #fff5e6;
		--renk23: #70be44;
		--renk24: #FFFF70;
		--renk25: #fffef3;
		--golge3: 0 4px 7px rgba(0,0,0,0.2);
		--golge4: 0 2px 3px rgba(0,0,0,0.1);

		--r1: #FFFFFF;
		--r2: #CCCCCC;
		--r3: #FAFAFA;
		--r4: #F0F0F0;
		--r5: #0000FF;
		--r6: #CCCCCC;
		--r7: #D98F8F;
		--r8: #EDF2F9;
	}
	/* HTML5 İÇİN KODLAR YAZILIYOR*/
	@media (max-width:768px) {
		html body { background:var(--renk10); }
		body #umenu { background:var(--renk10); }
		body #mmenu,#amenu { display:none !important; }
		body .mgizle { display:none !important; }
		body .mcenter { justify-content:center; text-align:center; }
		body .m100 { width:100%; }
		body .m30 { width:30%; }
		body .m50 { width:50%; }
		body .m70 { width:70%; }
		body .mcenter { text-align:center; }
		body .sol1 { display:none; position:fixed; left:0px; top:98px; z-index:8; background:var(--renk1); border-radius:0px; box-shadow:0 4px 7px #CCC; }
		body .sol2 { display:none; }
		body .u1 { height:auto; padding-top:58px; }
		body .u2 { width:100%; flex-wrap:wrap; }
		body .u3 { width:100%; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:0px; }
		body .u4 { margin-top:0px; }
		body .u5 { margin:20px 0; font-size:13px; }
		body .u8 a { width:50%; }
		body .orta { flex-wrap:wrap; padding-top:10px; }
		body .o13  { justify-content:center; padding:0px; text-align:center; font-size:12px; }
		body .o14  { justify-content:center; padding:0px; text-align:center; }
		body .o15 { height:40px; }
		body .o17 { height:40px; }
		body .u23 { padding:5px 0 20px 0px; font-size:12px; font-weight:400; color:#5e6e92; line-height:15px; }
		body .o26 { padding:10px; }
		body .o27 { flex-flow:row wrap; justify-content:start; }
		body .o29 { width:100%; margin:10px 0 0 0; padding:0px; display:flex; flex-flow:column-reverse wrap; }
		body .o30 { margin-top:10px; }
		body .o31 { flex-wrap:wrap; }
		body .go1-2 { position:fixed; left:0px; bottom:0px; border-radius:0px; margin:0px; box-shadow:0 -2px 3px rgba(0,0,0,0.1); z-index:10001 }
		body .go2 select { width:50%; }
		body .go3 { flex-flow:row wrap; justify-content:space-between; padding:5px 10px;  }
		body .go4 { width:49%; margin:0px; }
		body .go7 { width:100%; margin:10px 0; }
		body .go25 { flex-wrap:wrap; justify-content:center; }
		body .go25 div { width:100%; margin-bottom:30px; display:flex; align-items:center; justify-content:center; }
		body .gi1 { width:8%; }
		body .gb1 { width:8%; }
		body .gi3 { width:68%; margin-left:2%; }
		body .gb3 { width:62%; }
		body .gi4 { width:25%; }
		body .gb4 { width:25%; }
		body .gi7 { width:25%; }
		body .gb7 { width:25%; }
		body .galt2 { width:90%; } 
		body .galt3 { width:30%; }
		body .galt4 { width:40%; margin:0 5px; } 
		body .ba2 { padding-left:8px; }
		body .ba3 { width:40px; text-align:center; }
		body .gt2 { flex-flow:row wrap; }
		body .gt5 { width:25%; }
		body .gyok1 { padding:30px 0; }
		body .gyok2 { width:95%; }
		body .galt1 { width:95vw; } 
		body .grb1 { display:block; }
		body .alt  { padding:20px 0; text-align:center; } 
		body .altcerez { width:calc(98% - 20px); left:1%; bottom:1%; right:1%; }
	}
	@media (min-width:769px) {
		body .ngizle { display:none !important; }
	}
	@media (max-height:600px) {
		body .u1 { height:auto; }
	}

	#mmenu { position:fixed; left:0px; top:0px; width:100%; z-index:9; background:rgb(237,242,249); background: linear-gradient(0deg, rgba(237,242,249,1) 0%, rgba(236,242,248,1) 50%, rgba(237,242,249,1) 100%); }
	#umenu { width:100%; height:68px; position:sticky; position:-webkit-sticky; left:0px; top:0px; background:var(--renk10); border-radius:0px; z-index:9; }
	
	a:link		{ color: #2c7be9; text-decoration:none; }
	a:hover		{ color: #2362b7; text-decoration:underline; }
	a:active	{ color: #2c7be9; text-decoration:none; }
	a:visited	{ color: #2c7be9; text-decoration:none; }

	div { font-family: 'Rubik', sans-serif; font-size:14px; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); transition:0.3s; transform-origin:center; }
	input,select,textarea { font-family: 'Rubik', sans-serif; font-size:14px; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); transition:0.3s; transform-origin:center; }

	.fx1 { display:flex; align-items:center; }
	.fx2 { display:flex; align-items:center; justify-content:center; text-align:center; }
	.fx3 { display:flex; align-items:center; justify-content:space-between; }
	.fx4 { display:flex; align-items:center; justify-content:space-evenly; }
	.fxw { flex-wrap:wrap; }

	.f12		{ font-size:12px; }
	.f15		{ font-size:15px; }
	.gizle 		{ display:none; }
	.kalin 		{ font-weight:bold; }
	.ok			{ cursor:pointer; }
	.must		{ cursor:pointer; }
	.must:hover	{ background-color:#FFFF00; }
	.center 	{ text-align:center; }
	.mavi		{ color:#00F; }
	.yukleniyor { border-radius:7px; height:25px; box-shadow:0px 0px 7px #CCC; }
	#excbox		{ display:none; justify-content:center; align-items:center; overflow:auto; position:fixed; left:0px; top:0px; bottom:0px; width:100%; background-color:rgba(0, 0, 0, 0.8); z-index:99; }
	#toTop 		{ font-size:40px; opacity:0.7; cursor:pointer; position:fixed; bottom:20px; right:10px; display:none; z-index:999; transition:0.2s linear; }
	#bilgi 		{ display:none; width:100%; padding:10px 0; margin:10px 0; font-size:13px; font-weight:500; color:#934d59; text-align:center; background:#fde6d8; border:1px solid #fcd9c5; border-radius:5px; }
	#bilgi i 	{ font-size:18px; }
	#excfake	{ display:flex; justify-content:center; align-items:center; overflow:auto; position:fixed; left:0px; top:0px; bottom:0px; width:100vw; height:100vh; background-color: rgba(0, 0, 0, 0.2); z-index:99999999; }

	.scrl1::-webkit-scrollbar { width: 6px; cursor:pointer; }
	.scrl1::-webkit-scrollbar-thumb { background:#d5d9df; border-radius:6px; }
	.scrl1::-webkit-scrollbar-track { background:none; }

	.scrl2::-webkit-scrollbar { width: 3px; cursor:pointer; }
	.scrl2::-webkit-scrollbar-thumb { background:#d5d9df; border-radius:0px; }
	.scrl2::-webkit-scrollbar-track { background:none; }

	.scrl6::-webkit-scrollbar { width:5px; height:5px; cursor:pointer; }
	.scrl6::-webkit-scrollbar-thumb { background:#d5d9df; border-radius:0px; }
	.scrl6::-webkit-scrollbar-track { background:none; }

	.gooface	{ display:flex; align-items:center; justify-content:space-between; }
	.google		{ display:flex; align-items:center; width:49%; height:40px; font-size:clamp(12px,2.5vw,13px); font-weight:400; color:#FFF; border-radius:3px; background:#ff5c75; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; }
	.google:hover{ background:#b24052; }
	.google i	{ background:#b24052; padding:10px; margin-right:10px; font-size:20px; border-top-left-radius:5px; border-bottom-left-radius:5px; }
	.facebook	{ display:flex; align-items:center; width:49%; height:40px; font-size:clamp(12px,2.5vw,13px); font-weight:400; color:#FFF; border-radius:3px; background:#3051d3; cursor:pointer; }
	.facebook:hover{ background:#223993; }
	.facebook i	{ background:#223993; padding:10px; margin-right:10px; font-size:20px; border-top-left-radius:5px; border-bottom-left-radius:5px; }

	/*body { background:url(/sabit/resim/arkaplan2.jpg?v=1) no-repeat center top #edf2f9; background-size:cover; margin:0px; padding:0px; } */
	body { background:url(/sabit/resim/img-1.png?v=1) no-repeat left top #edf2f9; background-attachment:fixed; margin:0px; padding:0px; } 
	.edit1 { width:calc(100% - 32px); padding:5px 15px; height:25px; background:#FFF; font-size:16px; color:#344077; border:1px solid #d8e2ef; border-radius:5px; outline:none; resize:none;-webkit-transition:0.2s; transition:0.2s; -webkit-box-shadow:inset 0 1px 3px #EEE; -moz-box-shadow:inset 0 1px 3px #EEE; box-shadow:inset 0 1px 3px #EEE; -webkit-appearance:none; }
	.edit1:focus { box-shadow:0 0 0pt 2pt #c6daf7; -webkit-appearance:none; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; border:1px solid #96bdf2; outline-width:0px; }
	.edit1:disabled { background:#f1f7fe; color:#555; }
	.edit2 { width:calc(100% - 12px); padding:5px; height:23px; background:#FFF; font-size:14px; color:#344077; border:1px solid #d8e2ef; border-radius:3px; outline:none; resize:none;-webkit-transition:0.2s; transition:0.2s; -webkit-box-shadow:inset 0 1px 1px #EEE; -moz-box-shadow:inset 0 1px 1px #EEE; box-shadow:inset 0 1px 1px #EEE; -webkit-appearance:none; }
	.combo1 { width:100%; height:37px; padding-left:11px; background:#FFF; font-size:15px; color:#344077; border:1px solid #d8e2ef; border-radius:5px; outline:none; resize:none; -webkit-transition:0.2s; transition:0.2s; -webkit-box-shadow:inset 0 1px 3px #EEE; -moz-box-shadow:inset 0 1px 3px #EEE; box-shadow:inset 0 1px 3px #EEE; }
	.combo1:focus { box-shadow:0 0 0pt 2pt #c6daf7; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; border:1px solid #96bdf2; outline-width:0px; }
	.combo2 { width:100%; height:35px; padding-left:5px; background:#FFF; font-size:14px; color:#344077; border:1px solid #d8e2ef; border-radius:3px; outline:none; resize:none; -webkit-transition:0.2s; transition:0.2s; -webkit-box-shadow:inset 0 1px 1px #EEE; -moz-box-shadow:inset 0 1px 1px #EEE; box-shadow:inset 0 1px 1px #EEE; }
	.textarea1 { width:calc(100% - 6px); height:80px; padding:3px; background:#FFF; font-size:14px; color:#344077; border:1px solid #d8e2ef; border-radius:5px; outline:none; resize:none;-webkit-transition:0.2s; transition:0.2s; -webkit-box-shadow:inset 0 1px 3px #EEE; -moz-box-shadow:inset 0 1px 3px #EEE; box-shadow:inset 0 1px 3px #EEE; -webkit-appearance:none; }
	.textarea1:focus { box-shadow:0 0 0pt 2pt #c6daf7; -webkit-appearance:none; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; border:1px solid #96bdf2; outline-width:0px; }
	.buton1 { width:100%; height:38px; padding:0px; background:#2c7be5; border:1px solid #2c7be5; font-size:clamp(12px, 2.5vw, 15px); font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); }
	.buton1:hover { background:#2569c3; border:1px solid #2569c3;  }
	.buton2 { width:100%; height:38px; padding:0px; background:#00d27a; border:1px solid #00d27a; font-size:clamp(12px, 2.5vw, 15px); font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); }
	.buton2:hover { background:#00b368; border:1px solid #00b368; }
	.buton3 { width:100%; height:38px; background:#748194; border:1px solid #748194; font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); }
	.buton3:hover { background:#636e7e; border:1px solid #5d6776; }
	.buton4 { width:100%; height:38px; background:#fe2725; border:1px solid #fe2725; font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); }
	.buton4:hover { background:#f4121e; border:1px solid #f4121e; }
	.checkbox { width:16px; height:16px; border:1px solid #b6c1d2; border-radius:20%; appearance:none; -webkit-appearance:none; outline:none; cursor:pointer; }
	.checkbox:focus { box-shadow:0 0 0pt 2pt #c6daf7; -webkit-appearance:none; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; }
	.checkbox:checked { background-color:#2c7be5; }
	

	.i1  { position:absolute; display:flex; align-items:center; height:37px; padding:0 5px; right:0px; top:0px; cursor:pointer; color:#a26e82; }

	.a1 { width:100%; height:100vh; display:flex; justify-content:center; }
	.a2 { width:100%; position:relative; }

	
	.u1 { width:100%; height:100vh; display:flex; align-items:center; justify-content:center; }
	.u2 { width:786px; margin:10px; display:flex; flex-wrap:nowrap; border-radius:6px; box-shadow:0 0 15px #CCC; background:#FFF; }
	.u3 { width:42%; position:relative; background:url(../resim/efekt-1.png) no-repeat center -180px #257ae9; background-size:cover; border-top-left-radius:6px; border-bottom-left-radius:6px; }
	.u4 { display:flex; align-items:center; width:100%; margin-top:50px; justify-content:center; text-align:center; }
	.u4 h2 { font-weight:500; font-size:28px; color:#FFF; padding:0px; margin:0px; text-align:center; }
	.u5 { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; width:100%; margin:30px 0; letter-spacing:0.3px; font-weight:200; color:#cee3fc; }
	.u6 { display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:150px; }
	.u6-1 { display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:0px; }
	.u7 { display:flex; align-items:center; width:100%; margin-top:20px; color:#FFF; font-size:18px; justify-content:center; }
	.u8 { display:flex; align-items:center; justify-content:center; margin-top:20px; }
	.u8 a,a:link { width:40%; text-decoration:none; }
	.u9 { display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:40px; font-size:16px; font-weight:500; color:#FFF; border-radius:3px; background:none; border:1px solid #FFF; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; }
	.u9:hover { background:#FFF; color:#4d5969; }	
	.u10 {  } 	
	.u11 { width:58%; position:relative; }
	.u12 { display:flex; align-items:center; width:100%; margin-bottom:16px; }
	.u12 h2 { font-weight:500; font-size:28px; color:var(--renk18); padding:0px; margin:0px; }
	.u13 { display:flex; align-items:center; justify-content:space-between; width:calc(100% - 8px); margin:0 0 5px 5px; font-weight:500; color:#5e6e92; letter-spacing:0.2px; text-transform:uppercase; }
	.u13 span { font-size:11px; font-weight:400; color:#F00; letter-spacing:normal; }
	.u13 span i { font-size:16px; color:#5e6e92; cursor:pointer; }
	.u14 { display:flex; align-items:center; width:100%; margin-bottom:25px; position:relative; }
	.u14 .gr { position:absolute; right:10px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:12px; color:#777; }
	.u15 { display:flex; align-items:center; flex-wrap:wrap; justify-content: space-between; width:100%; }
	.u16 { display:flex; align-items:center; justify-content:space-between; width:48%; margin-bottom:8px; letter-spacing:0.2px; font-weight:500; color:#5e6e92; }
	.u16 span { font-size:11px; font-weight:400; color:#F00; letter-spacing:normal; }
	.u17 { display:flex; align-items:center; width:100%; height:30px; margin-top:10px; margin-bottom:20px; letter-spacing:0.2px; font-size:13px; font-weight:500; color:#5e6e92; }
	.u18 { display:flex; align-items:center; justify-content:center; width:100%; height:50px; text-align:center; font-weight:500; color:#5e6e92; }
	.u19 { width:48%; position:relative; }
	.u20 { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; width:100%; margin-bottom:20px; }
	.u21 { width:48%; height:30px; letter-spacing:0.2px; font-size:13px; font-weight:500; color:#5e6e92; display:flex; align-items:center; }
	.u22 { width:48%; height:30px; letter-spacing:0.2px; font-size:12px; font-weight:500; color:#F00; display:flex; align-items:center; text-align:right; justify-content:flex-end; }
	.u22 a { width:100%; color:#F00; }
	.u23 { padding:5px 0 30px 10px; font-size:12px; font-weight:400; color:#5e6e92; line-height:15px; }
	.u23-1 { width:100%; padding:0 0 20px 0px; font-size:12px; font-weight:400; color:#5e6e92; line-height:15px; }
	.u23-2 { padding:5px 0 0 10px; font-size:12px; font-weight:400; color:#5e6e92; line-height:15px; }
	.u24 { width:100%; display:flex; align-items:center; }
	
	/* BANNER ALANI */
	.ba1 { height:70px; display:flex; align-items:center; justify-content:space-between; }
	.ba2 { width:100%; padding-left:15px; font-size:20px; font-weight:500; color:#5e6e82; text-shadow:0 1px 0 #d0dff6; display:flex; align-items:center; background:url('../resim/logo-3.png?v=2') no-repeat 50px center; background-size:55%; }
	.ba3 { width:50px; text-align:center; font-size:20px; color:#5e6e82; }
	.ba4 { width:calc(100% - 90px); height:70px; display:flex; align-items:center; }
	.ba5 { max-width:20%; display:flex; align-items:center; justify-content:flex-end; }
	.ba6 { position:relative; font-size:21px; color:#6c6e71; padding:0 10px; }
	.ba6:hover { color:#171717; }
	.ba6 i { position:relative; } 
	.ba6 i span { display:none; align-items:center; justify-content:center; text-align:center; position:absolute; left:50%; top:-10px; width:14px; height:14px; font-family:Rubik; font-size:10px; font-weight:400; color:#FFF; background:#03F; border:2px solid #FFF; border-radius:100px; }
	.ba7 { font-size:21px; color:#6c6e71; padding:0 13px; display:flex; align-items:center; justify-content:center; }
	.ba7 img { height:32px; border-radius:100px; }
	
	/* SOL MENU */
	.sol1 { display:; width:250px; height:100vh; position:sticky; position:-webkit-sticky; top:0px; }
	.sol2 { height:68px; background:url('../resim/logo-3.png?v=2') no-repeat center center; background-size:90%; }
	.sol2 a { width:100%; height:68px; display:flex; align-items:center; justify-content:center; text-align:center; }
	.sol3 { margin-right:8px; height:calc(100vh - 82px); overflow:auto; }
	.sol4 { border-bottom:1px solid #dae0e5; }
	.sol5 { position:relative; padding:15px 0 0px 0; text-align:center; }
	.sol5 img { height:62px; border-radius:100px; border:1px solid #CCC; }
	.sol6 { padding:5px 0 10px 0; font-size:14px; font-weight:600; color:#343434; text-align:center; }
	.sol7 { position:relative; }
	.sol8 { padding:15px 0 5px 16px; color:#f58343; }
	.sol8 i { padding-right:10px; }
	.sol9 { padding:5px 0 5px 16px; font-size:22px; font-weight:600; color:#343434; }
	.sol10 { position:absolute; top:35%; right:10px; font-size:30px; color:#f58343; cursor:pointer; }
	.sol11 { }

	.ul1	{ font-size:15px; font-weight:500; color:#5e6e82; list-style:none; padding:0px; margin:0px; }
	.ul1 a	{ color:#333; }
	.ul1 li { position:relative; display:flex; align-items:center; padding:8px; margin:5px 0px; white-space:nowrap; border-radius:5px; border:1px solid rgba(255, 255, 255, 0); -webkit-background-clip:padding-box; background-clip:padding-box; cursor:pointer; border-bottom:1px dotted var(--renk9); }
	.ul1 li:hover { background:#FFFFFF; color:var(--renk18); border:1px solid #edf2f9; box-shadow:0 0 5px #EEE; }
	.ul1 li i { width:35px; height:35px; margin-right:15px; font-size:20px; display:flex; align-items:center; justify-content:center; background:rgb(255,255,255,0.4); border-radius:3px; }
	.ul1 hr { width:85%; height:1px; border:none; background:#dae0e5;  }

	.ul2	{ font-size:13px; font-weight:500; color:#5e6e82; list-style:none; padding:0px; margin:0px; }
	.ul2 li { padding:10px 0 10px 10px; border-bottom:1px solid #edf2f9; cursor:pointer; }
	.ul2 li:hover { background:#f2f4f8; border-bottom:1px solid #e4e9f0; } 

	.ssol { position:absolute; width:21px; height:21px; background:linear-gradient(90deg, #0f77ce 0%, #0456ae 100%); border-radius:100px; font-size:12px; color:#FFF; display:none; align-items:center; justify-content:center; right:10px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%);  }

	/* ORTA ALAN */
	.o1 { width:100%; }
	
	.o11	{ width:100%; display:flex; align-items:center; justify-content:space-between; }
	.o12	{ width:100%; color:var(--renk18); background:url(../resim/online-1.png) no-repeat right bottom #000; background-size:contain; }
	.o12-1	{ width:32%; color:var(--renk18); background:url(../resim/online-1.png) no-repeat right bottom #000; background-size:cover; }
	.o12-1:hover { background-color:#fafafa; }
	.o12-2	{ width:32%; color:var(--renk18); background:url(../resim/online-2.png) no-repeat right bottom var(--renk1); background-size:cover; }
	.o12-2:hover { background-color:#fafafa; }
	.o12-3	{ width:32%; color:var(--renk18); background:url(../resim/online-3.png) no-repeat right bottom var(--renk1); background-size:cover; }
	.o12-3:hover { background-color:#fafafa; }
	.o13	{ display:flex; align-items:center; height:40px; padding-left:20px; font-size:13px; font-weight:500; border-top-left-radius:7px; border-top-right-radius:7px; }
	.o14	{ display:flex; flex-flow:row wrap; align-items:center; padding-left:20px; }
	.o15	{ width:100%; height:60px; font-size:clamp(25px, 3.5vw, 30px); font-weight:500; }
	.o16	{ width:100%; height:30px; font-size:13px; font-weight:500; }
	.o17	{ width:100%; height:60px; font-size:clamp(16px, 3.5vw, 20px); font-weight:500; }
	.o18	{ display:flex; align-items:center; padding:20px 0 10px 20px; font-size:14px; font-weight:500; }
	
	.o21	{ width:100%; display:flex; align-items:center; justify-content:space-between; }
	.o22	{ width:100%; color:var(--renk18); }
	.o23	{ display:flex; align-items:center; height:50px; padding-left:20px; background:#f9fafd; font-size:13px; font-weight:500; border-top-left-radius:7px; border-top-right-radius:7px; }
	.o24	{ padding:20px; }
	.o25	{ width:50%; font-size:40px; font-weight:500; color:#5e6e82; text-align:center; }
	.o26	{ padding:20px; display:flex; flex-flow:row wrap; align-items:start; }
	.o27	{ padding:20px; display:flex; align-items:start; justify-content:space-between; }
	.o28	{ width:70%; }
	.o29	{ width:30%; margin-left:10px; padding-top:29px; }
	.o30	{ width:100%; margin-bottom:10px; }
	
	.o31	{ width:100%; display:flex; align-items:stretch; justify-content:space-between; }
	.o32	{ width:49%; }
	
	.orta { margin:0 8px; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.orta0 { margin:0 8px; display:flex; flex-wrap:wrap; }
	.orta1 { width:70%; }
	.orta2 { width:29%; }
	.orta3 { margin:0 8px; display:flex; flex-wrap:wrap; justify-content:space-evenly; }

	.kare1	{ background-color:var(--renk1); border-radius:7px; box-shadow:0 2px 4px rgba(0,0,0,0.1); margin-bottom:16px; }
	.kare2	{ background-color:var(--renk2); border-radius:7px; box-shadow:0 2px 4px rgba(0,0,0,0.1); margin-bottom:16px; }

	.kare3	{ background-color:#f9fafd; border-radius:5px; border:1px solid #d8e2ef; }
	.kare3 .baslik { display:flex; align-items:center; height:30px; padding-left:10px; font-size:13px; font-weight:500; color:#758295; }
	.kare3 .detay { padding-left:10px; font-size:12px; font-weight:400; color:#343434; }


	.g1 { display:flex; align-items:center; justify-content:space-evenly; height:100px; background:url(../resim/cizgi-1.png) repeat-x center 37px var(--renk16); border-bottom:1px solid #ddf8ff; border-top-left-radius:7px; border-top-right-radius:7px; }
	.g1-1 { display:flex; align-items:center; justify-content:space-evenly; height:60px; font-size:15px; font-weight:600; background:var(--renk16); border-bottom:1px solid var(--renk9); border-top-left-radius:7px; border-top-right-radius:7px; }
	.g1-2 { display:flex; align-items:center; justify-content:space-evenly; height:60px; font-size:15px; font-weight:600; background:#F00; color:#FFF; border-bottom:1px solid #ce0011; border-top-left-radius:7px; border-top-right-radius:7px; }
	.g1-3 { display:flex; align-items:center; justify-content:space-evenly; height:60px; font-size:15px; font-weight:600; background:#00d27a; color:#FFF; border-bottom:1px solid #00b368; border-top-left-radius:7px; border-top-right-radius:7px; }
	.g1-4 { display:flex; align-items:center; justify-content:space-evenly; height:60px; font-size:15px; font-weight:600; background:#00d27a; color:#FFF; border-bottom:1px solid #00b368; border-top-left-radius:7px; border-top-right-radius:7px; }
	.g2 { width:20%; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; cursor:pointer; }
	.g3 { width:40px; height:40px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:400; color:#9da9bb; border-radius:100px; background:#FFF; border:2px solid #d8e2ef; }
	.g4 { width:100%; margin-top:6px; font-size:13px; font-weight:600; color:#80839e; text-align:center; }
	.g5 { background:#2c7be5; color:#FFF; }
	.g6 { background:#00d27a; color:#FFF; border:#00d27a; }

	.gktgr0 { display:flex; align-items:center; justify-content:space-evenly; max-width:90px; background:#fde6d8; padding:5px 20px; border-radius:50px; font-size:clamp(10px,2.5vw,12px); font-weight:500; color:#9d5228; }
	.gktgr1 { display:flex; align-items:center; justify-content:space-evenly; max-width:90px; background:#d5e5fa; padding:5px 20px; border-radius:50px; font-size:clamp(10px,2.5vw,12px); font-weight:500; color:#574f93; }
	.gktgr2 { display:flex; align-items:center; justify-content:space-evenly; max-width:90px; background:#ccf6e4; padding:5px 20px; border-radius:50px; font-size:clamp(10px,2.5vw,12px); font-weight:500; color:#00864e; }
	.gktgr3 { display:flex; align-items:center; justify-content:space-evenly; max-width:90px; background:#f7503b; padding:5px 20px; border-radius:50px; font-size:clamp(10px,2.5vw,12px); font-weight:500; color:#FFFFFF; }
	.gktgr4 { display:flex; align-items:center; justify-content:space-evenly; max-width:90px; background:#e3e6ea; padding:5px 20px; border-radius:50px; font-size:clamp(10px,2.5vw,12px); font-weight:500; color:#8d899b; }
	.gktgr5 { display:flex; align-items:center; justify-content:space-evenly; max-width:90px; background:#f7503b; padding:5px 20px; border-radius:50px; font-size:clamp(10px,2.5vw,12px); font-weight:500; color:#FFFFFF; }

	.go1 { width:100%; background-color:var(--renk1); border-radius:7px; box-shadow:0 4px 7px #CCC; margin-bottom:16px; }
	.go1-1{ width:100%; background-color:var(--renk1); border-radius:7px; box-shadow:0 4px 7px #CCC; margin:20px 0 40px 0; }
	.go1-2 { width:100%; background-color:var(--renk1); border-radius:7px; box-shadow:0 4px 7px #CCC; margin-bottom:16px; }
	.go1-3 { width:100%; background-color:var(--renk1); border-radius:7px; box-shadow:0 4px 7px #CCC; margin-bottom:16px; }
	.go2 { display:flex; align-items:center; justify-content:space-between; height:50px; padding:0 5px 0 10px; font-size:clamp(14px, 2.5vw, 16px); font-weight:600; color:var(--renk18); }
	.go2 select { width:300px; margin-right:2px; cursor:pointer; }
	.go2 input { width:200px; margin-right:2px; cursor:pointer; }
	.go3 { display:flex; align-items:center; padding:5px 10px 10px 10px; border-top:1px solid #edf2f9; }
	.go4 { width:20%; display:flex; flex-flow:row wrap; margin-right:10px; }
	.go5 { width:100%; height:30px; padding-left:5px; display:flex; align-items:center; font-size:12px; font-weight:600; color:var(--renk18); white-space:nowrap; }
	.go6 { width:100%; }
	.go7 { width:20%; display:flex; flex-flow:row wrap; margin-right:10px; }
	.go8 { display:flex; align-items:center; }
	.go8 i { margin-right:20px; font-size:20px; cursor:pointer; background:#edf2f9; padding:8px; border-radius:20px; }
	.go8 input { width:150px; }
	.go9 { width:100%; display:flex; align-items:center; justify-content:space-between; }
	.go9 input { width:49%; }
	
	.go10 { display:flex; align-items:stretch; flex-flow:row nowrap; height:42px; background: rgb(237,242,249); background: linear-gradient(0deg, rgba(224,230,237,1) 0%, rgba(237,242,249,1) 100%); border-bottom:1px solid #d1d6dd; border-top:1px solid #e5eaf1; }
	.go10 div { font-weight:600; color:var(--renk18); }
	.go20 { width:100%; display:flex; align-items:stretch; flex-flow:row nowrap; border-bottom:1px solid #edf2f9; background:#FFFFFF; }
	.go20 div { padding:15px 0; color:var(--renk18); }
	.go20:hover { background:#edf2f9; }
	.go21 { width:100%; display:flex; align-items:stretch; flex-flow:row nowrap; border-bottom:1px solid #edf2f9; background:#f9fafd; }
	.go21 div { padding:15px 0; color:var(--renk18); }
	.go21:hover { background:#edf2f9; }
	.gdetay { display:none; border-top:1px solid #DDD; border-bottom:2px solid #DDD; background:#FFF; }
		
	.go22 { width:100%; padding:15px 0; display:flex; align-items:center; flex-flow:row nowrap; justify-content:space-between; }
	.go23 { padding:10px; display:flex; align-items:center; justify-content:space-between; }
	.go24 { width:100%; padding:15px 0; display:flex; align-items:center; flex-flow:row nowrap; justify-content:space-between; font-weight:600; background:#FFC; border-bottom:1px solid #d9dee5; cursor:pointer; }
	
	.go25 { display:flex; align-items:center; justify-content:space-between; }
	
	.gb1 { width:5%; text-align:center; }
	.gb2 { width:5%; text-align:center; }
	.gb3 { width:30%; white-space:nowrap; }
	.gb4 { width:15%; text-align:center;}
	.gb5 { width:10%; text-align:right; white-space:nowrap; }
	.gb6 { width:20%; text-align:center;}
	.gb7 { width:20%; }
	.gb8 { width:30%; text-align:center; }
	
	.gi1 { width:5%; text-align:center; color:#565656; }
	.gi1 i { font-size:20px; }
	.gi2 { width:5%; text-align:center; font-size:13px; color:var(--renk3);  }
	.gi3 { width:33%; margin-left:2%; display:flex; align-items:center; }
	.gi4 { width:15%; text-align:center; font-size:clamp(13px, 2.5vw, 15px); color:var(--renk3); display:flex; align-items:center; justify-content:center;  }
	.gi5 { width:10%; text-align:right;  font-size:13px; color:var(--renk3); display:flex; align-items:center; justify-content:flex-end; }
	.gi6 { width:20%; text-align:center; font-size:13px; color:var(--renk3); display:flex; align-items:center; justify-content:center; }
	.gi7 { width:20%; font-size:13px; color:var(--renk3); display:flex; align-items:center; justify-content:center; }
	.gi8 { width:30%; display:flex; align-items:center; justify-content:center; }

	.gb13 { width:25%; display:flex; align-items:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	.gb14 { width:50%; display:flex; align-items:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	.gb15 { width:25%; display:flex; align-items:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	.gi13 { width:25%; display:flex; align-items:center; }
	.gi14 { width:50%; display:flex; align-items:center; }
	.gi15 { width:25%; display:flex; align-items:center; }

	
	.gd1 { width:calc(15% - 10px); padding:5px; margin-bottom:5px; font-size:13px; font-weight:400; color:var(--renk18); background:#FAFAFA; border-radius:5px; }
	.gd2 { width:calc(85% - 20px); padding:5px 10px; font-size:13px; font-weight:400; color:var(--renk18); }
	
	#arasonuc { width:100%; }
	#arasonuc img { margin:10px; }
	
	.galt1 { width:100%; display:flex; align-items:center; justify-content:center; } 
	.galt2 { height:75px; width:50%; display:flex; align-items:center; } 
	.galt3 { width:20%;}
	.galt3 input { height:30px; }
	.galt4 { width:60%; margin:0 10px; } 
	.galt4 select { width:100%; }	

	.gsyf { padding:10px; display:flex; align-items:center; font-size:13px; color:#343434; }

	.gyok1 { width:100%; padding:70px 0; display:flex; align-items:center; justify-content:center; }
	.gyok2 { width:400px; text-align:center; }
	.gyok3 { font-size:21px; font-weight:600; color:#4d5969; }
	.gyok4 { margin:20px 0; }
	.gyok5 { padding:0; margin-bottom:30px; font-size:14px; font-weight:400; color:#6380b3; }

	#kload { display:flex; align-items:center; font-size:14px; }

	.gt2 { width:100%; display:flex; align-items:start; justify-content:space-between; }
	.gt3 { width:49%; display:flex; align-items:center; justify-content:space-between; }
	.gt4 { width:100%; background:url(sabit/resim/online-1.png) no-repeat right bottom #FFF; background-size:cover; }
	.gt4-2 { width:100%; background:url(sabit/resim/online-2.png) no-repeat right bottom #FFF; background-size:cover; }
	.gt5 { width:20%; text-align:center; padding:5px 10px; background-color:rgba(249,250,253,0.4); border-radius:5px; border:1px solid #d8e2ef; }
	.gt6 { padding:10px 20px; font-size:14px; font-weight:500; }
	
	.gt7 {   padding:8px; border:1px solid #CCC; border-radius:0px; box-shadow:0 0 5px #DDD; }
	.gt7 p { padding:8px; margin:8px; font-size:13px; border:1px solid #dbe0e7; border-radius:7px; background:#edf2f9; }
	.gt7 p img { width:100%; }
	.gt7 li { padding:8px; margin:8px; font-size:13px; border:1px solid #dbe0e7; border-radius:7px; background:#edf2f9; }
	.gt7 li img { width:100%; }

	.gt7:focus { -webkit-appearance:none; border:1px solid #AAA; outline-width:0px;}
	
	.gt8 { width:100%; }
	.gt9 { display:flex; flex-flow:row wrap; align-items:center; justify-content:center; padding-bottom:10px; text-align:center; border-bottom:1px solid #d8e2ef; }
	.gt10 { font-size:clamp(20px, 3.5vw, 25px); font-weight:600; color:#096cb8; padding:0px 75px 0px 20px; }
	.gt11 { font-size:clamp(15px, 3.5vw, 20px); font-weight:500; color:#f5803e; padding:0px 75px 10px 20px; }
	.gt12 { display:flex; align-items:center; justify-content:space-between; padding:20px }
	.gt13 { font-size:16px; font-weight:500; }
	.gt14 { padding:0 5px 10px 20px; font-size:12px; font-weight:400; position:relative; }
	
	#kanitlar  { width:100%; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; }
	.drp1 { width:120px; padding:2px; margin:3px; background:#FFF; border:1px solid #CCC; border-radius:5px; }
	.drp2 { width:100%; height:100px; border-radius:3px; display:flex; align-items:center; justify-content:center; }
	.drp3 { width:100%; height:32px; display:flex; align-items:center; justify-content:space-evenly; }
	.drp3 i { font-size:15px; cursor:pointer; }

	.grb1 { padding:0px 10px 0px 20px; display:flex; justify-content:space-between; }
	.grb2 { display:flex; justify-content:space-between; margin-bottom:10px; }
	.grb3 { display:flex; align-items:center; width:50%; padding:8px; background:#edf2f9; border:1px solid #dae4ef; border-top-left-radius:5px; border-bottom-left-radius:5px; font-size:13px; font-weight:400; }
	.grb4 { display:flex; align-items:center; width:50%; padding:8px; background:#FFFFFF; border:1px solid #dae4ef; border-left:0px; border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:15px; font-weight:500; -webkit-box-shadow:inset 0 1px 3px #EEE; -moz-box-shadow:inset 0 1px 3px #EEE; box-shadow:inset 1px 1px 3px #EEE; }
	.grb4 span { font-size:12px; margin-left:5px; color:#666; }
	.grb5 { width:33%; }
	.grb6:hover { box-shadow:0 0 0pt 2pt #c6daf7; -webkit-appearance:none; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; outline-width:0px; border-radius:5px; cursor:pointer; }

	.grb11 { padding:0px; display:flex; flex-flow:row wrap; justify-content:space-evenly; }
	.grb13 { display:flex; align-items:center; justify-content:center; text-align:center; padding:8px; background:#edf2f9; border:1px solid #dae4ef; border-top-left-radius:5px; border-top-right-radius:5px; font-size:13px; font-weight:400; }
	.grb14 { display:flex; align-items:center; justify-content:center; text-align:center; padding:8px; background:#FFFFFF; border:1px solid #dae4ef; border-top:0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-size:15px; font-weight:500; -webkit-box-shadow:inset 0 1px 3px #EEE; -moz-box-shadow:inset 0 1px 3px #EEE; box-shadow:inset 1px 1px 3px #EEE; }
	.grb15 { width:90px; margin-bottom:10px; }
	.grb15:hover { box-shadow:0 0 0pt 2pt #c6daf7; -webkit-appearance:none; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; outline-width:0px; border-radius:5px; cursor:pointer; }


	#bil1 { display:none; position:absolute; right:38px; top:55px; width:300px; z-index:98; background:#FFF; border:1px solid #d8e2ef; border-radius:5px; box-shadow:0 0 5px #DDD; }
	#bil2 { overflow:auto; max-height:350px; }
	.bil2 { position:absolute; right:30px; top:-5px; color:#FFFFFF; z-index:99; }
	.bil3 { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d8e2ef; }
	.bil4 { padding:8px; font-size:13px; font-weight:500; }
	.bil5 { padding:8px; font-size:12px; font-weight:400; cursor:pointer; }
	.bil6 { width:100%; padding:10px 0; font-size:14px; text-align:center; border-top:1px solid #d8e2ef; }
	.bil7 { width:100%; padding:50px 0; font-size:22px; text-align:center; }
	.bil7 i { font-size:32px; }
	.bil8 { border-bottom:1px solid #d8e2ef; }
	.bil9 { background:#edf2f9; }
	.bil10 { width:100%; display:flex; flex-flow:row nowrap; align-items:center; }
	.bil11 { color:# }
	.bil11 div { width:100%; display:flex; align-items:center; padding:5px 0; font-size:11px; font-weight:400; color:#748194; }


	.ubi1 { display:flex; align-items:flex-end; height:300px; background:url(/sabit/resim/arkaplan-4.jpg) no-repeat left top var(--renk1); position:relative; }
	.ubi1 div { position:relative; width:100%; height:100px; background:var(--renk1); border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
	.ubi1 div img { position:absolute; left:40px; bottom:30px; height:170px; border:5px solid #FFF; border-radius:500px; box-shadow:0 3px 5px #CCC; }
	.ubi1 div span { position:absolute; position:absolute; left:85px; bottom:3px; display:flex; align-items:center; justify-content:center; }
	.ubi1 div span i { margin:0 10px; font-size:20px; cursor:pointer; color:#F00; }

	.ubi2 { width:100%; display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; }
	.ubi3 { height:50px; padding-left:20px; display:flex; align-items:center; background:var(--renk7); font-size:18px; font-weight:500; color:var(--renk5); border-top-left-radius:8px; border-top-right-radius:8px; }
	.ubi4 { padding:20px; background:var(--renk1); border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
	.ubi5 { display:flex; align-items:center; }
	
	.ubi6 { width:69%; }
	.ubi7 { width:30%; }

	.ubi8 { height:50px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; background:#f9fafd; font-size:16px; font-weight:500; color:var(--renk18); border-bottom:1px solid #d8e2ef; border-top-left-radius:8px; border-top-right-radius:8px; }
	.ubi8 span { font-size:13px; font-weight:400; color:#677be9; cursor:pointer; }


	.tb1 { height:42px; background:var(--renk10); display:flex; align-items:stretch; flex-flow:row nowrap; justify-content:stretch;  }
	.tb1 div { display:flex; align-items:center; flex-grow:1; font-size:clamp(13px, 2.5vw, 14px); font-weight:500; }

	.tb2 { padding:20px 0; background:var(--renk11); display:flex; align-items:stretch; flex-flow:row nowrap; justify-content:stretch; border-bottom:1px solid var(--renk13); }
	.tb2 div { display:flex; align-items:center; flex-grow:1; font-size:clamp(13px, 2.5vw, 13px); font-weight:400; }

	.tb3 { background:var(--renk12); }
	.tb4 { justify-content:center; text-align:center; }
	.tb5 { flex-flow:row wrap; }

	.soz1 { width:100%; background:var(--renk1); border-radius:7px; box-shadow:var(--golge3); }
	.soz2 { display:flex; align-items:center; height:50px; padding:0 20px; background:var(--renk21); font-size:clamp(14px, 2.5vw, 18px); color:var(--renk4); border-top-left-radius:7px; border-top-right-radius:7px; }
	.soz3 { padding:20px; font-size:14px; color:#827082; }


	.alt { padding:10px 0 10px 8px; font-size:13px; color:#748194; }
	.alt1 { position:absolute; left:0px; right:0px; bottom:0px; padding:10px 0 0px 0; background: linear-gradient(0deg, rgba(237,242,249,1) 0%, rgba(237,242,249,0) 100%); text-align:center; font-size:20px; color:#63686d; border-bottom-left-radius:7px; border-bottom-right-radius:7px; z-index:2; cursor:pointer; }	

	.buy1 { width:280px; }
	.buy2 { margin:5px; background:url(/sabit/resim/online-3.png) no-repeat right bottom var(--renk1); background-size:cover; border-radius:7px; border:1px solid var(--renk1); box-shadow:0 0 5px #CCC; } 
	.buy3 { text-align:center; padding:30px 0 20px 0; }
	.buy4 { font-size:16px; font-weight:300; color:#4289e8; text-align:center;}
	.buy5 { font-size:30px; font-weight:600; color:#f58b50; text-align:center; }
	.buy6 { display:flex; align-items:center; justify-content:center; height:60px; font-size:15px; font-weight:400; color:#787da7; text-align:center; }
	.buy6 span { padding:5px 15px; margin-left:10px; background:#FFF; border:1px solid #d0f7eb; border-radius:7px; font-size:17px; font-weight:600; }


	.iu1 { list-style:none; padding:0px; margin:0px; display:flex; flex-wrap:nowrap; }
	.iu1 li { display:flex; align-items:center; float:left; padding:10px clamp(5px,2.5vw,20px); margin-right:clamp(0px,2.5vw,10px); border:2px solid rgba(0,0,0,0); color:#EEEEEE; text-align:center; cursor:pointer; }
	.iu1 li:hover { border-bottom:2px solid #EEE; color:#FFFFFF; }

	.iu2 { list-style:none; padding:0px; margin:0px; display:flex; flex-wrap:nowrap; }
	.iu2 li { float:left; margin:0 clamp(5px,2.5vw,20px); }
	.iu2 li input { padding:0 clamp(0px,2.5vw,20px); }
	
	.in1 { font-size:13px; font-weight:400; color:var(--renk3); text-align:center; margin:20px; opacity:0.7; cursor:pointer; z-index:7; }
	.in1:hover { opacity:1; }
	.in1 img   {  width:60px; }
	.in2 { width:100%; display:flex; justify-content:center; background:rgb(31,154,250,0.8); border-bottom:1px solid #008fee; position:fixed; left:0px; top:0px; right:0px; box-shadow:0 2px 3px rgba(0,0,0,0.1); z-index:999999; }
	.in3 { width:50px; text-align:center; font-size:20px; color:#FFFFFF; }
	.in5  { width:768px; margin-bottom:100px; display:flex; justify-content:center; align-items:center; }
	.in24 { width:768px; margin-bottom:100px; display:flex; justify-content:center; align-items:center; }

	.in11 { width:100%;  display:flex; justify-content:center; background:url(/sabit/resim/index-3.png) no-repeat right bottom, url(/sabit/resim/index-2.jpg) no-repeat left center; background-size:auto, cover; }
	.in12 { width:1440px; padding-top:108px; display:flex; flex-wrap:wrap; }
	.in13 { width:371px; background:url(/sabit/resim/iphone.png) no-repeat left top; }
	.in14 { width:400px; }
	.in14 h1 { margin:20px 0; font-size:70px; }
	.in14 h2 { font-size:clamp(14px, 2.5vw,16px); color:#EEEEEE; font-weight:400; background:rgba(0,0,0,0.3); border-radius:9px; padding:10px; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
	.in14 h3 { font-size:clamp(15px, 2.5vw,17px); color:#FFFFFF; font-weight:500; background:rgba(0,0,0,0.4); border-radius:109px; padding:10px; text-align:center; text-shadow:0 1px 1px rgba(0,0,0,0.8); }
	.in15 { width:100%; display:flex; justify-content:center; background:var(--renk7); box-shadow:var(--golge4); }
	.in16 { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; cursor:ew-resize; }
	.in17 { width:100%; display:flex; justify-content:center; }
	.in18 { width:1440px; display:flex; flex-wrap:wrap; justify-content:center; }
	.in18 iframe { width:100%; height:350px; }
	.in19 { width:100%; padding:100px 0; }
	.in19 h1 { font-size:40px; font-weight:500; text-align:center; color:#344050; margin:0px; }
	.in19 h3 { margin:0 10%; font-size:16px; font-weight:400; text-align:center; color:#667589; font-weight:400; }
	.in20 { width:40%; text-align:center; }
	.in20 img { width:90%; border-radius:20px; box-shadow:0 2px 3px rgba(0,0,0,0.1); }

	.in21 { width:60%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
	.in22 { width:70%; font-size:25px; font-weight:500; color:#344050; text-align:center; }
	.in23 { width:70%; font-size:14px; font-weight:400; color:#667589; text-align:center; }
	
	.in25 { width:100%; display:flex; align-items:center; justify-content:space-between; }
	.in25 iframe { width:48%; margin:1%; height:320px; border-radius:9px; }
	
	.in30 { width:100%; display:flex; justify-content:center; background:url(/sabit/resim/index-4.jpg) no-repeat center center; background-size:cover; }
	.in31 { width:1440px; padding:80px 0; display:flex; flex-wrap:wrap; justify-content:center; text-align:center; }
	.in32 { width:100%; padding-bottom:30px; font-size:clamp(24px,2.5vw,30px); font-weight:300; color:#FFF; }
	.in33 { padding:10px 50px; font-size:16px; font-weight:600; color:#FFF; border:2px solid #FFF; border-radius:100px; cursor:pointer; }
	.in33:hover { color:#323232; background:#FFFFFF; }


	.in40 { width:100%; padding:60px 0; display:flex; justify-content:center; background:var(--renk1); }
	.in41 { width:1440px; display:flex; flex-wrap:nowrap; justify-content:center; }

	.in50 { width:100%; display:flex; justify-content:center; background:#0b1727; }
	.in51 { width:1440px; padding:30px 0; display:flex; flex-wrap:nowrap; justify-content:center; }

	.ix1 { width:30%; margin:10px; padding:10px; border:5px solid var(--renk12); border-radius:11px; background:linear-gradient(45deg, rgba(64,195,81,1) 0%, rgba(86,213,99,1) 100%); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; box-shadow:0 0px 3px rgba(0,0,0,0.1); }
	.ix2 { width:70%; margin:10px; padding:10px; border:5px solid var(--renk12); border-radius:11px; background:var(--renk1); box-shadow:0 0px 3px rgba(0,0,0,0.1); display:flex; flex-wrap:nowrap; }
	.ix3 { width:50%; display:flex; flex-wrap:wrap; }
	.ix4 { width:30%; display:flex; align-items:center; }
	.ix5 { width:70%; display:flex; align-items:center; }
	.ix6 { width:50%; margin:10px; }
	.ix6 textarea { width:calc(100% - 22px); height:150px; padding:10px; margin:0px; }
	.ix7 { width:100%; display:flex; align-items:center; }

	.ic1 { width:33.33%; color:#d9dbde; }
	.ic1 h2 { font-size:18px; font-weight:500; }
	.ic1 h3 { font-size:14px; font-weight:400; width:80%; color:#748194; }
	.ic1 ul { list-style:none; padding:0px; }
	.ic1 a:hover { color:#748194; text-decoration:underline; }
	.ic1 li { padding-bottom:10px; color:#748194; cursor:pointer; }
	.ic1 li i { padding-right:8px; }

	.satir1 { width:100%; display:flex; align-items:stretch; flex-flow:row nowrap; border-bottom:1px solid #edf2f9; background:#FFFFFF; cursor:pointer; }
	.satir1:hover { background:#e0e6ed; }
	.satir2 { background:#f9fafd; }
	.satir3 { display:flex; align-items:stretch; flex-flow:row nowrap; height:42px; background: rgb(237,242,249); background: linear-gradient(0deg, rgba(224,230,237,1) 0%, rgba(237,242,249,1) 100%); border-bottom:1px solid #d1d6dd; border-top:1px solid #e5eaf1; }


	
	@media (max-width:768px) {
		body .iu1 { display:none; position:fixed; left:0px; right:0px; top:59px; z-index:999; background:rgb(31,154,250,0.9); border-radius:0px; box-shadow:0 2px 3px rgba(0,0,0,0.1); }
		body .iu1 li { float:none; padding:10px 20px; margin:0px; border:0px solid rgba(0,0,0,0); z-index:999; }
		body .iu1 li:hover { background:rgb(255,255,255,0.8); color:#333333; border:0px solid rgba(0,0,0,0); font-weight:600; }
		
		body .in12 { padding-top:60px;  flex-flow: column-reverse nowrap; }
		body .in13 { height:250px; width:100%; background:url(/sabit/resim/iphone.png) no-repeat center top; }
		body .in14 { width:96%; margin:0 2%; text-align:center; }
		body .in14 h1 { margin:10px 0; font-size:40px; }
		
		body .in19 { padding:40px 0; }
		body .in19 h1 { font-size:25px; }
		body .in19 h3 { margin:0 15px; font-size:13px; }
		
		body .in5 { width:90%; flex-wrap:wrap; }
		body .in20 img { width:100%; }
		body .in21 { width:100%; padding-top:20px; }
		body .in22 { width:100%; text-align:center; }
		body .in23 { width:100%; text-align:center; }
		body .in24 { width:90%; flex-flow: column-reverse nowrap; }

		body .in25 { width:100%; flex-wrap:wrap;}
		body .in25 iframe { width:100%; height:320px; }
		body .in40 { padding:30px 0; }
		body .in41 { flex-wrap:wrap; }
		body .ix2 { flex-wrap:wrap; }
		body .ix4 { margin-bottom:8px; }
		body .ix5 { margin-bottom:8px; }
		body .ix6 { margin:10px 0 0 0; }
		body .ix7 { margin-bottom:8px; }
		
		body .in51 { flex-wrap:wrap; }
		body .ic1 { margin-bottom:8px; }
		body .ic1 { width:100%; text-align:center; }
		body .ic1 h3 { width:calc(100% - 40px); padding:0 20px; }
	}


	@media (max-width:768px) {
		body .xt0 { width:calc(100vw - 38px); }
		body .xt01 { width:calc(100vw - 16px); }
	}

	.center2	{ justify-content:center; text-align:center; }
	.right2 	{ width:calc(100% - 5px); text-align:right; padding-right:7px; }
	.right3 	{ justify-content:flex-end; }
	.xt0  { width:calc(100% - 2px); overflow-x:auto; border:1px solid #d3dbe9; border-top:0px; border-radius:5px; }
	.xt01 { width:100%; overflow-x:auto; }
	.xt1 { float:left; }
	.xt2 { width:calc(100% - 16px); height:50px; padding:0 7px; position:relative; background:#F2F2F2; border:1px solid #FFF; display:flex; align-items:center; justify-content:space-between; }
	.xt3 { background:rgb(228,228,228); background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(240,240,240,1) 50%, rgba(247,247,247,1) 100%); display:flex; align-items:stretch; }
	.xt4  { padding:10px 3px 10px 7px; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	.xt4 .fad { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); } 
	.xt4 .fad { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); } 
	.xt4:last-child { border-right:0px;  }
	.xt4 span { margin:0 3px 0 7px; }
	.xt4 select { margin:0 5px; }
	.xt4 input { margin:0 5px; }
	.xt4 textarea { margin:0 5px; }
	.xt5 { display:flex; align-items:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	.xt6 { display:flex; align-items:stretch; }
	.xt7  { padding:10px 3px 10px 7px; border-top:1px solid #d3dbe9; border-right:1px solid #d3dbe9; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:hidden; }
	.xt7:last-child { border-right:0px;  }
	.xt8 { width:100%; overflow-x:auto; border:1px solid #d3dbe9; border-radius:5px; }
	.xt9  { padding:3px; border-top:1px solid #d3dbe9; border-right:1px solid #d3dbe9; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:hidden; position:relative; }
	.xt9:last-child { border-right:0px;  }
	
	.xt21 { background:var(--renk7); padding:5px 7px; border-radius:5px; border:1px solid var(--renk9); cursor:pointer; }	
	

	.ulke1 { display:none; width:calc(100% - 2px); max-height:200px; overflow:auto; position:absolute; left:0px; top:37px; right:0px; background:#FFF; border:1px solid #CCC; border-top:0px; border-top-left-radius:5px; border-top-right-radius:5px; z-index:99; }
	.ulke2 { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:18px; cursor:pointer; border-left:1px solid #edf2f9; padding:0 7px; }
	
	.checkbox1 { height:0; width:0; visibility:hidden; }
	.label1 { width: 56px; height:28px; cursor: pointer; text-indent: -9999px; background: grey; display: block; border-radius:100px;	position:relative; }
	.label1:after { width:26px; height:26px; top:1px; left:1px; content: ''; position: absolute; background:#fff; border-radius:90px; transition:0.3s; }
	.checkbox1:checked + .label1 { background: #2c7be5; }
	.checkbox1:checked + .label1:after { left: calc(100% - 1px); transform: translateX(-100%); }
	.label1:active:after {width: 30px; }

	.loader1 { width:25px; height:25px; border:5px solid #f3f3f3; border-top:5px solid #3498db; border-radius:50%; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; }
	@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

	::placeholder { font-size:14px; }

	.unsel { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

	.altcerez { position:fixed; padding:10px; width:25%; left:1%; bottom:2%; background-color:rgba(0,0,0,0.9); font-size:12px; color:#EEE; text-align:left; line-height:20px; border-radius:5px; }
	.altcerez i { position:absolute; top:5px; right:5px; font-size:18px; color:#F00; cursor:pointer; }
	.altcerez p { padding:0px; margin:0px; }
	.altcerez a:link { color:#CF3; font-weight:bold; }


	.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; }
	.lds-ripple div { position: absolute; border: 4px solid #fff; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
	.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
	@keyframes lds-ripple {0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
		4.9% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
		5% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}
		100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}
	}




	@media (max-width:768px) {
		body #a0 { width:calc(100vw - 26px); }
	}
	
	#a0 { width:calc(100vw - 276px); }
	#a1 { width:100%; }
	#a3 { width:100%; display:flex; overflow:auto; }

	#a4 { width:200px; margin:5px; border:1px solid #cfd4da; border-radius:3px; background:#f9fafd; box-shadow:0 0 5px rgb(0,0,0,0.1); }
	#a5 { width:200px; margin:5px; border:1px solid #cfd4da; border-radius:3px; background:#999999; color:#FFF; box-shadow:0 0 5px rgb(0,0,0,0.1); }
	.a6 { width:100%; height:300px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; }
	
	.s0 { width:100%; display:flex; align-items:stretch; justify-content:space-between; }
	.s1 { width:100%; min-height:35px; margin:2px; font-size:14px; font-weight:500; border:1px solid #c7cdd3; border-radius:3px; display:flex; align-items:center; justify-content:center; text-align:center; background:#FFF; cursor:pointer; }
	.s1:hover { background:#FF0; color:#000; }
	.s2 { width:calc(100% - 4px); margin:2px; padding:10px 0; color:#212121; font-weight:600; text-align:center; background:rgb(237,242,249); background:linear-gradient(0deg, rgba(224,230,237,1) 0%, rgba(237,242,249,1) 100%); border-radius:3px; }
	.s3 { width:calc(100% - 22px); padding:10px; font-size:14px; font-weight:500; border:1px solid #c7cdd3; border-radius:3px; display:flex; align-items:center; justify-content:center; text-align:center; }
	
	.c0 { width:100%; min-height:35px; margin:2px; font-size:14px; font-weight:500; border:1px solid var(--renk9); border-radius:3px; display:flex; align-items:center; justify-content:center; text-align:center; background:#FFF; cursor:pointer; }
	.c1 { background:#F00; color:#FFF; font-size:11px; font-weight:400; text-align:center; opacity:0.9; cursor:not-allowed; line-height:14px; }
	.c2 { background:#F00; color:#FFF; font-size:11px; font-weight:400; text-align:center; opacity:0.9; cursor:not-allowed; line-height:14px; background:linear-gradient(0deg, rgba(220,53,44,1) 0%, rgba(234,67,53,1) 100%); border:1px solid #c92102; }
	.c3 { background:#666; color:#FFF; font-size:11px; font-weight:400; text-align:center; cursor:not-allowed; line-height:14px; }
	.c4 { background:#00F; color:#FFF; font-size:11px; font-weight:400; text-align:center; line-height:14px; background:linear-gradient(0deg, rgba(50,125,235,1) 0%, rgba(66,133,244,1) 100%); }
	.c5 { background:linear-gradient(#74ad5a, #68a54b); color:#FFF; font-size:11px; font-weight:400; text-align:center; line-height:14px; }
	.c6 { background:#44c767; color:#FFF; font-size:11px; font-weight:400; text-align:center; line-height:14px; }
	.c7 { background:#cc9717; color:#111; font-size:11px; font-weight:400; text-align:center; opacity:0.9; cursor:pointer; line-height:14px; background:linear-gradient(0deg, rgba(204,151,21,1) 0%, rgba(203,154,24,1) 100%); border:1px solid #ba8b00; }







	.font9  { font-size:9px; }
	.font10 { font-size:10px; outline:none; resize:none; -webkit-appearance:none; }
	.font11 { font-size:11px; outline:none; resize:none; -webkit-appearance:none; }
	.font12 { font-size:12px; outline:none; resize:none; -webkit-appearance:none; }
	.font13 { font-size:13px; outline:none; resize:none; -webkit-appearance:none; }
	.font14 { font-size:14px; outline:none; resize:none; -webkit-appearance:none; }
	.font15 { font-size:15px; outline:none; resize:none; -webkit-appearance:none; }
	.font16 { font-size:16px; outline:none; resize:none; -webkit-appearance:none; }
	.font17 { font-size:17px; outline:none; resize:none; -webkit-appearance:none; }
	.font18 { font-size:18px; outline:none; resize:none; -webkit-appearance:none; }
	.font19 { font-size:19px; outline:none; resize:none; -webkit-appearance:none; }
	.font20 { font-size:20px; outline:none; resize:none; -webkit-appearance:none; }
	.font21 { font-size:21px; outline:none; resize:none; -webkit-appearance:none; }
	.font22 { font-size:22px; outline:none; resize:none; -webkit-appearance:none; }
	.font23 { font-size:23px; outline:none; resize:none; -webkit-appearance:none; }
	.font24 { font-size:24px; outline:none; resize:none; -webkit-appearance:none; }
	.font25 { font-size:25px; outline:none; resize:none; -webkit-appearance:none; }
	.font30 { font-size:30px; outline:none; resize:none; -webkit-appearance:none; }
	.font32 { font-size:32px; outline:none; resize:none; -webkit-appearance:none; }
	.font35 { font-size:35px; outline:none; resize:none; -webkit-appearance:none; }
	.font40 { font-size:40px; outline:none; resize:none; -webkit-appearance:none; }
	.font45 { font-size:45px; outline:none; resize:none; -webkit-appearance:none; }
	.font50 { font-size:50px; outline:none; resize:none; -webkit-appearance:none; }
	
	.font10gray { font-size:10px; color:#777777; }
	.font11gray { font-size:11px; color:#777777; }
	.kalin { font-weight:bold; }
	.k400 { font-weight:400; }
	.k500 { font-weight:500; }
	.k600 { font-weight:600; }
	.k700 { font-weight:700; }
	.k800 { font-weight:800; }
	.normal { font-weight:normal; }
	.ok { cursor:pointer; }
	.gray { color:#777777; }
	.gray1 { color:#8d8d8d; }
	.yasak { cursor:not-allowed; }
	.beyaz  { color:#FFFFFF; }
	.siyah  { color:#000000; }
	.sari  { color:#FFFF00; }
	.mavi { color:#0000FF; }
	.mavi1 { color:#660099; }
	.yesil { color:#ff8800; }
	.kirmizi { color:#FF0000; }
	.bordo { color:#d54a37; }
	.ban { background:#FF0000; color:#000; }
	.arial { font-family:Arial, Helvetica, sans-serif; }
	.ubuntu { font-family:'Ubuntu', serif; }
	.poppins { font-family: 'Poppins', sans-serif; }
	.verdana { font-family:Verdana, Arial, Helvetica, sans-serif;}
	.tahoma { font-family:Tahoma, Arial, Helvetica, sans-serif;}
	.trebuc { font-family:"Trebuchet MS"; }
	.arial { font-family:Arial, Helvetica, sans-serif;}	
	.check { width:14px; height:14px; cursor:pointer; }
	.left { text-align:left; }
	.center { text-align:center; }
	.right { text-align:right; }
	.gizle { display:none; }
	
	.pal10 { padding-left:10px; }
	.par10 { padding-right:7px; }
	.mar10 { margin-right:10px; }
	.mab10 { margin-bottom:10px; }
	.mab20 { margin-bottom:20px; }

	.m0 { margin:0px; }
	.p0 { padding:0px; }
	.pa5 { padding:5px; }
	.pa10 { padding:10px; }
	.pt10 { padding:10px 0; }
	.pb10 { padding:10px 0; }
	.mt10 { margin-top:10px; }
	.mb10 { margin-bottom:10px; }
	.mb20 { margin-bottom:20px; }
	.ml5 { margin-left:5px; }
	.mr5 { margin-right:5px; }
	.mr10 { margin-right:10px; }
	.w100 { width:100%; }	
	
	
	.hata	{ padding:10px 40px; background:#F00; color:#FFF; border-radius:10px; }


	#vmenu1 { display:none; width:100%; padding:15px 0px; font-size:13px; font-weight:600; justify-content:center; text-align:center; background:var(--renk10); border-bottom:2px solid var(--renk9); cursor:pointer; white-space: nowrap; position:relative; }
	#vmenu1 .fa-chevron-down { position:absolute; right:10px; }
	#vmenu2 { width:100%; margin:0px; padding:0px; display:flex; list-style:none; overflow:auto; background:url(resim/cizgi7.png) repeat-x bottom var(--renk3); }
	#vmenu2 li { padding:15px 20px; font-size:clamp(11px,2.5vw,13px); font-weight:600; color:#666; text-align:center; background:var(--renk10); border-bottom:2px solid var(--renk9); border-right:1px solid var(--renk9); cursor:pointer; white-space: nowrap; position:relative; }
	#vmenu2 .vsec1 { background:var(--renk1); border-bottom:2px solid var(--renk1); color:var(--renk5); }
	.v1 { width:calc(100% - 10px); margin:5px; border:1px solid var(--renk9); background:var(--renk1); }
	.v2 { width:100%; display:flex; flex-wrap:nowrap; align-items:center; position:relative; }
	.v3 { width:calc(100% - 10px); padding:5px; overflow-x:auto; position:relative; display:none; background:linear-gradient(180deg, var(--renk1) 0%, var(--renk3) 100%); }
	/*.v4 { width:calc(100% - 2px); border:1px solid var(--renk9); }*/
	.v5 { width:calc(100% - 10px); padding:5px; display:flex; justify-content:space-between; position:relative; }
	.v6 { padding:3px; display:flex; align-items:center; justify-content:space-between; }
	.v7 { display:flex; align-items:center; }
	.v7 i { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:10px; font-size:16px; color:#666; border-radius:5px; border:0px solid var(--renk9); box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
	.v7 i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); color:#000; }	
	.v7 select { width:80px; text-align:center; border:0px; font-size:13px; }
	.v8 { display:flex; align-items:center; justify-content:space-between; }
	.v8 div { display:flex; align-items:center; justify-content:center; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); height:36px; padding:0 10px; font-size:13px; color:#666; border-radius:5px; border:0px; box-shadow:0 0 2px rgb(0,0,0,0.3); }
	.v8 #top1, .v8 .top1 { display:flex; align-items:center; justify-content:center; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:radial-gradient(circle, rgba(220,80,30,1) 0%, rgba(192,64,0,1) 100%); height:36px; padding:0 10px; font-size:13px; color:var(--renk1); border-radius:5px; border:0px; box-shadow:0 0 2px rgb(0,0,0,0.3); }
	.v8 select { width:80px; margin-left:5px;display:flex; align-items:center; justify-content:center; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); height:36px; padding:0 10px; font-size:13px; color:#666; border-radius:5px; border:0px; box-shadow:0 0 2px rgb(0,0,0,0.3); }
	.v9 { width:50%; display:flex; align-items:center; justify-content:flex-end; font-size:14px; font-weight:500; }
	.v9 .buton11 { min-width:60px; max-width:60px; }
	.v10 { width:100%; }
	#msira { display:none; text-align:center; }
	.v11 { display:none; width:100%; border-top:1px solid #D3DBE9; border-bottom:1px solid #D3DBE9; background:rgb(228,228,228); background:linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(240,240,240,1) 50%, rgba(247,247,247,1) 100%); }
	.v11 div { width:100%; padding:15px 10px; position:relative; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; font-size:13px; font-weight:500; text-shadow: 0px 1px 0px var(--renk3); }
	.v11 select { position:absolute; right:2px; width:50vw; }
	.v12 { width:100%; height:40px; display:flex; border-top:1px solid #D3DBE9; border-bottom:1px solid #D3DBE9; background:rgb(228,228,228); background:linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(240,240,240,1) 50%, rgba(247,247,247,1) 100%); }
	.v12 div { display:flex; align-items:center; justify-content:center; font-size:clamp(11px,2.5vw,12px); font-weight:500; text-align:center; border-right:1px solid var(--renk9); white-space:nowrap; overflow:auto; text-overflow:clip; position:relative; }
	.v12 div:last-child { border-right:0px; }
	.v12 div .s { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); }
	.v13 { width:100%; min-height:35px; border-bottom:1px solid var(--renk9); display:flex; }
	.v13:last-child { border-bottom:0px; }
	.v13 div { display:flex; flex-wrap:wrap; align-items:center; font-size:clamp(12px,2.5vw,12px); border-right:1px solid #D0D0D0; white-space:nowrap; overflow:auto; text-overflow:clip; }
	.v13 div:last-child { border-right:0px; }
	.v13 div span { margin:0 5px; }
	.v13 div::-webkit-scrollbar { width:5px; height:5px; cursor:pointer; }
	.v13 div::-webkit-scrollbar-thumb { background:var(--renk9); border-radius:0px; }
	.v13 div::-webkit-scrollbar-track { background:none; }
	.vc { justify-content:center; text-align:center; }
	.vr { justify-content:flex-end; }
	.vr1 { background:#F5F5F5; }
	.vr2 { background:#f2f8ff; }
	.vbilgi	{ color:#00529B; background-color:#BDE5F8; }
	.vtamam	{ color:#4F8A10; background-color:#DFF2BF; }
	.vuyari	{ color:#9F6000; background-color:#FEEFB3; }
	.vhata	{ color:#000000; background-color:#FFCECE; }
	.valt   { width:100%; padding:15px 0; background:#00d27a; color:var(--renk1); font-size:14px; font-weight:500; text-align:center; cursor:pointer; }
	.spinner{ display:none; align-items:center; justify-content:center; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgb(0,0,0,0.3); }
	.spinner img { height:60%; border-radius:9px; }
	.vx1 { display:flex; align-items:flex-start; justify-content:flex-start; }	
	.vx2 { width:600px; margin-right:10px; }
	.vx3 { width:500px; }

		.v4 { width:calc(100% - 4px); margin:1px; border:1px solid var(--renk9); }
		.v8 { justify-content:flex-end; }
		.v10 { min-height:400px; overflow:auto; border-top:1px solid var(--renk9); }
		.v13 { border:0px; }
		.v13:last-child { margin-bottom:3px; }
		.v13 .admin { max-width:calc(80% - 52px); margin:5px; padding:10px 40px 10px 10px; background:#edf2f9; border:1px solid #dae4ef; border-radius:5px; font-size:13px; font-weight:400; -webkit-box-shadow:inset 0 1px 3px #EEE; -moz-box-shadow:inset 0 1px 3px #EEE; box-shadow:inset -1px -1px 3px #dae4ef; position:relative; }
		.v13 .uye   { max-width:calc(80% - 52px); margin:5px; padding:10px 40px 10px 10px; background:var(--renk1); border:1px solid #dae4ef; border-radius:5px; font-size:13px; font-weight:400; -webkit-box-shadow:inset 0 1px 3px #EEE; -moz-box-shadow:inset 0 1px 3px #EEE; box-shadow:inset -1px -1px 3px #EEE; position:relative; }
		.v13 .resim { max-width:calc(80% - 22px); margin:5px; padding:5px; }
		.v13 .resim img	{ max-width:120px; max-height:120px; border-radius:3px; cursor:pointer; }
		.v13 .tarih { position:absolute; right:2px; bottom:0px; font-size:10px; opacity:0.6; }
		.v13-1 { flex-direction: row-reverse; }

		.gonder { width:calc(100% - 10px); padding:5px; background:var(--renk10); border-top:1px solid var(--renk9); display:flex; align-items:center; justify-content:space-between; }
		.gonder .edit11 { border:0px; background:none; box-shadow:none; }
		.gonder i { background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:7px; margin:0 10px; font-size:16px; color:#666; border-radius:5px; border:0px solid var(--renk9); box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
		.gonder i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); }	
		.gonder .buton11 { max-width:75px; min-width:75px; }
		.kapat { text-align:center; font-size:16px; font-weight:500; color:#F00; width:100%; padding:2px 0; }

		#mesaj_uyari { display:none; position:sticky; width:140px; bottom:5px; padding:7px; background:#CC9; font-size:12px; text-align:center; border-radius:8px; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%); cursor:pointer; }