:root {
	--bg: #0a0a0a;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body, html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
	font-family: 'Poppins';
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	width: 100%;
	overflow-x: hidden;
	background-color: #FFF;
}a {
	color: inherit;
	text-decoration: none;
}a:hover {
	color: inherit;
	text-decoration: none;
}

::-webkit-scrollbar {
	width: 14px;
}::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}::-webkit-scrollbar-thumb {
	background: #676767;
	border-radius: 0px;
}::-webkit-scrollbar-track {
	background: #888;
}::-webkit-scrollbar-thumb:hover {
	background: #282828;
}


#loading {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	user-select: none;
}#loading .loading {
	width: 300px;
	fill: var(--r1);
}

.fitt {
	height: inherit;
}.border {
	border: 1px solid #FF0032;
}.cipa {
	position:fixed;
	left: 50%;
	bottom: 50px;
	transform:translateX(-50%);
	z-index: 102;
	font-size: 28px;
	border: 2px solid #FFF;
	border-radius: 50px;
	padding: 30px;
}.cipa i {
	position: absolute;
	left: 20px;
	bottom: 80px;
	color: #FFF;
	animation: assagi_ani 1s infinite;
}@keyframes assagi_ani {
	0% {
		bottom: 10px;
	} 50% {
		bottom: 20px;
	} 100% {
		bottom: 10px;
	}
}.m_cipa {
	display: none;
	position:fixed;
	left: 50%;
	bottom: 50px;
	transform:translateX(-50%);
	z-index: 102;
	width: 1px;
	height: 60px;
	background-color: rgba(255,255,255,.4);
	opacity: 0;
}.m_cipa div {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 30%;
	background-color: #FFF;
	animation: m_assagi_ani 3s infinite;
}@keyframes m_assagi_ani {
	0% {
		top: 0px;
	} 50% {
		top: 70%;
	} 100% {
		top: 0px;
	}
}



.img_d {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}.img_i {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
}.w80 {
	position: relative;
	height: inherit;
	max-width: 80%;
	margin: 0 auto;
}.banner {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100VH;
}.banner .sayfa {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	text-align: center;
}.banner .sayfa .logo {
	text-align: center;
	height: 60px;
}.banner .sayfa h1 {
	font-size: 60px;
	-webkit-text-stroke: 1px #FFF;
    color: rgba(0,0,0,0);
    text-align: center;
}.page {
	position: relative;
	max-width: 1300px;
	margin: 40px auto;
}


.ff {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}.fcl {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}.fcr {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}.ftr {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}.fcc {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}.flb {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}.fbr {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}.fbl {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}.fbc {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;	
}.ftc {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}



.on_desktop {
	display: block;
}.on_mobil {
	display: none;
}
@media only screen and (max-width: 1400px) {
	.orta {
		max-width: 1000px;
	}
}
@media only screen and (max-width: 900px) {
	.cipa {
		display: none;
		opacity: 0;
	}.on_desktop {
		display: none;
	}.on_mobil {
		display: block;
	}.m_cipa {
		display: block;
		opacity: 1;
	}
}

@media only screen and (max-width: 600px) {
	#loading .loading {
		width: 50%;
		height: auto;
	}
}