@font-face{
	font-family:"Gilroy ExtraBold";
	src:url(https://MaviSohbet.Net/font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.eot);
	src:url(https://MaviSohbet.Net/font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.eot?#iefix) format("embedded-opentype"),url(https://MaviSohbet.Net/font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.woff2) format("woff2"),url(https://MaviSohbet.Net/hfont/Gilroy/00d5a78493aed4b11e2584ad7cceee49.woff) format("woff"),url(https://MaviSohbet.Net/font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.ttf) format("truetype"),url("https://MaviSohbet.Net/font/Gilroy/00d5a78493aed4b11e2584ad7cceee49.svg#Gilroy ExtraBold") format("svg");
	font-display:swap
}
body{
	background:#f3f1f1;
	font-family:"Gilroy ExtraBold";
	font-weight:700
}
.headerb{
	font-size:30px;
	color:#020024;
	border:3px dotted #2ab5ff;
	padding:5px
}
.header{
	padding-top:20px;
	padding-bottom:50px;
	background:#020024;
	background:linear-gradient(0deg,rgba(2,0,36,1) 28%,#2ab5ff; 56%,rgba(2,0,36,1) 77%)
}
.hlink{
	color:#000;
	margin:10px;
	padding:10px;
	font-weight:700;
	font-size:20px;
	text-decoration:none
}
.hlink i{
	color:#2ab5ff;
}
.hlink:hover{
	position:relative;
	top:-5px;
	text-decoration:none;
	color:#2ab5ff;;
	border-bottom:3px solid #2ab5ff;
	transition:all 0.2s
}
.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
}
.form{
	background:#fff;
	padding:10px;
	border-radius:10px;
	border:5px dotted #000
}
.form div{
	box-shadow:0 0 5px 5px #fff;
	padding:10px;
	margin:10px;
	border-radius:10px;
	border:5px solid #0a0000
}
.form input{
	width:60%;
	padding:10px;
	margin:5px;
	border:none;
	outline:0;
	background:0 0;
	border-bottom:1px solid #000;
	color:#000
}
.form input:hover{
	box-shadow:0 0 5px 5px #2ab5ff;
	color:#000;
	outline:0;
	border-radius:20px
}
.form button:before{
	color:#000
}
.form button:after{
	color:#fff
}
.botton{
	background:#2ab5ff;
	width:100%;
	padding:10px;
	border:none;
	border-radius:10px;
	letter-spacing:7px;
	font-weight:700;
	font-size:25px
}
.eski{
	background:#020024;
	color:#fff;
	margin-top:10px;
	width:45%;
	padding:10px;
	border:none;
	border-radius:10px;
	letter-spacing:0;
	font-weight:700;
	font-size:20px
}
.mobilsurum{
	background:#d30512;
	color:#fff;
	margin-top:10px;
	width:45%;
	padding:10px;
	border:none;
	border-radius:10px;
	letter-spacing:0;
	font-weight:700;
	font-size:20px
}
.altmetin{
	padding:18px;
	box-shadow:0 -30px 45px 1px #fff
}
.altmetin h1{
	font-size:35px;
	font-weight:700
}
.altmetin h2{
	font-size:35px;
	font-weight:700
}
.altmetin h3{
	font-size:22px;
	color:#000
}
.text-bl{
	color:#2ab5ff;
	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:0 0 8px 1px #040226
}
.skutu:hover{
	position:relative;
	top:-10px;
	transition:all 1s
}
.skutu h1{
	text-align:left;
	font-size:20px;
	color:#ff6c05
}
.skutu h2{
	text-align:left;
	font-size:20px;
	color:#ff6c05
}
.skutu h3{
	font-size:15px;
	font-weight:700;
	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:#fff;
	padding:25px;
	border:1px solid #fff;
	box-shadow:0 0 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 #fff;
	padding:13px;
	box-shadow:0 0 10px 1px #514d95;
	border-radius:20px
}
.altbardiv a{
	text-decoration:none;
	color:#000
}
.altbardiv:hover{
	position:relative;
	top:-10px;
	transition:all 0.5s
}
.header2{
	padding:30px;
	margin-top:60px;
	box-shadow:0 0 20px 21px #020024;
	background:#020024
}
.header2 h1{
	font-size:30px;
	color:#fff
}
.header2 h2{
	font-size:30px;
	color:#fff
}
.logo2alt{
	width:90%;
	position:relative
}
.altmetin2{
	margin-top:30px;
	padding:18px
}
.altmetin2 h1{
	font-size:35px;
	font-weight:700
}
.altmetin2 h2{
	font-size:35px;
	font-weight:700
}
.altmetin2 h3{
	font-size:22px;
	color:#000;
	font-family:Arial
}
.slink{
	color:#fff
}
.slink ul{
	color:#fff
}
.slink ul li{
	list-style-type:none;
	margin-left:-50px;
	margin-bottom:5px
}
.slink ul li a{
	color:#fff;
	text-decoration:none
}
.slink ul li a:hover{
	box-shadow:0 0 5px 2px #2ab5ff;
	padding:5px;
	border-radius:10px
}
.slinkmedia li{
	display:inline;
	list-style-type:none;
	margin-right:0;
	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:0 0 5px 2px #fff;
	border-radius:10px
}
.medya{
	background:#2ab5ff;
	padding:20px;
	border:1px solid #fff;
	box-shadow:0 0 5px 1px #f3f1f1;
	border-radius:20px
}
.copyright{
	color:#fff;
	font-family:Arial;
	font-weight:100
}
.ok{
	display:none;
	position:fixed;
	bottom:10px;
	right:20px;
	background:#000;
	color:#2ab5ff;
	font-size:80px;
	height:80px;
	box-shadow:0 0 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:0
}
	.skutu-lg{
		flex:0 0 95%;
		max-width:95%
}
	.altmetin h1{
		font-size:25px;
		font-weight:700
}
	.altmetin h2{
		font-size:25px;
		font-weight:700
}
	.altmetin h3{
		font-size:15px;
		color:#000
}
	.altmetin2 h1{
		font-size:25px;
		font-weight:700
}
	.altmetin2 h2{
		font-size:25px;
		font-weight:700
}
	.altmetin2 h3{
		font-size:15px;
		color:#000
}
	.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:0
}
	.skutu2{
		padding-top:40px
}
	.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:0
}
	50%{
		top:-1rem
}
	10%{
		top:0
}
}
@-moz-keyframes botton{
	0%{
		top:0
}
	50%{
		top:-1rem
}
	10%{
		top:0
}
}
@-o-keyframes botton{
	0%{
		top:0
}
	50%{
		top:-1rem
}
	10%{
		top:0
}
}
@keyframes botton{
	0%{
		transform:translateY(0)
}
	50%{
		transform:translateY(-5px)
}
	100%{
		transform:translateY(0)
}
}
