/* 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)

	}

}