/* Theme Name: Purple Tema
Theme URI: www.QBilisim.com
Author: QBilisim
Author URI: Geliştirici Web Sayfası
Description: Qbilisim.com tema "Purple" serisi.
Version: v1 */



@font-face {
	font-family: Antonio;
	src: url(antonio.ttf);
}
html {
	--scrollbarBG: white;
	--thumbBG: #df4233;
}
body::-webkit-scrollbar {
	width: 25px;
}
body {
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}
body {
	font-family: 'Antonio', serif; 
}
.nav-bar {
	background: linear-gradient(180deg, #5a008d, #df4233, #5a008d);
	padding: 25px;
}


.nav-bar .navs {
	margin: auto 0;
	text-align: right;
}
.nav-bar .navs ul {
	margin-top: 10px;
}
.nav-bar .navs ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 20px;
}
.nav-bar .navs ul li a {
	color: #f0f0f0;
	font-size: 25px;
	padding: 10px;
	border-radius: 10px 10px 0px 0;
	padding-bottom: 30px;
}
.nav-bar .navs ul li a:hover {
	text-decoration: none;
	background: white;
	color: #002f76;
}
.sohbetbar {
	margin-top: 0px;
	padding: 30px;
	background: linear-gradient(180deg, #5a008d, #df4233, #5a008d);
	border-radius: 70px 0px 0px 70px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 60px;
}
.sohbetbar .item {
	margin-top: 10px;
}
.sohbetbar .item i {
	background: #0562b1;
	color: white;
	padding: 10px;
	border-radius: 10px 0px 0px 10px;
	margin-right: 10px;
}
.sohbetbar .item form h2 {
	font-size: 35px;
	border-bottom: 2px solid black;
	padding-bottom: 10px;
}
.sohbetbar .item form {
	padding: 25px;
	background: white;
	border-radius: 10px;
}
.sohbetbar .item input {
	padding: 10px;
	border: none;
	border-bottom: 1px solid;
	font-size: 20px;
}
.sohbetbar .item input:hover {
	outline: none;
}
.sohbetbar .item button {
	padding: 10px;
	border: none;
	margin-top: 10px;
	width: 70%;
	font-size: 20px;
	border-radius: 5px;
	background: #0562b1;
	border: 2px solid;
	color: white;
	letter-spacing: 1px;
}
.sohbetbar .item button:hover {
	background: white;
	color: #0562b1;
}
.sohbetbar .item2 {
	padding: 20px;
	border-radius: 10px;
	margin-top: 60px;
	text-align: center;
}
.sohbetbar .item2 i {
	color: #0562b1;;
	font-size: 60px;
	padding: 10px;
}
.sohbetbar .item2 h2 {
	font-size: 35px;
}
.sohbetbar .item2 h3 {
	font-size: 25px;
}
.sohbetbar .item2 .bar {
	background: white;
	padding: 10px;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 34px;
}
.sohbetbar .item2 .bar2 {
	background: white;
	padding: 10px;
	border-radius: 10px;
	margin: 0 auto;
}
.sohbetbar .oynat {
	animation: right linear 3s infinite;
}
.sohbetbar .download  a {
	background: #660685;
	border: 2px solid #660685;
	padding: 10px;
	border-radius: 10px;
	color: white;
	font-size: 25px;
	margin: auto;
	margin-top: 10px;
}
.sohbetbar .download a:hover {
	text-decoration: none;
	color: #660685;
	background: white;
}
.col-bar {
	flex: 0 0 23%;
	max-width: 25%;
}

.blog {
	padding: 20px;
	margin-top: 30px;
	color: #0562b1;
	background: white;
	border-radius: 10px;
}
.blog h2 {
	font-size: 30px;
}
.blog h3 {
	font-size: 25px;
}
.blog .item {
	padding: 5px;
	background: white;
	border-radius: 10px;
	margin: 0px auto;
	margin-top: 20px;
	border: 2px solid;
}
.blog .item img {
	width: 250px;
	height: 160px;
	background: #0562b1;
	border-radius: 5px;
}
.blog .item h2 {
	margin-top: 23px;
	margin-left: 10px;
	font-size: 30px;
	text-align: left;
	border: none;
	color: #0562b1;
}
.blog .item h3 {
	font-size: 20px;
	font-family: 'Arial';
	color: black;
}
.blog .item button {
	width: 100%;
	background: #0562b1;
	letter-spacing: 5px;
}
.col-blog {
	-ms-flex: 0 0 25%;
	flex: 0 0 23%;
	max-width: 25%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1250px;
}
.altbar {
	margin-top: 30px;
	padding: 24px;
	text-align: left;
	background: white;
	border-radius: 10px;
}
.altbar h2 {
	color: #0562b1;
}
.altbar  p {
	font-size: 20px;
	font-family: 'Arial';
}
.altbar button {
	background: #0562b1;
	color: white;
	padding: 10px;
	border: none;
	border-radius: 10px;
	width: 20%;
	font-size: 20px;
}
.altbar .gizlenmis {
	display: none;
}
.footer {
	margin-top: 50px;
	background: white;
	padding: 40px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 20px white;
}
.footer .item {
	margin: auto 0px;
	text-align: center;
}
.footer .footerlogo {
	background: #5d018b;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 10px #5d018b;
}
.footer h2 {
	border: none;
	color: #0562b1;
}
.footer ul {

}
.footer ul li {
	list-style-type: none;
	margin-left: -20px;
}
.footer ul li a {
	color: #6c6a6a;
	font-size: 26px;
}
.footer ul li a:hover {
	text-decoration: none;
	color: #0562b1;
	padding-bottom: 2px;
	border-bottom: 1px solid;
}
.footer i {
	font-size: 35px;
}
.hakkimizda h2 {
	color: white;
	font-size: 20px;
	text-align: center;
}
.sayfa {
	text-align: center;
	background: white;
	padding: 20px;
	border-radius: 10px;
	margin-top: 20px;
}
.sayfa h1 {
	font-size: 40px;
	color: #0562b1;
	padding: 20px;
}
.sayfa p {
	font-family: 'Arial';
	color: black;
}
.bars {
	color: white;
	font-size: 30px;
	margin-top: 10px;
}
.yukari {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	border: none;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	background: #0562b1;
	border-radius: 5px;
	color: white;
	font-size: 20px;
}
.yorum{
	color:#3e4659;
	padding: 20px;
}
.yorum a{
	color: black;
}
.yorum li{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid white;
	list-style-type: none;
	border-radius: 5px
}
.yorum textarea{
	width: 100%;
	height: 100px;
	border: 3px solid #3e4659;
	border-radius: 5px;
}
.yorum input[type=text]{
	width: 100%;
	border-radius: 5px;
	background: #ffffff;
	color: #24335f;
	padding: 10px;
}
.yorum input[type=submit]{
	background: #df4233;
	color: #ffffff;
	border: none;
	width: 100%;
	border-radius: 10px;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.yorum input[type=submit]:hover {
	background: #24335f;
}
.yorum .comment-form-url{
	display: none
}
.text-yorum a:hover {
	background: #24335f;
}
.text-yorum a{
	background: #24335f;
	color: #ffffff;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0px 0px 10px 3px white;
}
.pageler {
	margin-top: 14px;
	padding: 20px;
}
.pageler .page-numbers {
	background: #2B3465;
	padding: 5px;
	border-radius: 5px;
	color: #8ad7bb;
	text-decoration: none;
}
.pageler .page-numbers:hover {
	background: #8ad7bb;
	color: #2B3465;
}
@media screen and (max-width:1044px){ 
	.navs ul {
		display: none;
	}
	.nav-bar .navs ul li {
		display: block;
	}
	.sohbetbar {
		padding: 0;
		padding-top: 0px; */
		padding-bottom: 60px;
	}
	.sohbetbar .item2 {
		margin-top: 0px; 
	}
	.sohbetbar .item input {
		width: 70%;
	}
	.sohbetbar .item button {
		width: 100%;
	}
	.sohbetbar .download a {
		font-size: 17px;
	}
	.col-bar {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-blog {
		-ms-flex: 0 0 25%;
		flex: 0 0 94%;
		max-width: 100%;
	}
	.blog h3 {
		font-size: 20px;
	}
	.sohbetbar .item2 .bar2, .sohbetbar .item2 .bar {
		margin-top: 10px;
	}
	.altbar p {
		font-size: 15px;
	}
	.altbar button {
		width: 60%;
		font-size: 18px;
	}
	.footer i {
		font-size: 35px;
		margin-top: 10px;
		text-align: center;
	}
	.sohbetbar .item h2 {
		margin-top: 20px;
		font-size: 28px;
	}
	.footer ul li a {
		font-size: 20px;
	}
	.hakkimizda h2 {
		margin-top: 30px;
	}
}

@keyframes right{
	0%{
		transform:translateX(0)
	}
	40%{
		transform:translateX(10px)
	}
	60%{
		transform:translateX(5px)
	}
	100%{
		transform:translateX(0)
	}
}