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

body {
	--scrollbarBG: white;
	--thumbBG: #ff914d;
}
body::-webkit-scrollbar {
	width: 10px;
}
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);
}
.yanbar {
	--scrollbarBG: white;
	--thumbBG: #ff914d;
}
.yanbar::-webkit-scrollbar {
	width: 10px;
}
.yanbar {
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.yanbar::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
.yanbar::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}
.sohbetbar {
	--scrollbarBG: white;
	--thumbBG: #ff914d;
}
.sohbetbar::-webkit-scrollbar {
	width: 10px;
}
.sohbetbar {
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.sohbetbar::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
.sohbetbar::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}

.sohbetbar {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #788ef2;
	background: #00576e;
	box-shadow: 0px -2px 20px 5px black;
	border-top: 2px solid #ff914d;
	overflow: auto;
	padding: 25px;
}
.sohbetbar h2 {
	color: white;
	padding: 10px;
	border-bottom: 1px solid #ff914d;
	font-size: 30px;
	margin-top: 30px;
}
.sohbetbar h3 {
	font-size: 16px;
	color: #f6f6f6;
}
.sohbetbar form {
	text-align: center;
}
.sohbetbar i {
	background: #ff914d;
	color: white;
	padding: 10px;
	font-size: 25px;
	border-radius: 10px 0px 0px 10px;
}
.sohbetbar input {
	padding: 11px;
	border: none;
	margin-top: 10px;
	border-radius: 5px;
	width: 70%;
	font-size: 20px;
}
.sohbetbar button {
	padding: 5px;
	border: none;
	border-radius: 5px;
	margin-top: 10px;
	width: 90%;
	font-size: 30px;
	background: #ff914d;
	color: white;
	box-shadow: 0px 0px 5px 1px black;
}
.sohbetbar button:hover {
	color: #ff914d;
	background: white;
}

