/* #Reset & Basics 
	================================================== */ 
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
	ol,ul{list-style:none}
	table{border-collapse:collapse;border-spacing:0}
	*{padding:0;margin:0;box-sizing:border-box}

	html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; height: 100%;}
	body {margin: 0; padding: 0; font-family: \'Poppins\', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; 
		color: #222; background-color: #f7f7f9; min-height: 100vh;}
	h1, h2, h3 {margin-top:0; margin-bottom:1rem; font-weight:500; line-height:1.2; color:#333;}
	h1{ font-size:1.4rem; }
	h2{	font-size:1.3rem; }
	h3{	font-size:1.2rem; }
	p {margin-bottom:1rem;}
	a {color: #d62323; text-decoration: none; outline: 0;}
	a:hover {color: #222;}
	hr{ display: block; height:1px; margin:10px 0px; padding: 0; clear: both; border:none; border-bottom:1px solid #ccc;}
	.fLeft {float:left;}
	.fRight {float:right;}
	.hata {color: red;}
	.onay {color: green;}
	/* Forms */
	input, button, select, optgroup, textarea {margin: 0; font-family: inherit;	font-size: inherit;	line-height: inherit; border:1px solid #ccc;}
	label {display: block; font-weight:400;}
	button {border-radius: 0;}
	button, input {overflow: visible;}
	button, select {text-transform: none;}
	button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
	button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none;}
	input[type="radio"], input[type="checkbox"] {box-sizing: border-box; padding: 0;}
	input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {-webkit-appearance: listbox;}
	textarea {overflow: auto; resize: vertical;	background-color:#fff;}
	fieldset {border: 1px solid #bbb;}
	legend {font-weight:500;}
	textarea:focus, input:focus{outline: none;}
	::placeholder {color: #999; font-style: italic; font-size: .8rem;}	
	/* Table */
	table {margin-bottom:1rem;}
	th,
	td { padding: 3px; text-align: left;  border-bottom: 1px solid #ddd; }
	th:first-child, td:first-child { padding-left: 0; }
	th:last-child, td:last-child { padding-right: 0; }

	
	#loginkap {width: 100vw; min-height: 100%; height: 100vh; background-color: #f1f4f9; display: flex; width:100%; justify-content: center; align-items: center; flex-wrap:wrap;}
	.logFKutu {width:90%; max-width:440px; background-color: #fff; border:1px solid #ddd; padding:30px; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
	.logFKutuLogo {width:100%; margin-bottom:16px; display:flex; align-items: center; justify-content: center; }
	.logFKutuLogo img {width:140px;}

	.log404Kutu {width:90%; max-width:600px; box-sizing: border-box; }

	#pagekap {width: 100%; min-height: 100%; background-color: #f1f4f9; display: flex; width:100%; justify-content: center; align-items: flex-start; flex-wrap:wrap;}
	.pageContainer {width:90%; max-width:900px; background-color: #fff; border:1px solid #ddd; margin-top:30px; margin-bottom:30px; padding:30px; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
	.pageContainerDar {width:90%; max-width:440px; background-color: #fff; border:1px solid #ddd; margin-top:30px; margin-bottom:30px; padding:30px; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
	ul.uyeMenu {display: flex; width: 100%; justify-content: center; list-style: none; padding: 5px 0; margin: 0; margin-bottom:16px; background: #252b36;}
	.uyeMenu li {padding: 5px 15px; margin:0; color:#fff; border-left:1px solid #fff;}
	.uyeMenu li a {color:#fff;}
	.uyeMenu li:hover {background-color:#d62323;}
	.uyeMenu li:last-child {border-right:1px solid #fff;}

	.kform {padding:0;}
	.kform .satir {float:left; position:relative; display:block; margin: 0 0 8px 0; width:100%;}
	.kform .satir.form50 {width:50%;}
	.kform input {width:98%; padding:8px; line-height:1; font-size:.9rem; border-radius:5px; border:1px solid #ccc;}
	.kform select {width:98%; padding:8px; line-height:1; font-size:.9rem; border-radius:5px;}
	.kform input.button {min-width:120px;}
	.kform textarea {width:98%; padding:8px; line-height:1; font-size:.9rem; height:80px; border-radius:5px;}
	.kform label {font-weight:400; margin: 0 0 4px 0;}
	.kform label.error {position:absolute; top:0; right:4%; /* text-indent:-9999px; */color:red;}
	.kform input.error, .kform textarea.error, .kform select.error, .checkboxKutu.error {border: 1px solid red;}
	.kform img#captchaimage {margin:1px 10px 0 0; border-radius:5px; height:36px; width:auto;}
	.kform .checkboxKutu {display: flex; align-items: flex-start;}
	.kform input.checkbox {width: 16px; height: 16px; margin-right: 10px; margin-top:4px; flex-shrink: 0;}
	.kform span.checkbox-label {font-size:.9rem; color:#333; display: inline-block;}
	.kform .telUlkeKod {width:160px; margin-right:5px; float:left;}
	.kform .telNumarasi {width : 175px; float:left;}
	.kform .formOgeXS {width:64px;}
	.kform .formOgeS {width:120px;}
	.kform .formOgeM {width:220px;}
	.kform .formOgeL {width:340px;}
	.kform .formOgeXL {width:80%;}

	.button{ background: #d62323; border: none; color: #fff; display: inline-block; font-size: 1rem; font-weight: 500; 
		text-decoration: none; cursor: pointer; line-height: normal; padding:10px; margin:0 0px 10px 0px;  border-radius:5px;}
	.button:hover, .button:focus {background: #333; color: #fff;}

	
    .err {color:red; margin:20px 0;}
    .suc, .ok {color:green; margin:20px 0;}

    /* FANCYBOX
    *************************** */
    .inlineFancy {background: transparent; border:none;}
    .fancybox-slide--html .fancybox-content {
        width: 80vw;
        height: 80vh;
        overflow: auto !important;
    }