@import url("https://cdn-1.tur17.com/styles/carbon/css/ibm-plex.min.css");


html {
	font-family : "ui-sans-serif", "BlinkMacSystemFont", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

* {
	padding    : 0;
	margin     : 0;
	box-sizing : border-box;
}

body {
	background-color : #000000;
	
}

.main-wrap {
	width    : 100vw;
	height   : 100vh;
	overflow : hidden;
	
}

.photo-wrap {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100vh;
	overflow : hidden;
	z-index  : -2;
}

.company-bg {
	object-fit : cover;
	height     : 100vh;
	min-width  : 100vw;
	max-width  : 100vw;
}

.koseoglu-box {
	
	width            : 45vw;
	height           : 100vh;
	background-color : #ffffff;
	z-index          : 6;
	margin-top       : 50vh;
	margin-left      : 100vw;
	transform        : translateX(-100%) translateY(-50%);
	min-width        : 35em;
	overflow-y       : auto;
	
}
.kob-wrap {
	padding     : 3em;
}
.svglogo {
	max-width: 5rem;
}
.cannot-find-makbuz {
	margin-top: 1rem;
	line-height: 1.25rem;
	color: #e63946;
}
.cookies-nf{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
	font-family: 'IBM Plex Sans', sans-serif;
}
.pre-registration {
	background-color: #151515;
	color: #ffffff;
	padding: 2.5rem;
	font-family: 'IBM Plex Sans', sans-serif;
}
.pr-title {
	font-weight: 300;
	font-size: 1.5rem;
}
.pr-text {
	font-size: .94rem;
	line-height: 1.5em;
}
.pr-action {
	margin-top: 1rem;
}
.kos-title {
	font-size     : 1.5em;
	font-weight   : bold;
	margin-bottom : .6em;
}

.formd {
	font-size : .8rem;
}

.gflex {
	display         : flex;
	justify-content : space-between;
}

.gflex > input {
	width : 47%;
}

.download-rec-title {
	font-weight : bold;
	font-size: 1rem;
	
}

.dn {
	display: none !important;
}

.download-rec-text {
	font-weight : normal;
	margin-top  : 1rem;
	font-size: .75rem;
	line-height: 1.25rem;
	color: #444;
	
}

.secure-login-info {
	margin-top  : 5rem;
	text-align  : center;
	color       : #008b38;
	font-weight : 500;
	font-size   : 1.1em;
}

.secure-login-info > i {
	display      : inline-block;
	margin-right : 1ch;
}

.secure-login-learn-more {
	color      : #0e0004cc;
	text-align : center;
	display    : block;
	margin-top : 1rem;
}


@media screen and (max-width : 650px) {
	.koseoglu-box {
		width : 100vw;
	}
	
	.gflex {
		display : block;
	}
	
	.gflex > input {
		width : 100%;
	}
	
	.legal-txt {
		font-size  : 0.85em;
		width      : 100%;
		margin-top : 2rem;
		text-align : center;
		position   : relative;
		bottom     : unset;
		display    : block;
		left       : unset;
		transform  : unset;
	}
	
	.koseoglu-box {
		margin-top  : unset;
		margin-left : unset;
		transform   : unset;
		min-width   : unset;
		
		height      : 100%;
	}
}