/*Css: Alper TEMİZ */
 
 *,*:before,
 *:after {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    text-decoration: none;
    box-sizing: border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth:always;
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
:root {	 
	--s: 8px;
	--s2: calc( var(--s) * 2 );
	--s3: calc( var(--s) * 3);
	/*https://clamp.font-size.app/*/
	/*font 16px_375-1056*/	
	--fs01: clamp(1rem, 1rem + 0vw, 1rem);
	
	/*font18-24_360-1056*/
	--fs02 : clamp(1.125rem, 0.9rem + 1vw, 1.5rem);

	--w100: 100px;
	--w200: 200px;
	--w150: 150px
}
body{
	font-size:var(--fs01);
	line-height: 1;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0px;}

/*pre {font-family:Georgia;font-size:12px; white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}*/
::-webkit-input-placeholder {
	color:#888;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
input:-moz-placeholder {
	color:#888;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
input::-moz-placeholder {
	color:#888;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
textarea:-moz-placeholder, textarea::-moz-placeholder {
	color:#888;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
input:-ms-input-placeholder { 
	font-size: 16px;
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color: #bfbfbf;
	text-indent: 5px;
}
textarea:-ms-input-placeholder { 
	color:#888;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

:focus::-webkit-input-placeholder { color:transparent; }
:focus:-moz-placeholder { color:transparent; }
:focus:-ms-input-placeholder { color:transparent; }

.scrolltop {
	position: fixed;
	bottom: 5px;
	right: 10px;
	width: 45px;
	height: 47px;
	z-index:98;
}
input::-ms-clear, input::-ms-reveal {display: none;}

i{font-style:normal;}
p{cursor: default;white-space: wrap;}
h1,h2,h3,h4,h5,h6{white-space: wrap;}
h1{
	font-size:34px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
} 

[s*="pxa"], [s^="pxa"] {margin:0 auto;}
[s*="mxa"], [s^="mxa"] {margin:0 auto;}
/*** SPACE ***/
/** Margin **/
[s*="mc"], [s^="mc"] {margin:0;}
[s*="ma"], [s^="ma"] {margin:var(--s);}
[s*="mx"], [s^="mx"] {margin:0 var(--s);}
[s*="my"], [s^="my"] {margin:var(--s) 0;}
[s*="mt"], [s^="mt"] {margin-top:var(--s);}
[s*="mr"], [s^="mr"] {margin-right:var(--s);}
[s*="mb"], [s^="mb"] {margin-bottom:var(--s);}
[s*="ml"], [s^="ml"] {margin-left:var(--s);}

/** Margin Bitti**/

/** Padding **/
[s*="pc"], [s^="pc"] {padding:0;}
[s*="pa"], [s^="pa"] {padding:var(--s);}
[s*="px"], [s^="px"] {padding:0 var(--s);}
[s*="py"], [s^="py"] {padding:var(--s) 0;}
[s*="pt"], [s^="pt"] {padding-top:var(--s);}
[s*="pr"], [s^="pr"] {padding-right:var(--s);}
[s*="pb"], [s^="pb"] {padding-bottom:var(--s);}
[s*="pl"], [s^="pl"] {padding-left:var(--s);}



/** Padding Bitti**/
/*** SPACE Bitti ***/

/*** FLEX ***/
[f]{display:flex;}
/* Three values: flex-grow | flex-shrink | flex-basis */
[fgsb]{ 
	flex-grow:1;
	flex-shrink:0;
	flex-basis:0;
}

/* flex-direction: row | row-reverse | column | column-reverse */
[f*="y"], [f^="y"]	 {flex-direction:column;}
[f*="rr"], [f^="rr"] {flex-direction:row-reverse;}
[f*="ry"], [f^="ry"] {flex-direction:column-reverse;}

/* Süper ortala */
[f*="cc"], [f^="cc"] {align-items:center;justify-content:center;}

/* flex-wrap: nowrap | wrap | wrap-reverse; */
[f*="w"], [f^="w"]	 {flex-wrap: wrap;}
[f*="nw"], [f^="nw"] {flex-wrap: nowrap;}
[f*="rw"], [f^="rw"] {flex-wrap: wrap-reverse;}

/* justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
[f*="js"], [f^="js"] {justify-content:flex-start;}
[f*="jn"], [f^="jn"] {justify-content:flex-end;}
[f*="jc"], [f^="jc"] {justify-content:center;}
[f*="jb"], [f^="jb"] {justify-content:space-between;}
[f*="ja"], [f^="ja"] {justify-content:space-around;}
[f*="jv"], [f^="jv"] {justify-content:space-evenly;}

/* align-items: stretch | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe; */
[f*="is"], [f^="is"] {align-items: flex-start;}
[f*="ie"], [f^="ie"] {align-items: flex-end;}
[f*="ic"], [f^="ic"] {align-items: center;}
[f*="ih"], [f^="ih"] {align-items: stretch;}
[f*="ib"], [f^="ib"] {align-items: baseline;}

/*   align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch | start | end | baseline | first baseline | last baseline + ... safe | unsafe */
[f*="cs"], [f^="cs"] {align-content: flex-start;}
[f*="ce"], [f^="ce"] {align-content: flex-end;}
[f*="co"], [f^="co"] {align-content: center;}
[f*="cb"], [f^="cb"] {align-content: space-between;}
[f*="ca"], [f^="ca"] {align-content: space-around;}
[f*="cv"], [f^="cv"] {align-content: space-evenly;}
[f*="ch"], [f^="ch"] {align-content: stretch;}

/*	align-self: auto | flex-start | flex-end | center | baseline | stretch */
[f*="ao"], [f^="ao"] {align-self: auto;}
[f*="as"], [f^="as"] {align-self: flex-start;}
[f*="ae"], [f^="ae"] {align-self: flex-end;}
[f*="ac"], [f^="ac"] {align-self: center;}
[f*="ab"], [f^="ab"] {align-self: baseline;}
[f*="ah"], [f^="ah"] {align-self: stretch;}

/*** flex - grow ***/
[g1] {flex-grow: 1;}
[g2] {flex-grow: 2;}
[g3] {flex-grow: 3;}
[g4] {flex-grow: 4;}
[g5] {flex-grow: 5;}
[g6] {flex-grow: 6;}
[g7] {flex-grow: 7;}
[g8] {flex-grow: 8;}
[g9] {flex-grow: 9;}
[g0] {flex-grow: 0;}

/*** flex - shrink ***/
[k1] {flex-shrink: 1;}
[k2] {flex-shrink: 2;}
[k3] {flex-shrink: 3;}
[k4] {flex-shrink: 4;}
[k5] {flex-shrink: 5;}
[k6] {flex-shrink: 6;}
[k7] {flex-shrink: 7;}
[k8] {flex-shrink: 8;}
[k9] {flex-shrink: 9;}
[k0] {flex-shrink: 0;}

/*** order ***/
[o1] {order: 1;}
[o2] {order: 2;}
[o3] {order: 3;}
[o4] {order: 4;}
[o5] {order: 5;}
[o6] {order: 6;}
[o7] {order: 7;}
[o8] {order: 8;}
[o9] {order: 9;}
[o0] {order: 0;}
/*** FLEX BITTI***/


[w100]{width:100%;}
[max-100]{max-width:var(--w100);}
[max-200]{max-width:var(--w200);} 
[min-150]{min-width:var(--w150);}

[gap60]{gap: 60px;}
[gap48]{gap: 48px;}
[gap36]{gap: 36px;}
[gap24]{gap: 24px;}
[gap20]{gap: 20px;}
[gap16]{gap: 16px;}
[gap12]{gap: 12px;}
[gap10]{gap: 10px;}
[gap8]{gap: 8px;}
[gap7]{gap: 7px;}
[gap6]{gap: 6px;}
[gap4]{gap: 4px;}
[gap3]{gap: 3px;}
[gap3]{gap: 2px;}
[bg-white]{
	background:white;
}


/* Scrool */
/* Hide scrollbar for IE, Edge and Firefox */
*::-webkit-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  border-radius: 20px;
}
/* Firefox */
 * {
    scrollbar-width: thin;
    scrollbar-color: #212f40 #dedede;
  }


/* Chrome, Edge and Safari*/
::-webkit-scrollbar {
	width: 8px;
	border-radius: 8px;
	cursor:pointer;
}

/**/
*::-webkit-scrollbar-track {
    background: #097581;
  }
*::-webkit-scrollbar-track:hover {
  background: #097581;
  cursor:pointer;
}

*::-webkit-scrollbar-track:active {
  background: #097581;
  cursor:pointer;
}

/**/
*::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 6px;
    
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #097581;
  cursor:pointer;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #097581;
}

/* Scrool */

.dnone{display:none;}