@font-face{
	font-family:"Gilroy ExtraBold";
	src:url("font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.eot");
	/* IE9*/
	src:url("font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.eot?#iefix") format("embedded-opentype"),/* IE6-IE8 */
	url("font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.woff2") format("woff2"),/* chrome firefox */
	url("hfont/Gilroy/00d5a78493aed4b11e2584ad7cceee49.woff") format("woff"),/* chrome firefox */
	url("font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.ttf") format("truetype"),/* chrome firefox opera Safari,Android,iOS 4.2+*/
	url("font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.svg#Gilroy ExtraBold") format("svg");
	/* iOS 4.1- */
}
body{
	background:#f3f1f1;
	font-family:'Gilroy ExtraBold';
	font-weight:bold
}
.headerb{
	font-size:30px;
	color:#020024;
	border:3px dotted #fe0a0b;
	padding:5px
}
.header{
	padding-top:20px;
	padding-bottom:50px;
	background:rgb(2,0,36);
	background:linear-gradient(0deg,rgba(2,0,36,1) 28%,#fe0a0b 56%,rgba(2,0,36,1) 77%)
}
.hlink{
	color:black;
	margin:10px;
	padding:10px;
	font-weight:bold;
	font-size:20px;
	text-decoration:none
}
.hlink i{
	color:#fe0a0b;
}
.hlink:hover{
	position:relative;
	top:-5px;
	text-decoration:none;
	color:#fe0a0b;
	border-bottom:3px solid #fe0a0b;
	transition:all 0.2s
}
.hlinkb{
	padding:10px;
	background:#211b85;
	color:white;
	border:2px solid white;
	border-radius:10px;
	box-shadow:0px 0px 5px 2px #211b85;
	outline:0;
	list-style-type:none;
	text-decoration:none
}
.hlinkb:hover{
	background:#fe0a0b;
	box-shadow:0px 0px 5px 2px #fe0a0b
}
.logo{
	width:250px;
	margin-top:-70px;
	margin-bottom:-70px;
	margin-left:150px
}
.logo2{
	width:250px;
	margin-left:150px
}
.logo,.logo2:hover{
	animation:botton linear 2s infinite
}
.sohbetimg{
	width:100%
}
.sohbetimg:hover{
	animation:botton linear 2s infinite
}
.hmsg h1{
	font-size:30px
}
.hmsg h2{
	font-size:30px
}
.hmsg h3{
	font-size:20px
}
.form{
	background:white;
	padding:10px;
	border-radius:10px;
	border:5px dotted black
}
.form div{
	box-shadow:0px 0px 5px 5px white;
	padding:10px;
	margin:10px;
	border-radius:10px;
	border:5px solid #0a0000
}
.form input{
	width:60%;
	padding:10px;
	margin:5px;
	border:none;
	outline:0;
	background:transparent;
	border-bottom:1px solid black;
	color:black
}
.form input:hover{
	box-shadow:0px 0px 5px 5px #fe0a0b;
	color:black;
	outline:0;
	border-radius:20px
}
.form button{
}
.form button:before{
	color:black
}
.form button:after{
	color:white
}
.botton{
	background:#fe0a0b;
	width:100%;
	padding:10px;
	border:none;
	border-radius:10px;
	letter-spacing:7px;
	font-weight:bold;
	font-size:25px
}
.eski{
	background:#020024;
	color:white;
	margin-top:10px;
	width:45%;
	padding:10px;
	border:none;
	border-radius:10px;
	letter-spacing:0px;
	font-weight:bold;
	font-size:20px
}
.mobilsurum{
	background:#d30512;
	color:white;
	margin-top:10px;
	width:45%;
	padding:10px;
	border:none;
	border-radius:10px;
	letter-spacing:0px;
	font-weight:bold;
	font-size:20px
}
.altmetin{
	padding:18px;
	box-shadow:0px -30px 45px 1px white
}
.altmetin h1{
	font-size:35px;
	font-weight:bold
}
.altmetin h2{
	font-size:35px;
	font-weight:bold
}
.altmetin h3{
	font-size:22px;
	color:black
}
.text-bl{
	color:#fe0a0b;
	cursor:text
}
.text-bt{
	color:#030125;
	cursor:text
}
.skutu-lg{
	flex:0 0 33.333333%;
	max-width:30.333333%
}
.skutu{
	margin:10px;
	padding:10px;
	border:none;
	border-radius:20px;
	box-shadow:0px 0px 8px 1px #040226
}
.skutu:hover{
	position:relative;
	top:-10px;
	transition:all 1s
}
.skutu h1{
	text-align:left;
	font-size:20px;
	color:#fe0a0b
}
.skutu h2{
	text-align:left;
	font-size:20px;
	color:#fe0a0b
}
.skutu h3{
	font-size:15px;
	font-weight:bold;
	font-family:'Arial'
}
.skutu img{
	margin-top:10px
}
.skutu2{
	padding-top:100px
}
.skutu2 h1{
	font-size:25px
}
.skutu2 h2{
	font-size:25px
}
.skutu2 h3{
	font-size:15px;
	font-family:'Arial';
	font-weight:600
}
.skutu2 img{
	position:relative;
	width:100%;
	animation:botton linear 2s infinite
}
.altyazi{
	margin-top:30px;
	background:#211b85;
	color:white;
	padding:25px;
	border:1px solid white;
	box-shadow:0px 0px 10px 5px #020024;
	border-radius:20px;
	font-family:'Arial';
	font-weight:400;
	font-size:15px
}
.altbar{
	padding:20px;
	margin-top:30px
}
.altbar h1{
	font-size:25px
}
.altbar h2{
	font-size:25px
}
.altbar h3{
	font-size:15px
}
.altbar img{
	float:left;
	margin-right:20px;
	animation:botton linear 2s infinite
}
.altbardiv{
	margin-top:20px;
	border:1px solid white;
	padding:13px;
	box-shadow:0px 0px 10px 1px #514d95;
	border-radius:20px
}
.altbardiv a{
	text-decoration:none;
	color:black
}
.altbardiv:hover{
	position:relative;
	top:-10px;
	transition:all 0.5s
}
.header2{
	padding:30px;
	margin-top:60px;
	box-shadow:0px 0px 20px 21px #020024;
	background:#f3f1f1;
}
.header2 h1{
	font-size:30px;
	color:black;
}
.header2 h2{
	font-size:30px;
	color:black;
}
.logo2alt{
	width:90%;
	position:relative
}
.altmetin2{
	margin-top:30px;
	padding:18px
}
.altmetin2 h1{
	font-size:35px;
	font-weight:bold
}
.altmetin2 h2{
	font-size:35px;
	font-weight:bold
}
.altmetin2 h3{
	font-size:22px;
	color:black;
	font-family:'Arial'
}
.slink{
	color:white
}
.slink ul{
	color:white
}
.slink ul li{
	list-style-type:none;
	margin-left:-50px;
	margin-bottom:5px
}
.slink ul li a{
	color:black;
	text-decoration:none
}
.slink ul li a:hover{
	box-shadow:0px 0px 5px 2px #fe0a0b;
	padding:5px;
	border-radius:10px
}
.slinkmedia li{
	display:inline;
	list-style-type:none;
	margin-right:0px;
	text-align:center
}
.slink ul li a i{
	color:#020024;
	padding:10px;
	font-size:45px;
	margin:20px
}
.slink ul li a i:hover{
	box-shadow:0px 0px 5px 2px white;
	border-radius:10px
}
.medya{
	background:#fe0a0b;
	padding:20px;
	border:1px solid white;
	box-shadow:0px 0px 5px 1px #f3f1f1;
	border-radius:20px
}
.copyright{
	color:black;
	font-family:'Arial';
	font-weight:100
}
.copyright img {
	margin-top: -40px;
	margin-bottom: -40px; 
}
.baslik{
	font-size:35px;
	padding:15px;
	margin-top:20px;
	border-bottom:5px dotted #fe0a0b
}
.baslikmetin{
	font-family:'Arial';
	font-weight:100;
	padding:10px;
	margin-top:20px;
	border-bottom:5px dotted #fe0a0b
}
.baslikmetin b{
	font-family:'Arial';
	font-weight:600
}
.ok{
	display:none;
	position:fixed;
	bottom:10px;
	right:20px;
	background:black;
	color:#fe0a0b;
	font-size:80px;
	height:80px;
	box-shadow:0px 0px 10px 5px;
	height:50px;
	width:60px;
	border:none;
	border-radius:10px;
	padding:5px;
	animation:botton linear 2s infinite
}
.ok i{
	position:absolute;
	top:0;
	right:5px
}
@media screen and (max-width:900px){
	.logo,.logo2{
		width:200px;
		margin-left:0px
}
	.skutu-lg{
		flex:0 0 95%;
		max-width:95%
}
	.altmetin h1{
		font-size:25px;
		font-weight:bold
}
	.altmetin h2{
		font-size:25px;
		font-weight:bold
}
	.altmetin h3{
		font-size:15px;
		color:black
}
	.altmetin2 h1{
		font-size:25px;
		font-weight:bold
}
	.altmetin2 h2{
		font-size:25px;
		font-weight:bold
}
	.altmetin2 h3{
		font-size:15px;
		color:black
}
	.skutu2 h1{
		font-size:25px;
		text-align:center
}
	.skutu2 h2{
		font-size:25px;
		text-align:center
}
	.skutu2 h3{
		font-size:15px;
		text-align:center
}
	.altbar{
		margin-top:0px
}
	.skutu2{
		padding-top:40px
}
	.baslik{
		font-size:25px
}
	.header2 h2{
		font-size:30px;
		padding:10px
}
	.slinkmedia li{
		display:inline;
		list-style-type:none;
		text-align:center
}
	.slink ul li a i{
		font-size:30px
}
	.slinkmedia li{
		margin-top:0
}
	.medya{
		padding:0
}
	.botton{
		letter-spacing:0;
		padding:15px
}
	.eski,.mobilsurum{
		width:100%
}
}
@-webkit-keyframes botton{
	0%{
		top:0rem
}
	50%{
		top:-1rem
}
	10%{
		top:0rem
}
}
@-moz-keyframes botton{
	0%{
		top:0rem
}
	50%{
		top:-1rem
}
	10%{
		top:0rem
}
}
@-o-keyframes botton{
	0%{
		top:0rem
}
	50%{
		top:-1rem
}
	10%{
		top:0rem
}
}
@keyframes botton{
	0%{
		transform:translateY(0)
}
	50%{
		transform:translateY(-5px)
}
	100%{
		transform:translateY(0)
}
}
}