@font-face{
	font-family: 'oswald';
	src: url('https://fonts.cdnfonts.com/css/avantgarde-bk-bt-2');
}
body{
	overflow-x: hidden !important;
	background-color: #f8f9fa !important;
	font-family: 'AvantGarde Bk BT', sans-serif !important;
}
::-webkit-scrollbar {
	width: 7px;
	background-color: #f8f9fa;
}
::-webkit-scrollbar-thumb {
	background-color: #353646;
}
.back-to-top{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	display: none;
}
.btn-top{
	background-color: #011126;
	opacity: 1;
	width:40px;
	height:40px;
	color: #f2f2f2;
	border-radius: 30%;
	-moz-border-radius: 30%;
	-webkit-border-radius:30%;
	transition: all 1s ease-out;
	border:none;
	opacity: 0.8;
}
.btn-top i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.btn-top:hover{
	opacity: 1;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius:50%;
	transition: all 1s ease-out;
}
.group{ 
	position:relative; 
	margin-bottom:30px; 
	font-weight: bolder;
	margin-top: 30px;
}
.group input{
	font-size:16px;
	padding:10px 10px 10px 5px;
	display:block;
	width:100%;
	border:none;
	border-bottom:0.5px solid #353646;
	background-color: transparent;
	color: #353646;
	font-weight: bolder;
}
.group textarea{
	font-size:16px;
	padding:10px 10px 10px 5px;
	display:block;
	width:100%;
	border:none;
	border-bottom:0.5px solid #353646;
	background-color: transparent;
	color: #353646;
	font-weight: bolder;
	min-height: 150px;
}
.group input:focus{ 
	outline:none; 
}
.group textarea:focus{ 
	outline:none; 
}
input::selection{
	background: #353646; 
}
textarea::selection{
	background: #353646; 
}
.group label{
	color:#353646; 
	font-size:14px;
	font-weight:normal;
	position:absolute;
	pointer-events:none;
	left:5px;
	top:10px;
	transition:1s ease all; 
	-moz-transition:1s ease all; 
	-webkit-transition:1s ease all;
	font-weight: bolder;
}
.group input:focus ~ label, input:valid ~ label{
	top:-20px;
	font-size:14px;
	color:#353646;
	font-weight: bolder;
}
.group textarea:focus ~ label, textarea:valid ~ label{
	top:-20px;
	font-size:14px;
	color:#353646;
	font-weight: bolder;
}
.basvuru{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.basvuru .logodiv{
	width: 100%;
	text-align: center;
}
.basvuru .logodiv img{
	object-fit: cover;
}
.basvuru .mesajdiv{
	width: 80%;
	text-align: center;
}
.basvuru .mesajdiv .success{
	background-color: green;
	color: #f8f9fa;
	padding: 10px;
	border-radius: 10px;
	animation: zoomIn;
	animation-duration: 4s;
}
.basvuru .mesajdiv .alert{
	background-color: red;
	color: #f8f9fa;
	padding: 10px;
	border-radius: 10px;
	animation: zoomIn;
	animation-duration: 4s;
}
.basvuru .basvurusayisi{
	width: 100%;
	text-align: center;
}
.basvuru .baslikdiv{
	width: 100%;
	text-align: center;
}
.basvuru .baslikdiv h2{
	font-weight: lighter;
	color: #353646;
}
.basvuru .formdiv{
	width: 40%;
	margin-top: 30px;
}
.basvuru .formdiv hr{
	border: 0; 
	height: 2px; 
	background-image: -webkit-linear-gradient(left, #f8f9fa, #353646, #f8f9fa);
	background-image: -moz-linear-gradient(left, #f8f9fa, #353646, #f8f9fa);
	background-image: -ms-linear-gradient(left, #f8f9fa, #353646, #f8f9fa);
	background-image: -o-linear-gradient(left, #f8f9fa, #353646, #f8f9fa); 
}
.basvurusayisi hr{
	border: 0; 
	height: 2px; 
	background-image: -webkit-linear-gradient(left, #f8f9fa, #353646, #f8f9fa);
	background-image: -moz-linear-gradient(left, #f8f9fa, #353646, #f8f9fa);
	background-image: -ms-linear-gradient(left, #f8f9fa, #353646, #f8f9fa);
	background-image: -o-linear-gradient(left, #f8f9fa, #353646, #f8f9fa); 
}
.basvuru .formdiv h4{
	text-align: center;
}
.basvuru .infodiv{
	width: 85%;
}
.basvuru .infodiv2{
	width: 85%;
	position: relative;
}
.basvuru .infodiv2 h2{
	position: absolute;
	left: 50%;
	margin-top: 100px;
	transform: translate(-50%);
	text-align: center;
}
.basvuru .infodiv p{
	width: 100%;
	font-size: 18px;
	color: #353646;
	font-weight: lighter;
}
.basvuru .infodiv p span{
	font-weight: bolder;
	font-style: italic;
}
.basvuru button{
	width: 100%;
	border:none;
	border-radius: 10px;
	padding: 10px;
	background-color: #353646;
	color: #f8f9fa;
}
/*media*/
@media(max-width:860px){
	.basvuru .formdiv{
		width: 80%;
		margin-top: 30px;
	}
	.infodiv{
		margin-top: 50px;
	}
}
/*media*/