.yanbar {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 14px;
	overflow: auto;
	background: linear-gradient(178deg, #d9d9d9, transparent);
	border-left: 1px solid #ff914d;
}
.navs {
	display: none;
	background: #00576e;
	padding: 10px;
	border-top: 2px solid #ff914d;
	border-radius: 0px 0px 10px 10px;
}
.navs ul {
	text-align: right;
}
.navs ul li {
	list-style-type: none;
	margin-top: 10px;
}
.navs ul li a {
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}
.navs ul li a:hover {
	text-decoration: none;
	background: #ff914d;
	border-radius: 5px;
}
.download {
	background: #00576e;
	color: white;
	padding: 15px;
	margin: 0px auto;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid #00576e;
	cursor: pointer;
}
.download:hover, .download:hover a {
	text-decoration: none;
	background: white;
	color: #00576e;
}
.download i {
	font-size: 35px;
	float: left;
	margin-right: 15px;
	margin-left: 20px;
	border-radius: 10px;
	background: #ff914d;
	padding: 10px;
}
.download h2 {
	font-size: 25px;
	padding: 10px;
}
.download a {
	color: white;
}
.col-download {
	flex: 0 0 47%;
	max-width: 50%;
}
.rek {
	background: #00576e;
	color: white;
	padding: 15px;
	margin: 0px auto;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid #00576e;
}
.rek:hover {
	background: white;
	color: #00576e;
}
.rek i {
	font-size: 35px;
	float: left;
	margin-right: 15px;
	margin-left: 20px;
	border-radius: 10px;
	background: #ff914d;
	padding: 10px;
}
.rek h2 {
	font-size: 20px;
	padding: 10px;
}
.rek p {
	margin-top: 24px;
	margin-left: 22px;
}
.col-rek {
	flex: 0 0 32%;
	max-width: 50%;
}
.blog {
	padding: 20px;
	margin-top: 10px;
	text-align: center; 
	color: #00576e;

}
.blog .item {
	background: white;
	color: #00576e;
	padding: 10px;
	border-radius: 5px;
	margin: 0px auto;
	margin-top: 10px;
	box-shadow: 0px 0px 5px 1px black;
}
.blog .item img {
	width: 250px;
	height: 160px;
	background: #00576e;
	border-radius: 5px;
}
.blog .item h2 {
	font-size: 20px;
	margin-top: 20px;
	font-weight: bold;
}
.blog .item p {

}
.blog .item button {
	width: 100%;
	padding: 5px;
	border: none;
	background: #ff914d;
	color: white;
	font-weight: bold;
	letter-spacing: 3px;
	box-shadow: 0px 0px 5px 1px black;
}
.blog .item button:hover {
	color: #ff914d;
	background: #00576e;
}
.col-blog {
	flex: 0 0 32%;
	max-width: 50%;
}
.altbar {
	background: white;
	padding: 10px;
	border-radius: 10px;
}
.altbar h1 {
	font-size: 30px;
	text-align: center;
	color: #00576e;
	font-weight: bold;
	letter-spacing: 3px;
}
.altbar p {
	font-size: 15px;
}
.altbar button {
	background: #ff914d;
	border: none;
	padding: 10px;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	font-size: 20px;
	box-shadow: 0px 0px 5px 1px black;
}
.altbar button:hover {
	color: #ff914d;
	background: #00576e;
}
.gizlenmis {
	display: none;
}
.medya {
	text-align: center;
	background: #ffffff;
	padding: 0px;
	border-top: 2px solid #ff914d;
	border-radius: 0px 0px 10px 10px;
	padding-top: 20px;
}
.medya ul {
	text-align: center;
	margin-left: -40px;
}
.medya ul li {
	list-style-type: none;
	display: inline-block;
}
.medya ul li a {
	color: #00576e;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	border-radius: 10px;
}
.medya ul li a:hover {
	text-decoration: none;
	background: #ff914d;
}
.footer {
	background: #ffffff;
	padding: 10px;
	border-top: 2px solid #ff914d;
	border-radius: 0px 0px 10px 10px;
}
.footer ul {
	text-align: center;
	margin-left: -40px;
}
.footer ul li {
	list-style-type: none;
	display: inline-block;
}
.footer ul li a {
	color: #00576e;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	border-radius: 5px;
}
.footer ul li a:hover {
	text-decoration: none;
	background: #ff914d;
}
.hakkimizda h2 {
	text-align: center;
	font-size: 15px;
	color: #00576e;
}
.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: #ff914d;
	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: #00576e;
}
.yorum .comment-form-url{
	display: none
}
.text-yorum a:hover {
	background: #00576e;
}
.text-yorum a{
	background: #00576e;
	color: #ffffff;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0px 0px 10px 3px white;
}
@media screen and (max-width:1044px) { 
	.container-fluet {
		width: 96%;
	}
	.sohbetbar, .yanbar {
		position: relative;
	}
	.sohbetbar h2 {
		font-size: 25px;
		margin-top: 0px;
	}

	.sohbetbar button {
		font-size: 25px;
	}
	.yanbar {
		right: 0;
	}
	.col-rek, .col-download, .col-blog {
		flex: 0 0 82%;
		max-width: 100%;
	}
	.download h2 {
		font-size: 20px;
	}
	.rek {
		display: none;
	}
	.blog .item {
	}
	.altbar {
		background: white;
		padding: 20px;
		border-radius: 10px;
		padding-left: 50px;
	}
	.altbar h1 {
		font-size: 25px;
		letter-spacing:  0;
	}
	.altbar button {
		font-size: 15px;
	}
	.medya {
		padding: 5px;
	}
	.medya ul li {
		display: block;
		margin-top: 10px;
		background: #00576e;
		padding: 10px;
		width: 90%;
		margin: 0px auto;
		margin-top: 10px;
		border-radius: 10px;
	}
	.medya ul li a {
		color: #ffffff;
	}
	.footer ul li {
		display: block;
		margin-top: 10px;
		background: #00576e;
		padding: 10px;
		width: 90%;
		margin: 0px auto;
		margin-top: 10px;
		border-radius: 10px;
	}
	.footer ul li a {
		color: #ffffff;
	}
}

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