/* Minification failed. Returning unminified contents.
(16964,22): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-sticky-bottom'
(28410,17): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-w'
(28411,18): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-h'
(28441,15): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-sticky-top'
(28457,15): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-sticky-top'
(28470,18): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-sticky-bottom'
(28471,17): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-rail'
(28491,19): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-sticky-top'
(28494,26): run-time error CSS1039: Token not allowed after unary operator: '-dh-embed-margin-top'
 */
@charset "utf-8";

/* Resetlemeler */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Genel Stiller */
a {
	text-decoration: none;
	color: #333333;
}

figure {
	margin: 0;
}

.cursor-pointer {
	cursor: pointer;
}

header,
nav,
div,
p,
a,
span,
figure,
figcaption,
article {
	display: inline-block;
}

/* ------------------------------ Kullanılabilir Sınıflar ------------------------------ */

/* Butonlar */

.btn {
	line-height: 30px;
	padding: 0 10px;
	color: #fff;
	font-size: 11pt;
	cursor: pointer;
	background: #f5792a;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

input.btn {
	border: none;
}

.btn.btn-1 {
	background: #d06724;
}

.btn.btn-2 {
	background: rgba(255, 255, 255, 0.40);
	color: #333 !important;
	border: 1px solid rgba(0, 0, 0, 0.20);
	line-height: 28px;
}

.btn.btn-0 {
	background: #dedede;
	color: #666;
	box-shadow: none;
}

.btn.btn-k {
	height: 20px;
	line-height: 20px;
	font-size: 8pt;
}

.btn.daha {
	width: 100%;
	padding: 5px 0;
	text-align: center;
	font-size: 13pt;
	font-weight: bold;
	margin: 0 0 25px 0;
}

	.btn.daha [class*=icon-] {
		line-height: 30px;
		margin: 0 10px;
	}

.btn:hover {
	opacity: 0.9;
}

.btn:active {
	box-shadow: none;
	color: #f1f1f1;
}

.btn.btn-0:active {
	color: #999;
}

.btn.btn-dark {
	background-color: #333333;
	color: #fff;
}

.btn.pasif {
	box-shadow: none;
	color: #999 !important;
	background: #dedede !important;
	cursor: default;
}

/* Bağlantılar */

.lnk {
	cursor: pointer;
	color: #f5792a;
	position: relative;
}

	.lnk:after {
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 0;
		height: 1px;
		background: #f5792a;
		content: "";
		transition: width 0.1s;
	}

	.lnk:hover:after {
		width: 100%;
	}

	.lnk.lnk-1 {
		color: #d06724;
	}

		.lnk.lnk-1:after {
			background: #d06724;
		}

	.lnk.lnk-2 {
		color: #333;
	}

		.lnk.lnk-2:after {
			background: #333;
		}

	.lnk.lnk-0 {
		color: #ccc;
	}

		.lnk.lnk-0:after {
			background: #ccc;
		}

/* Bakınız Bağlantısı */

.lnk-bkz {
	width: calc(100% - 63px);
	background: #fffaef;
	font-family: Arial;
	font-size: 14pt;
	line-height: 18pt;
	position: relative;
	margin: 0 30px 25px 30px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	border: 1px solid #ff6600;
	display: inline-block !important;
	cursor: pointer;
}

	/*.lnk-bkz {
	width:calc(100% - 63px); background:#f5f5f5; font-family:Arial; font-size:17pt; line-height:19pt; position:relative; margin:10px 30px 20px 30px; border-radius:60px; box-shadow:0 2px 3px rgba(0,0,0,0.2);  border:1px solid #f5792a; }*/
	/*.lnk-bkz:hover {
	opacity:0.9; }*/
	.lnk-bkz:active {
		box-shadow: none;
	}

	/*.lnk-bkz:hover {
	border-bottom:2px solid #EDD2B1; }
.lnk-bkz:active {
	background:linear-gradient(225deg, transparent 16px, #F9E4CB 0) top right; }*/
	.lnk-bkz .not {
		float: left;
		background: #f5792a;
		color: #ffffff;
		/*width:calc(20% - 20px);*/
		padding: 0 10px;
		height: 20px;
		line-height: 20px;
		position: absolute;
		top: -21px;
		left: 10px;
		/*margin:-15px 0 0 0;*/
		font-size: 9pt;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	/*.lnk-bkz .not:after {
	position:absolute; right:-15px; top:50%; width:0; height:0; content:''; margin:-15px 0 0 0; border-top:15px solid transparent; border-left:15px solid #ff6600; border-bottom:15px solid transparent; }*/
	.lnk-bkz .hedef {
		float: right;
		width: calc(100% - 50px);
		padding: 10px 20px;
		color: #f5792a;
		font-weight: bold;
		margin: 0 5px;
		font-family: 'Ubuntu', Arial;
		/*height:38pt;*/
		overflow: hidden;
	}

	/*.lnk-bkz .hedef .onizleme {
	float:left; width:80px; height:80px; background-size:cover; background-position:center; margin:-15px 15px -15px -15px; border-radius:40px; }*/


	.lnk-bkz.v2 {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		border: 1px solid #f4792b;
		background-color: #fefaef;
		width: calc(100% - 60px);
		margin: 20px 0 20px 30px;
		display: flex !important;
		font-family: Arial, Helvetica, sans-serif;
	}

		.lnk-bkz.v2 .img {
			float: left;
			width: 220px;
			height: 122px;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			margin: 0 15px 0 0 !important;
			border-radius: 9px 0 0 9px;
		}

		.lnk-bkz.v2 .right {
			width: calc(100% - 236px);
			float: right;
			padding: 18px 18px 18px 0;
			position: relative;
			box-sizing: border-box;
			margin: 0 !important
		}

			.lnk-bkz.v2 .right .title {
				display: block;
				color: #f4782e;
				font-size: 22px;
				font-weight: 700;
				letter-spacing: -0.53px;
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				text-align: left;
			}

			.lnk-bkz.v2 .right .bottom {
				position: absolute;
				right: 18px;
				left: 0;
				bottom: 12px;
				margin: 0 !important
			}

				.lnk-bkz.v2 .right .bottom .time {
					float: left;
					color: #d7ad94;
					font-size: 14px;
					letter-spacing: -0.34px;
				}

				.lnk-bkz.v2 .right .bottom .add-fav {
					float: right;
					margin: 0 !important;
					cursor: pointer;
				}

					.lnk-bkz.v2 .right .bottom .add-fav i {
						font-size: 24px;
					}

						.lnk-bkz.v2 .right .bottom .add-fav i:before {
							color: #d7ad94;
						}

					.lnk-bkz.v2 .right .bottom .add-fav.tooltip:hover:before {
						content: '';
						position: absolute;
						bottom: 3px;
						left: 3px;
						width: 0;
						height: 0;
						border-width: 6px;
						border-style: solid;
						border-color: transparent transparent rgba(0, 0, 0, 70%) transparent;
					}

					.lnk-bkz.v2 .right .bottom .add-fav.tooltip:after {
						background-color: rgba(0, 0, 0, 70%);
						top: initial;
						bottom: -20px;
					}

					.lnk-bkz.v2 .right .bottom .add-fav.active i:before {
						color: #f4782e;
					}



/* Bağlantı Tıklanmaları (Yorumlar vs. için) */

.lnk-tik {
	background: #f1f1f1;
	border-radius: 20px;
	padding: 0 7px;
	color: #999;
}

	.lnk-tik span {
		float: left;
		margin: 0 4px 0 0;
		line-height: 20px;
	}

/* Etkinlik Alarmı */

.etkinlik-alarmi {
	width: 100%;
	background: #f1f1f1;
	border-radius: 3px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

	.etkinlik-alarmi .aksiyon {
		float: left;
		background: #f5792a;
		color: #fff;
		font-size: 14pt;
		line-height: 40px;
		font-weight: bold;
		padding: 10px 20px;
		margin: 0 20px 0 0;
		width: calc(40% - 60px);
	}

	.etkinlik-alarmi.pasif .aksiyon {
		background: #999;
	}

	.etkinlik-alarmi .aksiyon span {
		float: left;
		margin: 0 10px 0 -5px;
		font-size: 20pt;
		line-height: 40px;
	}

	.etkinlik-alarmi .bilgilendirme {
		float: left;
		line-height: 20px;
		padding: 10px 0;
		color: #999;
		font-size: 12pt;
		vertical-align: middle;
		display: table-cell;
		width: 60%;
	}

		.etkinlik-alarmi .bilgilendirme strong {
			color: #333;
		}

/* Kaynak Bağlantısı */

.lnk-kaynak {
	width: calc(100% - 2px);
	background: #fff;
	border: 1px dotted #dedede;
	font-family: Arial;
	float: left;
	font-size: 9pt;
	line-height: 30px;
	position: relative;
	margin: 0 0 20px 0;
	/*padding:5px;*/
	color: #333;
	border-radius: 3px;
}

	.lnk-kaynak a {
		float: left;
		width: 100%;
	}

	.lnk-kaynak:active {
		background: #dedede;
	}

	.lnk-kaynak:after {
		position: absolute;
		left: 0;
		top: 0;
		content: 'Kaynak';
		background: #f1f1f1;
		padding: 0 5px;
		text-align: center;
		width: 60px;
	}

	.lnk-kaynak .hedef {
		float: right;
		width: calc(100% - 80px);
		height: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}


/* Date Picker */

.date-picker {
	position: relative;
	float: right;
	background-color: #ffffff;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	margin-left: 20px;
	margin-top: 2px;
	line-height: 20px;
}

	.date-picker .toggle-picker {
		position: relative;
		padding: 6px;
	}

		.date-picker .toggle-picker:before {
			content: "|";
			position: absolute;
			left: -12px;
			color: #ccc;
		}

		.date-picker .toggle-picker img {
			vertical-align: middle;
		}

	.date-picker .picker-container {
		position: absolute;
		display: none;
		z-index: 9999;
		box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
		background-color: #ffffff;
		border-radius: 4px;
		width: 426px;
		right: 0;
		top: 40px;
		padding: 12px;
	}

		.date-picker .picker-container.active {
			display: block;
		}

		.date-picker .picker-container .picker-item {
			display: inline-block;
			width: 160px;
		}

			.date-picker .picker-container .picker-item.w50 {
				width: 90px;
				text-align: center;
			}

			.date-picker .picker-container .picker-item span {
				font-size: 13px;
				color: #000;
				margin-bottom: 10px;
			}

			.date-picker .picker-container .picker-item input[type="date"] {
				background-color: #ffffff;
				border: 1px solid #cbcbcb;
				border-radius: 5px;
				padding: 4px 8px;
				width: calc(100% - 25px);
			}

			.date-picker .picker-container .picker-item a {
				padding: 4px 15px;
				background-color: #f4792b;
				box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
				border-radius: 5px;
				color: #fff;
				font-size: 12px;
			}

				.date-picker .picker-container .picker-item a:hover {
					background-color: #e27029;
				}

/* Date Picker */

/* Dropdown */

.menu-dd {
	/*height:30px;*/
	line-height: 30px;
	/*padding:0 10px;*/
	color: #666;
	font-size: 11pt;
	cursor: pointer;
	background: #fff;
	position: relative;
	z-index: 2;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

	.menu-dd option {
		background: #fff;
	}

	.menu-dd optgroup {
		background: #fff;
	}

	.menu-dd .varsayilan {
		padding: 0 10px;
		min-width: 140px;
	}

		.menu-dd .varsayilan .not {
			float: left;
			min-width: 100px;
		}

		.menu-dd .varsayilan .simge {
			float: right;
			line-height: 30px;
			margin: 0 0 0 15px;
			font-size: 13pt;
		}

	.menu-dd.kucuk .icon- {
		line-height: 24px;
	}

	.menu-dd ul {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		box-shadow: 0 0 5px #ccc;
		display: none;
		z-index: 3;
	}

	.menu-dd:hover > ul {
		display: inline-block;
	}

	.menu-dd ul li {
		width: 100%;
		line-height: 20px;
		cursor: pointer;
	}

		.menu-dd ul li a {
			padding: 5px 10px;
			display: block;
			background: #fff;
			color: #666;
		}

			.menu-dd ul li a:hover {
				background: #f5f5f5;
				color: #333;
			}

			.menu-dd ul li a:active {
				background: #dedede;
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
			}

			.menu-dd ul li a.aktif {
				color: #f60;
			}

select.menu-dd.grey {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
	background-color: #f1f1f1;
	font-weight: normal;
	border-color: transparent;
	color: #333;
}

select.menu-dd {
	/* select ile dropdown */
	background: #fff;
	height: 40px;
	font-size: 12pt;
	border: 1px solid #fff;
	padding: 0 5px;
	border-radius: 3px;
	font-weight: bold;
}

	select.menu-dd.mini {
		height: 30px;
		font-size: 15px;
	}

	select.menu-dd.v2 {
		height: 30px;
		font-size: 14px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
		background-color: #fff;
	}

	select.menu-dd:not(.force-night-mode):hover {
		background: #f9f9f9;
		border: 1px solid #dedede;
	}

	select.menu-dd:not(.force-night-mode):focus {
		background: #f9f9f9;
		border: 1px solid #f5792a;
	}

	select.menu-dd.tam {
		width: 100%;
	}

	select.menu-dd option {
		background: #fff;
		width: 100%;
	}

		select.menu-dd option:hover {
			background: #f1f1f1;
		}

		select.menu-dd option.aktif {
			background: #f5792a;
			color: #fff;
		}

.menu-dd hr {
	border: none;
	background: #f60;
	width: 100%;
	height: 1px;
	margin: 5px 0;
}

.yorumlar select.menu-dd {
	/* yalnızca yorum kısmında görünen dropdown içindir */
	height: 30px;
	font-size: 12pt;
	border: 1px solid #f5792a;
	float: left !important;
}

/* Dropdown Küçük (Video Detay) */

.menu-dd-kucuk {
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	color: #666;
	font-size: 11pt;
	background: #fff;
	position: relative;
	z-index: 2;
	font-weight: normal;
	float: left;
	border-radius: 3px;
}

	.menu-dd-kucuk.koyu {
		color: #fff;
		background: #333;
	}

	.menu-dd-kucuk.acik {
		color: #666;
		background: #f1f1f1;
	}

	.menu-dd-kucuk .oge {
		float: right;
	}

	.menu-dd-kucuk.koyu .oge {
		color: #fff;
	}

	.menu-dd-kucuk.acik .oge {
		color: #666;
	}

	.menu-dd-kucuk .simge {
		float: left;
		line-height: 24px;
		margin: 1px 5px 0 -2px;
		font-size: 13pt;
	}

	.menu-dd-kucuk .verilen {
		width: 120px;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		box-shadow: 0 0 5px #ccc;
		display: none;
		padding: 5px 0 0 0;
		z-index: 3;
		border-radius: 3px;
	}

	.menu-dd-kucuk:hover > .verilen {
		display: inline-block;
	}

	.menu-dd-kucuk .verilen .not {
		width: calc(100% - 20px);
		padding: 0 5px;
		margin: 0 5px 5px 5px;
		color: #333;
		font-size: 11pt;
		line-height: 15pt;
	}

	.menu-dd-kucuk .verilen .btn {
		width: calc(100% - 20px);
		padding: 0 5px;
		margin: 0 5px 5px 5px;
		float: left;
	}

	.menu-dd-kucuk .verilen .kutu {
		width: calc(100% - 20px);
		padding: 0 5px;
		margin: 0 5px 5px 5px;
		float: left;
		line-height: 24px;
		height: 24px;
		border: none;
		background: #f1f1f1;
		font-size: 11pt;
	}

/* Sonrası için İmle */

.imle {
	background: #f1f1f133 !important;
	padding: 4px 8px 0 8px;
	color: #999 !important;
	height: 30px;
	line-height: 30px;
	font-size: 16pt;
	float: right;
	margin: -7px 0 0 20px;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

	.imle.aktif {
		background: #f5792a !important;
		color: #fff !important;
	}

		.imle.aktif span[class^="icon-"]:before {
			color: #fff !important;
		}

	.imle.siyah.aktif span[class^="icon-"]:before {
		color: #000 !important;
	}

	.imle:hover {
		opacity: 0.9;
	}

	.imle:active {
		box-shadow: none;
	}

/* Textbox */

.kutu {
	/*width:280px; max-*/
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	padding: 5px 10px;
	color: #000;
	font-size: 12pt;
	background: #fff;
	border: none;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid #fff;
	border-radius: 3px;
}

	.kutu:focus {
		border-bottom: 1px solid #999;
		background: #feffed;
	}

	.kutu.onay {
		border-bottom: 1px solid #72bb12;
	}

	.kutu.red {
		border-bottom: 1px solid #ff0000;
	}

	.kutu.pasif {
		border-bottom: 1px dotted #ccc;
		background: #f1f1f1;
	}

/* Textbox Butonu */

.kutu-butonu {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #000;
	font-size: 12pt;
	background: #f5792a;
	color: #fff;
	font-weight: bold;
	font-size: 12pt;
	border: none;
	border-bottom: 2px solid #fff;
	border-radius: 3px;
	cursor: pointer;
}

	.kutu-butonu:active {
		background: #d06724;
	}

/* Textarea */

.kutu-alan {
	width: 280px;
	max-width: calc(100% - 20px);
	min-height: 80px;
	font-family: Arial;
	line-height: 20px;
	padding: 10px 10px;
	color: #000;
	font-size: 12pt;
	background: #f1f1f1;
	border: none;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid #f1f1f1;
	border-radius: 3px;
}

	.kutu-alan.tam {
		width: calc(100% - 20px);
	}

	.kutu-alan:focus {
		border-bottom: 1px solid #999;
		background: #feffed;
	}

	.kutu-alan.onay {
		border-bottom: 1px solid #72bb12;
	}

	.kutu-alan.red {
		border-bottom: 1px solid #ff0000;
	}

	.kutu-alan.pasif {
		border-bottom: 1px dotted #ccc;
	}

/* Tab */

/*.tab {
	width:calc(100% - 60px); line-height:30px; font-size:11pt; background:#ccc; padding:10px 30px 0 30px; border-bottom-right-radius:4px; }
.tab .tab-oge {
	float:left; margin:0 10px 0 0; }
.tab .tab-oge a {
	padding:5px 25px; margin-top:2px; border-bottom:1px solid #ccc; border-radius:3px; border-bottom-left-radius:0; border-bottom-right-radius:0; background:#dadada; color:#333; }
.tab .tab-oge a:hover {
	background:#f5f5f5; }
.tab .tab-oge a:active {
	background:#f1f1f1; box-shadow:inset 0 2px 3px rgba(0,0,0,0.3); }
.tab .tab-oge.aktif a {
	font-weight:bold; background:#e4e4e4; color:#f5792a; margin-top:0; border:none; border-top:3px solid #f5792a; box-shadow:-2px -1px 3px 0 rgba(0,0,0,0.10); }
.tab .tab-oge a [class*=icon-] {
	margin:0 10px 0 -10px; float:left; line-height:30px; font-size:14pt; }
.tab .menu-dd {
	float:right; }
.tab .simgeli {
	float:right; margin:2px -10px 0 20px; }
.tab .simgeli .simge {
	float:left; margin:0 5px 0 0; font-size:20px; color:#ccc; }
.tab .simgeli .dugme {
	margin:4px 10px 0 0; float:right; }*/

.tab {
	width: calc(100% - 60px);
	line-height: 30px;
	font-size: 11pt;
	padding: 30px 30px 0 30px;
	border-bottom-right-radius: 4px;
}

	.tab .tab-oge {
		float: left;
		margin: 0 7px 0 0;
		position: relative;
		font-weight: normal;
	}

		.tab .tab-oge a {
			padding: 0 9px;
			background: #fff;
			color: #333;
			border-radius: 3px;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
			float: left;
			position: relative;
		}

			.tab .tab-oge a:hover {
				background: #f5f5f5;
			}

			.tab .tab-oge a:active {
				background: #ccc;
				box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
			}

			.tab .tab-oge a [class*=icon-] {
				margin: 0 5px 0 -5px;
				float: left;
				line-height: 30px;
				font-size: 14pt;
				width: 19px;
				height: 30px;
			}

		.tab .tab-oge.simge a [class*=icon-] {
			margin: 0;
		}

		.tab .tab-oge a .miktar {
			position: absolute;
			top: -10px;
			right: 1px;
			background: #f5792a;
			color: #fff;
			font-size: 8pt;
			line-height: 9pt;
			padding: 2px 6px;
			border-radius: 20px;
			border-top: 1px solid #dedede;
		}

		.tab .tab-oge.aktif a .miktar {
			background: #fff;
			color: #f5792a;
		}

		.tab .tab-oge.aktif a {
			background: #f5792a;
			color: #fff;
			box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
		}

		.tab .tab-oge.ekle a {
			background: #f1f1f1;
			color: #ccc;
		}

		.tab .tab-oge.kaldir a {
			/*font-weight:bold;*/
			max-width: 100px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

			.tab .tab-oge.kaldir a.carpi {
				display: none;
				font-weight: bold;
				margin: 0;
				padding: 0 1px;
				line-height: 16px;
				position: absolute;
				top: -5px;
				right: -7px;
				background: #f1f1f1;
				color: #ccc;
			}

				.tab .tab-oge.kaldir a.carpi [class*=icon-] {
					margin: 0 3px;
					line-height: 16px;
					font-size: 8pt;
					width: auto;
					height: auto;
				}

		.tab .tab-oge.kaldir:hover > a.carpi {
			display: inherit;
		}

		.tab .tab-oge a.ikincil {
			display: none;
			background: #d06724;
			padding: 0 8px;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			box-shadow: none;
			margin: 0 0 0 -2px;
		}

		.tab .tab-oge.aktif a.ikincil {
			display: block;
		}

		.tab .tab-oge a.ikincil [class*=icon-] {
			margin: 0;
		}

		.tab .tab-oge:hover .carpi {
			display: none;
		}

		.tab .tab-oge.v2 a {
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			border-radius: 2px;
		}

		.tab .tab-oge.aktif.v2 a {
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			border-radius: 2px;
			background-color: #f5792a;
		}

	.tab .menu-dd {
		float: right;
	}

	.tab .simgeli {
		float: right;
		margin: 0 0 0 5px;
		position: relative;
		z-index: 99;
	}

		.tab .simgeli .simge {
			float: left;
			padding: 6px;
			cursor: pointer;
			border-radius: 3px;
			box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
			background-color: #f1f1f1;
		}

			.tab .simgeli .simge img {
				float: left;
			}

		.tab .simgeli .stil-list {
			display: none;
			position: absolute;
			right: 0;
			top: 34px;
			width: 281px;
			padding: 16px 0 0 0;
		}

			.tab .simgeli .stil-list ul {
				width: 100%;
				height: 100%;
				border-radius: 5px;
				box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
				border: solid 1px #dedede;
				background-color: #fff;
				padding: 15px 5px;
				box-sizing: border-box;
				display: inline-block;
			}

		.tab .simgeli:hover .stil-list {
			display: block;
		}

		.tab .simgeli .stil-list ul:before {
			content: '';
			position: absolute;
			top: -3px;
			right: 7px;
			width: 0;
			height: 0;
			border-width: 10px;
			border-style: solid;
			border-color: transparent transparent #fff transparent;
		}

		.tab .simgeli .stil-list ul li {
			width: 100%;
			float: left;
			border-radius: 5px;
			position: relative;
			margin: 0 0 2px 0
		}

			.tab .simgeli .stil-list ul li a {
				width: 100%;
				float: left;
				line-height: 22px;
				font-size: 16px;
				font-weight: bold;
				color: #999;
				padding: 9px 0;
			}

			.tab .simgeli .stil-list ul li:hover {
				background-color: rgba(241, 241, 241, 0.65);
			}

			.tab .simgeli .stil-list ul li img {
				float: left;
				margin: 0 13px 0 17px;
			}

			.tab .simgeli .stil-list ul li.active {
				background-color: #f1f1f1;
			}

				.tab .simgeli .stil-list ul li.active:after {
					content: "\ea10";
					font-family: 'icomoon' !important;
					color: #f4792b;
					font-size: 21px;
					position: absolute;
					right: 10px;
					top: 4px;
				}

			.tab .simgeli .stil-list ul li.surprise-mode {
				border-radius: 5px;
				border: solid 1px #dedede;
				background-color: #f5f5f5;
				padding: 7px 5px 10px 0;
				display: flex;
				flex-direction: column;
				gap: 8px;
				box-sizing: border-box;
				margin-bottom: -10px;
			}

				.tab .simgeli .stil-list ul li.surprise-mode .head {
					display: flex;
					flex-direction: row;
					gap: 13px;
					align-items: center;
				}

					.tab .simgeli .stil-list ul li.surprise-mode .head .title {
						font-size: 16px;
						font-family: Arial, Helvetica, sans-serif;
						color: #999;
					}

					.tab .simgeli .stil-list ul li.surprise-mode .head img {
						margin-right: 0;
					}

					.tab .simgeli .stil-list ul li.surprise-mode .head .native-switch {
						margin-left: auto;
					}

				.tab .simgeli .stil-list ul li.surprise-mode p.description {
					font-size: 12px;
					letter-spacing: -0.38px;
					text-align: center;
					color: #999;
					font-family: Arial, Helvetica, sans-serif;
					line-height: 15px;
				}

.native-switch {
	border: solid 1.5px rgba(0, 0, 0, 0.1);
	vertical-align: middle;
	background-color: #f5f5f5;
	display: inline-block;
	height: 30.5px;
	width: 51px;
	border-radius: 20px;
	cursor: pointer;
}

	.native-switch.active {
		background-color: #f5792a;
		background-image: none;
	}

	.native-switch:before {
		content: "";
		height: 28px;
		width: 28px;
		background-color: #fff;
		display: inline-block;
		border-radius: 100%;
		box-shadow: 1px 2px 4px rgba(1, 2, 2, 0.35);
		margin-top: 1px;
	}

	.native-switch.passive:before {
		float: left;
	}

	.native-switch.active:before {
		float: right;
	}

/* Yeni Haber Var Butonu */
#news-published-refresh {
	position: absolute;
	left: 0;
	right: 0;
}

.new-news-container {
	display: block;
	text-align: center;
	margin-bottom: -20px;
	height: 40px;
}

	.new-news-container a.refresh-news {
		position: relative;
		z-index: 9999;
		background-color: #000000;
		opacity: 0.71;
		border-radius: 20px;
		box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.19);
		padding: 10px 25px;
		font-weight: 500;
		font-size: 16px;
		color: #fff;
	}

		.new-news-container a.refresh-news i {
			font-size: 20px;
			padding-right: 5px;
			vertical-align: sub;
		}

		.new-news-container a.refresh-news.fixed {
			position: fixed;
			top: 40px;
			left: calc(50% - 98px);
		}

/* Tik kutusu ve Radyo Buton */

.cb {
	line-height: 30px;
	color: #333;
	font-size: 12pt;
}

	.cb input {
		display: none;
	}

		.cb input + label span {
			width: 16px;
			height: 16px;
			border: 1px solid #ccc;
			border-radius: 4px;
			margin: -3px 8px 0 0;
			vertical-align: middle;
			background: #ffffff;
			cursor: pointer;
			background-image: linear-gradient(to bottom, #ffffff 0, #dedede 100%);
		}

		.cb input[type="radio"] + label span {
			border-radius: 10px;
		}

		.cb input:checked + label span {
			background: #ff6600;
			border: 1px solid #dedede;
			background-image: linear-gradient(to top, #f90 0, #f30 100%);
		}

		.cb input:disabled + label span {
			background: #f1f1f1;
			border: 1px solid #f1f1f1;
			opacity: 0.5;
		}

		.cb input:checked:disabled + label span {
			background: #f60;
			border: 1px solid #f90;
		}

	.cb label {
		cursor: pointer;
	}

/* Düğme (Toggle) */

.dugme {
	position: relative;
	width: 80px;
}

	.dugme.kucuk {
		width: 50px;
	}

.dugme-cb {
	display: none;
}

.dugme-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #ff6600;
	border-radius: 20px;
	background: #ff6600;
}

.dugme.kucuk .dugme-label {
	border: none;
}

.dugme-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
}

	.dugme-inner:before,
	.dugme-inner:after {
		display: block;
		float: left;
		width: 50%;
		height: 30px;
		padding: 0;
		line-height: 30px;
		font-size: 11pt;
		color: #ffffff;
		font-weight: bold;
		box-sizing: border-box;
	}


.dugme.kucuk .dugme-inner:before,
.dugme.kucuk .dugme-inner:after {
	height: 22px;
	line-height: 22px;
	font-size: 7pt;
	font-weight: normal;
}

.dugme-inner:before {
	content: "Açık";
	padding-left: 10px;
	background: #ff6600;
	color: #ffffff;
}

.dugme.hide-text .dugme-inner:before,
.dugme.hide-text .dugme-inner:after {
	content: '';
}

.dugme-inner:after {
	content: "-";
	padding-right: 15px;
	background: #333333;
	color: #fff;
	text-align: right;
}

.dugme-switch {
	display: block;
	width: 18px;
	margin: 6px;
	background: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 46px;
}

.dugme.kucuk .dugme-switch {
	right: 26px;
	width: 14px;
	margin: 3px;
}

.dugme.kucuk .dugme-inner:before {
	padding-left: 7px;
}

.dugme-cb:checked + .dugme-label .dugme-inner {
	margin-left: 0;
}

.dugme-cb:checked + .dugme-label .dugme-switch {
	right: 0px;
}

.dugme-cb:disabled + .dugme-label {
	opacity: 0.3;
}

/* Uyarılar */

.uyari {
	width: calc(100% - 42px);
	padding: 15px 20px;
	border-radius: 5px;
	font-size: 11pt;
	line-height: 18pt;
	background-image: linear-gradient(to bottom, #ffffff 0, #dedede 100%);
	border: 1px solid #f1f1f1;
	color: #666666;
	margin: 0 0 15px 0;
}

	.uyari.yesil {
		background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
		border: 1px solid #b2dba1;
		color: #3c763d;
	}

	.uyari.sari {
		background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
		border: 1px solid #f5e79e;
		color: #8a6d3b;
	}

	.uyari.kirmizi {
		background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
		border: 1px solid #dca7a7;
		color: #a94442;
	}

	.uyari.seffaf {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 1) 80%);
		border: 1px solid #000;
		color: #fff;
	}

	.uyari.tepe {
		border: none;
		width: calc(100% - 40px);
		border-radius: 0;
		margin: 0;
	}

	.uyari .btn {
		float: right;
		margin: 2px -5px 2px 15px !important;
	}

	.uyari hr {
		width: 100%;
		height: 1px;
		background: #ccc;
		border: none;
		margin: 0 0 20px 0;
	}

/* Tablolar */

.tablo {
	width: 100%;
	overflow: auto;
}

	.tablo table {
		width: calc(100% - 2px);
		font-size: 11pt;
		line-height: 15pt;
		background: #fff;
		border: 1px solid #f1f1f1;
		color: #666666;
		text-align: left;
	}

		.tablo table thead {
			background: #f1f1f1;
		}

			.tablo table thead tr {
				border: 1px solid #dedede;
			}

			.tablo table thead th {
				padding: 10px;
				border-left: 1px solid #dedede;
			}

		.tablo table tbody {
			border: 1px solid #f1f1f1;
		}

			.tablo table tbody tr {
				border-bottom: 1px solid #f1f1f1;
			}

			.tablo table tbody th {
				padding: 10px;
				border-left: 1px solid #f1f1f1;
				min-width: 100px;
			}

			.tablo table tbody td {
				padding: 10px;
				border-left: 1px solid #f1f1f1;
				min-width: 100px;
			}

/* Listeler */

.liste {
	width: 100%;
}

ul.liste li {
	width: 100%;
	position: relative;
	padding: 0 0 0 15px;
}

	ul.liste li:after {
		position: absolute;
		top: 8px;
		left: 0;
		width: 6px;
		height: 6px;
		background: #f60;
		content: '';
		border-radius: 3px;
	}

ol {
	counter-reset: item;
}

	ol.liste li:before {
		content: counter(item) ". ";
		counter-increment: item;
		color: #f60;
	}

/* Yükleniyor */

svg.yukleniyor {
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 40px;
}

/* Standart Medya */

.medya {
	width: 100%;
	background: #fff;
	position: relative;
	border-radius: 3px;
	/*box-shadow:0 0 10px #dedede;*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	z-index: 3;
}

	.medya.karsitlik {
		background: #111;
	}

	/*.medya.renk-1 {
	background:#fff6f0; }
.medya:hover {
	box-shadow:0 0 20px #ccc; }
.medya:active {
	box-shadow:0 0 2px #dedede; }*/
	.medya .buzlucam {
		background-size: cover;
		background-position: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		/*z-index:1;*/
		border-radius: 3px;
		/*opacity:0.3; -webkit-filter:blur(20px); box-shadow:inset 0 0 30px #000;*/
	}

	.medya .onizleme {
		width: 100%;
		position: relative;
		float: left;
		min-width: 100px;
		z-index: 2;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		margin: 0;
		cursor: pointer;
	}

		.medya .onizleme img {
			width: 100%;
			height: auto;
			float: left;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			border-bottom: 1px solid white;
		}

		.medya .onizleme .baslik {
			width: calc(100% - 40px);
			padding: 100px 20px 20px 20px;
			position: absolute;
			bottom: 1px;
			left: 0;
			background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
			color: #f1f1f1;
			font-size: 26pt;
			line-height: 30pt;
			font-family: 'Ubuntu', Arial;
			font-weight: bold;
			margin: 0;
		}

			.medya .onizleme .baslik:hover {
				color: #fff;
			}

		.medya .onizleme .tur-icon {
			position: absolute;
			top: 50%;
			right: 50%;
			margin: -30px -30px 0 0;
		}

		.medya .onizleme .yukleniyor {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 1px;
			left: 0;
			z-index: 3;
			background-color: rgba(0, 0, 0, 0.8);
			background-image: url(../img/yukleniyor.svg);
			background-repeat: no-repeat;
			background-position: center;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

		.medya .onizleme .bakanlar {
			position: absolute;
			top: 10px;
			right: 0;
			background: #f00;
			color: #fff;
			font-size: 9pt;
			line-height: 14px;
			border-top-left-radius: 14px;
			border-bottom-left-radius: 14px;
			padding: 2px 5px 2px 7px;
			box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
		}

			.medya .onizleme .bakanlar .simge {
				float: left;
				margin: 0 5px 0 0;
				font-size: 9pt;
				height: 14px;
			}

				.medya .onizleme .bakanlar .simge * {
					line-height: 14px;
				}

			.medya .onizleme .bakanlar .nedir {
				float: right;
			}

	.medya .govde {
		width: calc(100% - 40px);
		padding: 15px 20px 20px 20px;
		float: left;
		position: relative;
		z-index: 2;
	}

	.medya .baslik {
		width: 100%;
		font-weight: bold;
		margin: 0 0 15px 0;
		font-size: 16pt;
		line-height: 22pt;
		font-family: 'Ubuntu', Arial;
		color: #333;
	}

		.medya .baslik:hover {
			color: #000;
		}

	.medya.karsitlik .baslik {
		color: #f1f1f1;
	}

		.medya.karsitlik .baslik:hover {
			color: #fff;
		}

	.medya .bilgi {
		width: 100%;
		font-size: 11pt;
		margin: 0 0 15px 0;
		line-height: 15pt;
		color: #999999;
	}

	.medya .aciklama {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		color: #999;
		/*max-height:30pt; overflow:hidden;*/
	}

	.medya .alt {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		color: #999;
		margin: 20px 0 0 0;
		z-index: 4;
		position: relative;
	}

		.medya .alt .damga {
			/*float:right;*/
			color: #ccc;
			margin: 0 5px 0 0;
			max-width: 130px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

			.medya .alt .damga span {
				float: left;
				font-size: 12pt;
				line-height: 14pt;
				margin: 1pt 4px 0 0;
			}

.kolon.takip-akisi .medya .alt .damga {
	position: relative;
	padding-left: 24px;
}

	.kolon.takip-akisi .medya .alt .damga span {
		margin: 0;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(0, -50%);
		width: 18px;
		font-size: 16px;
	}

.kolon.takip-akisi .medya .alt .imle.aktif {
	background: none !important;
	color: #444 !important;
}

	.kolon.takip-akisi .medya .alt .imle.aktif span[class^="icon-"]:before {
		color: #444 !important;
	}

.medya .alt .imle {
	/*position:absolute; top:10px; right:10px; margin:0;*/
	margin: -8px 0 -10px 10px;
	background: none;
	box-shadow: none;
	color: #ccc;
}

	.medya .alt .imle.aktif {
		color: #f5792a;
	}

.medya .alt .gundem-buton {
	float: unset;
	margin: -2px 0 0 0;
	vertical-align: top;
}

	.medya .alt .gundem-buton .simge {
		background: none;
	}


/* Medya (Görüntülediniz) */

.medya.goruldu {
	background: #f1f1f1;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

	.medya.goruldu:after {
		background: #f1f1f1;
		content: 'Görüntülediniz';
		position: absolute;
		top: 10px;
		left: 0;
		z-index: 22;
		line-height: 20px;
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
		padding: 0 5px;
		font-size: 9pt;
		color: #666;
	}

	.medya.goruldu .onizleme img {
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}

	.medya.goruldu .govde img {
		border-bottom: 1px solid #ccc;
	}

	.medya.goruldu .baslik {
		color: #666;
	}

.medya.karsitlik.goruldu .govde img {
	border-bottom: 1px solid #999;
}

.medya.karsitlik.goruldu .baslik {
	color: #999;
}

.genis .medya.goruldu .baslik {
	color: #ccc;
}

/* Standart Medya Boyutunda Modül */

.medya-modul {
	width: 100%;
	height: 366px;
	float: left;
	margin: 0 0 30px 0;
}

/* Alternatif Medya */

.medya-blog {
	width: 100%;
	background: #fff;
	position: relative;
	/*padding:0 0 20px 0; border-bottom:1px solid #dedede;*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

	.medya-blog .onizleme {
		width: 100%;
		background-size: cover;
		background-position: center;
		position: relative;
		/*margin:0 0 15px 0;*/
		/*max-height:500px;*/
		overflow: hidden;
		float: left;
		background-color: #ccc;
	}

		.medya-blog .onizleme img {
			width: 100%;
		}

		.medya-blog .onizleme .not {
			position: absolute;
			top: 20px;
			left: 20px;
			background: #f00;
			color: #fff;
			font-size: 11pt;
			font-weight: bold;
			padding: 0 10px;
			line-height: 30px;
			border-radius: 3px;
		}

		.medya-blog .onizleme .yukleniyor {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 5;
			background-color: rgba(0, 0, 0, 0.8);
			background-image: url(../img/yukleniyor.svg);
			background-repeat: no-repeat;
			background-position: center;
		}

		.medya-blog .onizleme .bakanlar {
			position: absolute;
			top: 80px;
			right: 0;
			background: #f00;
			color: #fff;
			font-size: 9pt;
			line-height: 14px;
			border-top-left-radius: 14px;
			border-bottom-left-radius: 14px;
			padding: 2px 5px 2px 7px;
			box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
		}

			.medya-blog .onizleme .bakanlar .simge {
				float: left;
				margin: 0 5px 0 0;
				font-size: 9pt;
				height: 14px;
			}

				.medya-blog .onizleme .bakanlar .simge * {
					line-height: 14px;
				}

			.medya-blog .onizleme .bakanlar .nedir {
				float: right;
			}

	.medya-blog .govde {
		width: calc(100% - 40px);
		padding: 100px 20px 20px 20px;
		position: absolute;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
		color: #fff;
	}

	.medya-blog .baslik {
		width: 100%;
		font-size: 26pt;
		line-height: 30pt;
		font-family: 'Ubuntu', Arial;
		font-weight: bold;
		color: #fff;
		margin: 0 0 10px 0;
		text-shadow: 0 1px 2px #000;
	}

	/*.medya-blog:hover .baslik {
	display:none; }*/
	.medya-blog .bilgi {
		width: 100%;
		font-size: 11pt;
		margin: 0 0 15px 0;
		line-height: 15pt;
		color: #999999;
	}

	.medya-blog .aciklama {
		width: 100%;
		font-size: 12pt;
		line-height: 16pt;
		color: #dedede;
		/*font-family:Georgia;*/
		display: none;
	}

	.medya-blog:hover .aciklama {
		display: inline-block;
	}

	.medya-blog .alt {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		color: #999;
		margin: 15px 0 0 0;
		z-index: 4;
		position: relative;
	}

		.medya-blog .alt .altbilgi {
			color: #ccc;
			margin: 0 10px 0 0;
		}

		.medya-blog .alt .damga {
			/*float:right;*/
			color: #ccc;
			margin: 0 10px 0 0;
		}

			.medya-blog .alt .damga span {
				float: left;
				font-size: 10pt;
				line-height: 14pt;
				margin: 1pt 4px 0 0;
			}

		.medya-blog .alt .imle {
			/*position:absolute; top:10px; right:10px; margin:0;*/
			margin: -8px -5px -15px 10px;
			background: none;
			box-shadow: none;
			color: #ccc;
		}

			.medya-blog .alt .imle.aktif {
				color: #f5792a;
			}


/* Medya İnce */
/* .medya-ince {
	width: calc(100% - 60px);
	position: relative;
	display: grid;
	grid-template-columns: auto 100px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background-color: #ffffff;
	margin: 0 0 10px 30px;
	padding: 10px 10px 13px 15px;
}

.medya-ince:hover {
	background-color: #f1f1f1;
}

.medya-ince .onizleme {
	position: relative;
	z-index: 99;
	float: right;
	height: 56px;
	width: 100px;
	border-radius: 3px;
	border: 1px solid #f1f1f1;
	background-size: cover;
}

.medya-ince .onizleme .news-info {
	position: absolute;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 4px;
	right: 4px;
	color: #dedede;
	font-size: 11px;
	padding: 4px 6px;
	line-height: 14px;
}

.medya-ince .onizleme .news-info i {
	font-size: 14px;
	float: left;
	margin: 0 6px 0 0;
}

.medya-ince .tur-icon {
	width: auto;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	padding: 0px 5px 5px 5px;
	border-radius: 4px;
	text-align: left;
	right: 4px;
	bottom: 4px;
	top: auto;
}

.medya-ince .tur-icon span {
	line-height: 22px;
}

.medya-ince .tur-icon .icon-image {
	font-size: 15px;
	vertical-align: middle;
}

.medya-ince .govde {
	position: relative;
	width: 100%;
}

.medya-ince .baslik {
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	padding-top: 5px;
	line-height: 19px;
	max-width: 98%;
}

.medya-ince .alt {
	display: block;
	margin: 11px 0 0 0;
}

.medya-ince .alt .damga {
	color: #adadad;
	font-size: 13px;
	padding: 0 2px;
}

.medya-ince .alt .damga:after {
	content: ".";
	position: relative;
	bottom: 3px;
	left: 4px;
}

.medya-ince .alt .damga:last-child:after {
	content: "";
}

.medya-ince .alt .gundem-buton {
	margin: 0 0 -7px 0;
}

.medya-ince .absoluteLink {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
} */
.medya-ince {
	width: calc(100% - 60px);
	position: relative;
	display: grid;
	grid-template-columns: auto 100px;
	margin: 0 0 10px 30px;
	padding: 10px 10px 13px 15px;
	border-radius: 3px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

	.medya-ince:hover {
		background-color: #f1f1f1;
	}

	.medya-ince .onizleme {
		z-index: 99;
		height: 56px;
		width: 100px;
		border-radius: 3px;
		border: 1px solid #f1f1f1;
		background-size: cover;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translate(0, -50%);
	}

		.medya-ince .onizleme .news-info {
			position: absolute;
			border-radius: 4px;
			background-color: rgba(0, 0, 0, 0.5);
			bottom: 4px;
			right: 4px;
			color: #dedede;
			font-size: 11px;
			padding: 4px 6px;
			line-height: 14px;
		}

			.medya-ince .onizleme .news-info i {
				font-size: 14px;
				float: left;
				margin: 0 6px 0 0;
			}

	.medya-ince .tur-icon {
		width: auto;
		height: 15px;
		line-height: 15px;
		font-size: 11px;
		padding: 0px 5px 5px 5px;
		border-radius: 4px;
		text-align: left;
		right: 4px;
		bottom: 4px;
		top: auto;
	}

		.medya-ince .tur-icon span {
			line-height: 22px;
		}

		.medya-ince .tur-icon .icon-image {
			font-size: 15px;
			vertical-align: middle;
		}

	.medya-ince .govde {
		position: relative;
		width: 100%;
	}

	.medya-ince .baslik {
		color: #333333;
		font-size: 18px;
		font-weight: 700;
		line-height: 19px;
		margin: 19px 0 19px 0;
	}

	.medya-ince .alt {
		margin: 11px 11px 0 0;
		text-align: right;
		position: absolute;
		right: 0;
		bottom: 0;
	}

		.medya-ince .alt .damga {
			color: #adadad;
			font-size: 13px;
			padding: 0 2px;
		}

			.medya-ince .alt .damga:after {
				content: ".";
				position: relative;
				bottom: 3px;
				left: 4px;
			}

			.medya-ince .alt .damga:last-child:after {
				content: "";
			}

		.medya-ince .alt .gundem-buton {
			margin: 0 0 -7px 0;
		}

	.medya-ince .absoluteLink {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 9;
	}

/* Medya Makale */
.medya-makale {
	position: relative;
	display: block;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background-color: #f1f1f1;
	margin: 0 0 20px 30px;
	padding: 10px;
}

	.medya-makale .baslik {
		position: relative;
		width: calc(100% - 55px);
		padding: 5px 0 15px 0;
		font-size: 26px;
		font-weight: 700;
		color: #fff;
	}

		.medya-makale .baslik.siyah {
			color: #000;
		}

	.medya-makale .imle {
		background: none !important;
		box-shadow: none;
	}

		.medya-makale .imle span:before {
			color: #fff;
		}

		.medya-makale .imle.siyah span:before {
			color: #000;
		}

	.medya-makale .blur-bg {
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 100%;
	}

	.medya-makale .buzlucam {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 50%;
		filter: blur(30px);
		opacity: 0.6;
		background-position: top;
		pointer-events: none;
	}

	.medya-makale .onizleme {
		position: relative;
		display: block;
	}

		.medya-makale .onizleme img {
			display: inline-block;
			height: 390px;
			width: 100%;
		}

		.medya-makale .onizleme .bakanlar {
			position: absolute;
			right: 0;
			top: 10px;
			border-radius: 4px 0 0 4px;
			background-color: #ff0000;
			font-size: 12px;
			color: #fff;
			padding: 3px 6px;
		}

		.medya-makale .onizleme .alt {
			position: absolute;
			left: 5px;
			right: 5px;
			bottom: 8px;
		}

			.medya-makale .onizleme .alt .damga {
				border-radius: 4px;
				background-color: rgba(0, 0, 0, 0.5);
				color: #fff;
				font-size: 11px;
				padding: 3px 6px;
			}

				.medya-makale .onizleme .alt .damga.sag {
					float: right;
				}

				.medya-makale .onizleme .alt .damga.gundem-buton {
					padding: 0 5px;
					margin: 0px 0px;
					float: initial;
					display: inline-block;
				}

					.medya-makale .onizleme .alt .damga.gundem-buton .sayi {
						font-size: 11px;
						line-height: 10px;
						color: #fff !important;
						float: initial;
						vertical-align: middle;
						margin: -2px 2px 0 3px;
					}

					.medya-makale .onizleme .alt .damga.gundem-buton.pasif {
						background: #f5792a;
					}

					.medya-makale .onizleme .alt .damga.gundem-buton .simge i {
						margin: 4px 0 -1px 0;
					}

	.medya-makale .govde p {
		width: 100%;
		float: left;
	}

	.medya-makale .govde .giris {
		color: #333333;
		width: 100%;
		font-style: italic;
		font-size: 18px;
		line-height: 24px;
		padding: 15px 0 10px 0
	}

	.medya-makale .govde h2 {
		font-size: 20pt !important;
		line-height: 26pt !important;
		color: #ff6600;
		margin: 15px 0 20px 0;
	}

	.medya-makale .habere-git {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		background-image: linear-gradient(180deg, rgba(241, 241, 241, 0.1) 0, #f1f1f1 50%);
		height: 20%;
	}

		.medya-makale .habere-git a {
			position: absolute;
			bottom: 16px;
			left: 0;
			right: 0;
			color: #000000;
			font-size: 14px;
			font-weight: 700;
		}

			.medya-makale .habere-git a i {
				position: relative;
				top: 2px;
			}

/* Medya Yatay (Görüntülediniz) */
.medya-blog.goruldu {
	background: #f1f1f1;
}

	.medya-blog.goruldu:after {
		background: #f1f1f1;
		content: 'Görüntülediniz';
		position: absolute;
		top: 10px;
		left: 0;
		z-index: 22;
		line-height: 20px;
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
		padding: 0 5px;
		font-size: 9pt;
		color: #666;
	}

	.medya-blog.goruldu .onizleme {
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}

	.medya-blog.goruldu .govde .baslik {
		color: #ccc;
	}


.medya-makale .govde {
	line-height: 20px;
	font-size: 14px;
}

.medya-makale .start-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	opacity: 0.8;
	font-size: 62px;
	padding: 15px;
}

	.medya-makale .start-video i {
		-webkit-filter: drop-shadow(2px 0px 6px #00000070);
		-moz-filter: drop-shadow(2px 0px 6px #00000070);
		filter: drop-shadow(2px 0px 6px #00000070);
	}

/* Yatay Medya */

.medya-yatay {
	width: 100%;
	display: flex;
	flex-direction: row;
	background: #ffffff;
	position: relative;
	/*box-shadow:0 0 10px #dedede;*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

	/*.medya-yatay:hover {
	box-shadow:0 0 20px #ccc; }
.medya-yatay:active {
	box-shadow:0 0 2px #dedede; }*/
	.medya-yatay .onizleme {
		width: 200px;
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		background-size: cover;
		background-position: center;
		float: left;
		background-color: #ccc;
		cursor: pointer;
		flex: 0 0 auto;
	}

		.medya-yatay .onizleme .yukleniyor {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 3;
			background-color: rgba(0, 0, 0, 0.8);
			background-image: url(../img/yukleniyor.svg);
			background-repeat: no-repeat;
			background-position: center;
		}

		.medya-yatay .onizleme .bakanlar {
			position: absolute;
			bottom: 10px;
			right: 0;
			background: #f00;
			color: #fff;
			font-size: 9pt;
			line-height: 14px;
			border-top-left-radius: 14px;
			border-bottom-left-radius: 14px;
			padding: 2px 5px 2px 7px;
			box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
		}

			.medya-yatay .onizleme .bakanlar .simge {
				float: left;
				margin: 0 5px 0 0;
				font-size: 9pt;
				height: 14px;
			}

				.medya-yatay .onizleme .bakanlar .simge * {
					line-height: 14px;
				}

			.medya-yatay .onizleme .bakanlar .nedir {
				float: right;
			}

	.medya-yatay .govde {
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		padding: 15px;
		position: relative;
	}

	.medya-yatay .baslik {
		width: 100%;
		/*font-weight:bold;*/
		margin: 0 0 10px 0;
		font-size: 17pt;
		line-height: 20pt;
		font-weight: bold;
		font-family: 'Ubuntu', Arial;
		word-break: break-word;
	}

		.medya-yatay .baslik a {
			display: inline;
		}

		.medya-yatay .baslik .trash {
			float: right;
			cursor: pointer;
		}

			.medya-yatay .baslik .trash i {
				font-size: 16px;
				color: #ccc;
			}

	.medya-yatay .bilgi {
		width: 100%;
		font-size: 11pt;
		margin: 0 0 10px 0;
		line-height: 15pt;
		color: #999999;
	}

	.medya-yatay .aciklama {
		width: 100%;
		font-size: 11pt;
		line-height: 14pt;
		color: #999;
		padding-bottom: 35px;
		word-break: break-word;
	}

	.medya-yatay .alt {
		font-size: 11pt;
		line-height: 15pt;
		color: #999;
		margin: 10px 0 0 0;
		z-index: 4;
		position: absolute;
		right: 15px;
		bottom: 15px;
	}

		.medya-yatay .alt .damga {
			color: #ccc;
			margin: 0 10px 0 0;
			/*max-width:130px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/
		}

			.medya-yatay .alt .damga.gizlenebilir {
				display: none;
			}

			.medya-yatay .alt .damga span {
				float: left;
				font-size: 12pt;
				line-height: 14pt;
				margin: 1pt 4px 0 0;
				height: 18px;
				width: 16px;
			}

		.medya-yatay .alt .imle {
			margin: -5px -5px -5px 0;
			background: none;
			box-shadow: none;
			color: #ccc;
		}

			.medya-yatay .alt .imle .icon-bookmark,
			.medya-yatay .alt .imle .icon-bookmark-o {
				min-width: 32px;
				min-height: 34px;
			}

			.medya-yatay .alt .imle.aktif {
				color: #f5792a;
			}

	/* Medya Yatay (Görüntülediniz) */

	.medya-yatay.goruldu {
		background: #f1f1f1;
	}

		.medya-yatay.goruldu:after {
			background: #f1f1f1;
			content: 'Görüntülediniz';
			position: absolute;
			top: 10px;
			left: 0;
			z-index: 22;
			line-height: 20px;
			border-bottom-right-radius: 3px;
			border-top-right-radius: 3px;
			padding: 0 5px;
			font-size: 9pt;
			color: #666;
		}

		.medya-yatay.goruldu .onizleme {
			-webkit-filter: grayscale(1);
			filter: grayscale(1);
		}

		.medya-yatay.goruldu .govde .baslik {
			color: #ccc;
		}

/* Bilgi Yönlendirme Medya */

.bilgi-yonlendirme-yatay {
	width: 100%;
	background: #ffffff;
	position: relative;
	/*box-shadow:0 0 10px #dedede;*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

	.bilgi-yonlendirme-yatay .avatar {
		width: 44px;
		height: 44px;
		float: left;
		background-size: cover;
		background-position: center;
		background-color: #ccc;
	}

	.bilgi-yonlendirme-yatay .simge {
		width: 44px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		float: left;
		background-color: #f1f1f1;
		font-size: 16pt;
	}

	.bilgi-yonlendirme-yatay.hd {
		margin: 0 0 20px 30px !important;
		border-radius: 5px 3px 3px;
	}

		.bilgi-yonlendirme-yatay.hd:hover {
			background-color: #fff8f3;
			box-shadow: 2px 2px 5px #ffece0;
		}

		.bilgi-yonlendirme-yatay.hd.secondary {
			background-color: #f1f1f1;
			box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
			cursor: auto;
		}

		.bilgi-yonlendirme-yatay.hd .simge {
			font-size: 18px;
			background: none;
			position: relative;
			top: 18px;
			left: 5px;
		}

			.bilgi-yonlendirme-yatay.hd .simge img {
				height: 20px;
			}

	.bilgi-yonlendirme-yatay .avatar img {
		width: 33px;
		height: 32px;
		border-radius: 3px;
	}

	/* .bilgi-yonlendirme-yatay.hd .simge span[class^="icon-"]:before { background-size: 30px 30px; display: inline-block; width: 30px; height: 20px; content:""; } */

	.bilgi-yonlendirme-yatay.hd .yuzen-bilgi {
		position: absolute;
		display: inline-block;
		top: calc(100% - 17px);
		background: none;
		float: right;
		border: none;
		box-shadow: none;
		padding: 0 5px 0 0;
	}

		.bilgi-yonlendirme-yatay.hd .yuzen-bilgi .tooltip span:first-child {
			position: relative;
			top: 1px;
			right: 1px;
		}

		.bilgi-yonlendirme-yatay.hd .yuzen-bilgi b {
			color: #000;
		}

	.bilgi-yonlendirme-yatay.hd b {
		font-weight: 500;
	}

	.bilgi-yonlendirme-yatay.hd .yuzen-bilgi .gizlilik {
		margin: -2px 2px -3px -10px;
		color: #999;
		border: none;
	}

	.bilgi-yonlendirme-yatay.hd .ne {
		height: auto;
		color: #000;
		width: 100%;
		line-height: 25px;
		font-size: 18px;
		font-weight: 300;
		white-space: normal;
		overflow: auto;
		text-overflow: unset;
	}

		.bilgi-yonlendirme-yatay.hd .ne b {
			font-weight: 700;
		}

	.bilgi-yonlendirme-yatay.hd .temel-bilgiler {
		padding: 0;
		margin: 23px 0 23px 10px;
		float: left;
	}

	.bilgi-yonlendirme-yatay.hd .avatar {
		height: 32px;
		width: 32px;
		border-radius: 3px;
		margin: 20px 0 0 10px;
	}

	.bilgi-yonlendirme-yatay .simge span {
		line-height: 44px;
	}

	.bilgi-yonlendirme-yatay .simge-resim {
		width: 30px;
		height: 30px;
		padding: 7px;
		float: left;
		background-color: #f1f1f1;
	}

		.bilgi-yonlendirme-yatay .simge-resim img {
			width: 30px;
			height: 30px;
		}

	.bilgi-yonlendirme-yatay .temel-bilgiler {
		width: calc(100% - 84px);
		float: right;
		padding: 5px 0;
		line-height: 34px;
		margin: 0 20px 0 0;
	}

	.bilgi-yonlendirme-yatay .ne {
		font-size: 17pt;
		font-family: 'Ubuntu', Arial;
		float: left;
		width: calc(100% - 130px);
		height: 34px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #999;
		font-weight: normal;
	}

		.bilgi-yonlendirme-yatay .ne a {
			display: inline;
			color: #333;
			font-weight: bold;
		}

	.bilgi-yonlendirme-yatay .tur {
		font-size: 11pt;
		color: #999999;
		float: right;
	}

	.bilgi-yonlendirme-yatay .ayrinti {
		width: calc(100% - 10px);
		padding: 10px 0;
		font-size: 11pt;
		line-height: 15pt;
		color: #666;
		word-wrap: break-word;
		overflow: hidden;
		border-top: 1px solid #f1f1f1;
		float: left;
	}

		.bilgi-yonlendirme-yatay .ayrinti .comment-owner {
			float: right;
			font-weight: 600;
		}

		.bilgi-yonlendirme-yatay .ayrinti .thumb {
			float: right;
			padding: 0px 0 0 10px;
			position: relative;
			top: 1px;
		}

			.bilgi-yonlendirme-yatay .ayrinti .thumb.liked {
				color: #f5792a;
			}

			.bilgi-yonlendirme-yatay .ayrinti .thumb.disliked {
				color: #ccc;
			}

	.bilgi-yonlendirme-yatay .daha-fazla {
		border-top: 1px solid #f1f1f1;
		padding: 15px 0;
		margin: 0 !important;
		font-size: 11pt;
		line-height: 15pt;
	}

	.bilgi-yonlendirme-yatay.buyuk .onizleme {
		width: 120px;
		height: 80px;
		float: left;
		background-size: cover;
		background-position: center;
		background-color: #ccc;
	}

	.bilgi-yonlendirme-yatay.buyuk .temel-bilgiler {
		width: calc(100% - 168px);
	}

	.bilgi-yonlendirme-yatay.buyuk .ne {
		height: 68px;
		text-overflow: inherit;
		white-space: inherit;
	}

/* Medya (Sağ Sütun) */

.medya-sag {
	width: 100%;
	position: relative;
	min-height: 90px;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
	float: left;
}

	.medya-sag:hover {
		box-shadow: 0 0 20px #ccc;
	}

	.medya-sag:active {
		box-shadow: 0 0 2px #dedede;
	}

	.medya-sag .onizleme {
		width: 40%;
		background-size: cover;
		background-position: center;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
	}

		.medya-sag .onizleme:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(255, 118, 0, 0.10);
		}

	.medya-sag .govde {
		width: calc(60% - 30px);
		padding: 15px 0;
		margin: 0 30px 0 20px;
	}

	.medya-sag .baslik {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
	}

		.medya-sag .baslik a {
			display: inline;
		}

	.medya-sag .bilgi {
		width: 100%;
		font-size: 10pt;
		line-height: 17pt;
		color: #f5792a;
	}

/* Medya (Sol Simgeli) */

.medya-simgeli {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #dedede;
	float: left;
}

	.medya-simgeli:hover {
		box-shadow: 0 0 20px #ccc;
	}

	.medya-simgeli:active {
		box-shadow: 0 0 2px #dedede;
	}

	.medya-simgeli .simge {
		width: 36px;
		height: 36px;
		margin: -20px 0 0 0;
		background-size: cover;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 5px;
		bottom: 0;
		border: 2px solid #fff;
	}

	.medya-simgeli .govde {
		width: calc(100% - 65px);
		padding: 12px 0 12px 0;
		margin: 0 0 0 55px;
		float: left;
	}

	.medya-simgeli .baslik {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		min-height: 30pt;
	}

		.medya-simgeli .baslik a {
			display: inline;
		}

	.medya-simgeli .hit {
		position: absolute;
		/*width:30px;*/
		height: 12px;
		right: 0;
		bottom: 0;
		/*margin:-11px 0 0 0; background:#f1f1f1;*/
		color: #999;
		/*border:1px solid #dedede; border-right:none; border-bottom:none;*/
		padding: 0 2px;
		font-size: 10px;
		line-height: 12px;
		border-top-left-radius: 3px;
		/*border-bottom-left-radius:3px;*/
		cursor: help;
		text-align: center;
	}

		.medya-simgeli .hit span {
			float: right;
			margin: 0 0 0 3px;
			line-height: 12px;
		}

	.medya-simgeli.trend-mod {
		width: 100%;
		position: relative;
		border-bottom: 1px solid #dedede;
		float: left;
	}

		.medya-simgeli.trend-mod .sayi {
			width: 40px;
			height: 40px;
			margin: -15px 0 0 0;
			position: absolute;
			top: 50%;
			left: 5px;
			bottom: 0;
			line-height: 15px;
			text-align: center;
			font-weight: bold;
			color: #f5792a;
			font-size: 14pt;
		}

			.medya-simgeli.trend-mod .sayi span {
				font-weight: normal;
				color: #ccc;
				font-size: 9pt;
			}

	.medya-simgeli.onecikan-mod {
		width: 100%;
		position: relative;
		border-bottom: 1px solid #dedede;
		float: left;
		box-shadow: none !important;
	}

		.medya-simgeli.onecikan-mod .sayi {
			width: 40px;
			height: 40px;
			margin: -22px 0 0 0;
			position: absolute;
			top: 50%;
			left: 5px;
			bottom: 0;
			line-height: 10px;
			text-align: center;
			font-weight: bold;
			color: #999;
			font-size: 14pt;
			cursor: pointer;
		}

			.medya-simgeli.onecikan-mod .sayi:hover {
				color: #333;
			}

			.medya-simgeli.onecikan-mod .sayi:active {
				color: #666;
			}

			.medya-simgeli.onecikan-mod .sayi.aktif {
				background: #f5792a;
				color: #fff;
				padding: 5px 0 5px 0;
				margin: -25px 0 0 0;
				/*border-top-right-radius: 5px; border-bottom-right-radius: 5px;*/
				border-radius: 5px;
			}

			.medya-simgeli.onecikan-mod .sayi span.thumbs-up:before {
				font-family: "icomoon";
				content: "\e905";
				vertical-align: text-bottom;
			}

			.medya-simgeli.onecikan-mod .sayi.aktif span.thumbs-up:before {
				font-family: "icomoon";
				content: "\e904";
				vertical-align: text-bottom;
			}

			.medya-simgeli.onecikan-mod .sayi span {
				font-weight: normal;
				font-size: 9pt;
			}

				.medya-simgeli.onecikan-mod .sayi span.ok {
					font-size: 16pt;
					margin-bottom: 8px;
				}

				.medya-simgeli.onecikan-mod .sayi span.stars-up:before {
					font-family: "icomoon";
					content: "\e931";
					vertical-align: text-bottom;
				}

			.medya-simgeli.onecikan-mod .sayi.aktif span.stars-up:before {
				font-family: "icomoon";
				content: "\e930";
				vertical-align: text-bottom;
			}

/* Resimsiz Medya (Sağ Sütun) */

.medya-resimsiz {
	width: calc(100% - 40px);
	padding: 20px;
	border-bottom: 1px solid #f1f1f1;
	position: relative;
}

	.medya-resimsiz:hover {
		box-shadow: 0 0 20px #ccc;
	}

	.medya-resimsiz:active {
		box-shadow: 0 0 2px #dedede;
	}

	.medya-resimsiz .baslik {
		width: 100%;
		font-size: 11pt;
		line-height: 14pt;
		font-weight: bold;
	}

		.medya-resimsiz .baslik a {
			display: inline;
		}

	.medya-resimsiz .bilgi {
		width: 100%;
		font-size: 10pt;
		line-height: 17pt;
		color: #f5792a;
	}

/* Küçük Medya */

.medya-kucuk {
	/*width:calc(100% - 2px);*/
	width: 100%;
	height: 150px;
	/*border:1px solid #dedede;*/
	background: #ffffff;
	position: relative;
	border-radius: 3px;
	box-shadow: 0 0 10px #dedede;
}

	.medya-kucuk:hover {
		box-shadow: 0 0 20px #ccc;
	}

	.medya-kucuk:active {
		box-shadow: 0 0 2px #dedede;
	}

	.medya-kucuk .onizleme {
		width: 100%;
		height: 94px;
		background-size: cover;
		background-position: center;
		position: relative;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		background-color: #ccc;
	}

	.medya-kucuk .not {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.8);
		color: #ffffff;
		font-style: italic;
		font-size: 8pt;
		line-height: 11pt;
		text-align: center;
		padding: 3px 0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.medya-kucuk .govde {
		width: calc(100% - 20px);
		min-height: 36px;
		padding: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #fff;
	}

	.medya-kucuk.aktif .govde {
		background: #dedede;
	}

	.medya-kucuk .baslik {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		font-family: 'Ubuntu', Arial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.medya-kucuk.aktif:after {
		position: absolute;
		bottom: -12px;
		left: 50%;
		width: 0;
		height: 0;
		content: '';
		margin: 0 0 0 -12px;
		border-top: 12px solid #dedede;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
	}

	.medya-kucuk.daha {
		background: none !important;
		box-shadow: none !important;
		text-align: center;
		color: #333;
	}

		.medya-kucuk.daha .simge {
			width: 100%;
			font-size: 74px;
			line-height: 94px;
			float: left;
			text-shadow: 3px 3px 0 #f5792a;
		}

		.medya-kucuk.daha .metin {
			width: 100%;
			font-size: 12pt;
			line-height: 20px;
			padding: 10px 0;
			font-weight: bold;
			float: left;
		}

/* Küçük Medya Alternatif (Videolar gibi listeleme sayfaları için) */

.medya-kucuk-alt {
	/*width:calc(100% - 2px);*/
	width: 100%;
	/*width: 225px;*/
	/*height:150px;*/
	/*border:1px solid #dedede;*/
	position: relative;
	/*box-shadow:0 0 10px #dedede;*/
}

	/*.medya-kucuk-alt:hover {
	box-shadow:0 0 20px #ccc; }
.medya-kucuk-alt:active {
	box-shadow:0 0 2px #dedede; }*/
	.medya-kucuk-alt .onizleme {
		width: 100%;
		height: 150px;
		background-size: cover;
		background-position: center;
		position: relative;
		border-radius: 3px;
		background-color: #ccc;
		margin: 0 0 5px 0;
	}

		.medya-kucuk-alt .onizleme .tur-icon {
			left: 50%;
			top: 50%;
			margin: -30px 0 0 -30px;
			background: none;
			font-size: 40px;
			opacity: 0.9;
			display: inline-block;
			z-index: 1;
		}

	.medya-kucuk-alt:hover > .onizleme .tur-icon {
		display: none;
	}

	.medya-kucuk-alt .not {
		position: absolute;
		top: 125px;
		right: 5px;
		background: rgba(0, 0, 0, 0.8);
		color: #ffffff;
		font-size: 8pt;
		line-height: 10px;
		text-align: center;
		padding: 5px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-radius: 3px;
	}

	.medya-kucuk-alt:hover > .not {
		display: none;
	}

	.medya-kucuk-alt .imle {
		position: absolute;
		top: 5px;
		right: 5px;
		background: rgba(0, 0, 0, 0.8) !important;
		margin: 0;
		box-shadow: none;
		display: none;
	}

	.medya-kucuk-alt:hover > .imle {
		display: inline-block;
	}

	.medya-kucuk-alt .imle span[class^="icon-"]:before {
		color: #fff;
	}

	.medya-kucuk-alt .imle.aktif {
		background: #f60 !important;
	}

	.medya-kucuk-alt .govde {
		width: 100%;
	}

	.medya-kucuk-alt .baslik {
		width: 100%;
		font-size: 11pt;
		line-height: 14pt;
		height: 28pt;
		float: left;
		font-weight: bold;
		margin: 0 0 2px 0;
		color: #000;
		overflow: hidden;
	}

		.medya-kucuk-alt .baslik:hover {
			text-decoration: underline;
		}

	.medya-kucuk-alt .bilgi {
		width: 100%;
		font-size: 10pt;
		line-height: 14pt;
		color: #999;
		float: left;
		overflow: hidden;
	}

/* Küçük Medya Alternatif Yan (Video detay sağ gibi yerler için) */

.medya-kucuk-alt-yan {
	/*width:calc(100% - 2px);*/
	width: 100%;
	/*width: 225px;*/
	/*height:150px;*/
	/*border:1px solid #dedede;*/
	position: relative;
	/*box-shadow:0 0 10px #dedede;*/
	float: left;
	margin: 0 0 10px 0;
}

	.medya-kucuk-alt-yan .onizleme {
		width: 45%;
		float: left;
		height: 100px;
		background-size: cover;
		background-position: center;
		position: relative;
		border-radius: 3px;
		background-color: #ccc;
	}

		.medya-kucuk-alt-yan .onizleme .tur-icon {
			left: 50%;
			top: 50%;
			margin: -30px 0 0 -30px;
			background: none;
			font-size: 30px;
			opacity: 0.7;
			display: inline-block;
			z-index: 1;
		}

	.medya-kucuk-alt-yan:hover > .onizleme .tur-icon {
		display: none;
	}

	.medya-kucuk-alt-yan .onizleme .not {
		position: absolute;
		top: 75px;
		right: 5px;
		background: rgba(0, 0, 0, 0.8);
		color: #ffffff;
		font-size: 8pt;
		line-height: 10px;
		text-align: center;
		padding: 5px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-radius: 3px;
	}

	.medya-kucuk-alt-yan:hover > .onizleme .not {
		display: none;
	}

	.medya-kucuk-alt-yan .imle {
		position: absolute;
		top: 5px;
		left: calc(45% - 35px);
		width: 15px;
		background: rgba(0, 0, 0, 0.8) !important;
		margin: 0;
		box-shadow: none;
		display: none;
	}

	.medya-kucuk-alt-yan:hover > .imle {
		display: inline-block;
	}

	.medya-kucuk-alt-yan .imle span[class^="icon-"]:before {
		color: #fff;
	}

	.medya-kucuk-alt-yan .imle.aktif {
		background: #f60 !important;
	}

	.medya-kucuk-alt-yan .govde {
		width: calc(55% - 10px);
		float: right;
	}

	.medya-kucuk-alt-yan .baslik {
		width: 100%;
		font-size: 11pt;
		line-height: 14pt;
		max-height: 56pt;
		float: left;
		font-weight: bold;
		margin: 5px 0 0 0;
		color: #000;
		overflow: hidden;
	}

	/*.medya-kucuk-alt-yan .baslik:hover {
	text-decoration: underline; }*/
	.medya-kucuk-alt-yan .bilgi {
		width: 100%;
		font-size: 10pt;
		line-height: 14pt;
		color: #999;
		float: left;
		overflow: hidden;
	}

		.medya-kucuk-alt-yan .bilgi .damga {
			color: #fff;
			background: #333;
			padding: 0 7px;
			border-radius: 12px;
		}

			.medya-kucuk-alt-yan .bilgi .damga.yesil {
				background: #16B834;
			}

			.medya-kucuk-alt-yan .bilgi .damga.kirmizi {
				background: red;
			}

/* Medya Galeri Kutu (Galeriler gibi listeleme sayfaları için) */

.medya-galeri-kutu {
	width: 100%;
	position: relative;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}

	.medya-galeri-kutu .onizleme {
		width: 100%;
		height: 180px;
		background-size: cover;
		background-position: center;
		position: relative;
		background-color: #000;
		float: left;
		opacity: 1;
		margin: 0 0 3px 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

		.medya-galeri-kutu .onizleme:hover {
			opacity: 0.7;
		}

	.medya-galeri-kutu .not {
		position: absolute;
		top: 10px;
		right: 10px;
		background: rgba(0, 0, 0, 0.8);
		color: #ffffff;
		line-height: 20px;
		font-size: 10pt;
		padding: 3px 11px;
		border-radius: 5px;
	}

	.medya-galeri-kutu:hover .not {
		display: none;
	}

	.medya-galeri-kutu .not span {
		line-height: 20px;
		margin: 0 5px 0 0;
		float: left;
	}

	.medya-galeri-kutu .imle {
		position: absolute;
		top: 5px;
		right: 5px;
		background: rgba(0, 0, 0, 0.8) !important;
		margin: 0;
		box-shadow: none;
		display: none;
	}

	.medya-galeri-kutu:hover > .imle {
		display: inline-block;
	}

	.medya-galeri-kutu .imle span[class^="icon-"]:before {
		color: #fff;
	}

	.medya-galeri-kutu .imle.aktif {
		background: #f60 !important;
	}

	/*.medya-galeri-kutu .govde {
	width:calc(100% - 20px); padding: 30px 10px 10px 10px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 30%); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.medya-galeri-kutu .baslik {
	width:100%; font-size:13pt; line-height:18pt; float: left; margin: 0 0 7px 0; color: #fff; overflow: hidden; }
.medya-galeri-kutu .bilgi {
	width:100%; font-size:10pt; line-height:14pt; color: #999; float: left; overflow: hidden; }*/
	.medya-galeri-kutu .govde {
		width: calc(100% - 20px);
		padding: 7px 10px 10px 10px;
		float: left;
		/*background:rgba(0,0,0,0.8);*/
		margin-top: -3px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background: #fff;
	}

	.medya-galeri-kutu .baslik {
		width: 100%;
		font-size: 13pt;
		line-height: 18pt;
		height: 54pt;
		overflow: hidden;
		float: left;
		margin: 5px 0 7px 0;
		color: #000;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.medya-galeri-kutu .govde.beyaz-yazi .baslik {
		color: #fff !important;
	}

	.medya-galeri-kutu .govde.siyah-yazi .baslik {
		color: #000 !important;
	}

	.medya-galeri-kutu .bilgi {
		width: 100%;
		font-size: 10pt;
		line-height: 14pt;
		color: #999;
		float: left;
		overflow: hidden;
	}

	.medya-galeri-kutu .govde.beyaz-yazi .bilgi {
		color: #fff !important;
	}

	.medya-galeri-kutu .govde.siyah-yazi .bilgi {
		color: #000 !important;
	}

	.medya-galeri-kutu .onizlemeler {
		width: 100%;
		float: left;
	}

		.medya-galeri-kutu .onizlemeler .damga {
			position: absolute;
			top: 10px;
			left: 10px;
			background: rgba(0, 0, 0, 0.7);
			color: #fff;
			font-size: 11pt;
			font-weight: bold;
			padding: 0 10px;
			line-height: 30px;
			border-radius: 3px;
		}

		.medya-galeri-kutu .onizlemeler .ana-onizleme {
			width: calc(75% - 3px);
			float: left;
			height: 180px;
			background-size: cover;
			background-position: center;
			border-top-left-radius: 5px;
		}

			.medya-galeri-kutu .onizlemeler .ana-onizleme:hover {
				opacity: 0.7;
			}

	.medya-galeri-kutu .mini-onizlemeler {
		width: 25%;
		float: right;
		border-top-right-radius: 5px;
		overflow: hidden;
	}

		.medya-galeri-kutu .mini-onizlemeler .mini-onizleme {
			width: 100%;
			float: left;
			height: 58px;
			background-size: cover;
			background-position: center;
			margin: 0 0 3px 0;
		}

			.medya-galeri-kutu .mini-onizlemeler .mini-onizleme:hover {
				opacity: 0.7;
			}

	.medya-galeri-kutu.orta .onizleme {
		height: 246px;
	}

	.medya-galeri-kutu.orta .baslik {
		font-size: 17pt;
		line-height: 20pt;
		height: 60pt;
		overflow: hidden;
		letter-spacing: 1px;
		font-weight: bold;
	}

	.medya-galeri-kutu.buyuk .onizleme {
		height: 336px;
	}

	.medya-galeri-kutu.buyuk .baslik {
		font-size: 21pt;
		line-height: 27pt;
		height: auto;
		overflow: inherit;
		margin-bottom: 27pt;
		letter-spacing: 1px;
		font-weight: bold;
	}

	.medya-galeri-kutu.orta .onizlemeler .ana-onizleme {
		height: 246px;
	}

	.medya-galeri-kutu.orta .mini-onizlemeler .mini-onizleme {
		height: 80px;
	}

	.medya-galeri-kutu.buyuk .onizlemeler .ana-onizleme {
		height: 396px;
	}

	.medya-galeri-kutu.buyuk .mini-onizlemeler .mini-onizleme {
		height: 130px;
	}

/* Orta Boy Medya */

.medya-orta {
	/*width:calc(100% - 2px);*/
	width: 100%;
	height: 250px;
	/*border:1px solid #cccccc;*/
	background: #ffffff;
	position: relative;
	float: left;
	border-radius: 3px;
	box-shadow: 0 0 10px #dedede;
	cursor: pointer;
}

	.medya-orta:hover {
		box-shadow: 0 0 20px #ccc;
	}

	.medya-orta:active {
		box-shadow: 0 0 2px #dedede;
	}

	.medya-orta .onizleme {
		width: 100%;
		height: 133px;
		background-size: cover;
		background-position: center;
		position: relative;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		background-color: #ccc;
	}

	.medya-orta .govde {
		width: calc(100% - 40px);
		padding: 15px 20px 15px 20px;
		border-top: 1px solid #f5792a;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #fff;
	}

	.medya-orta .baslik {
		width: 100%;
		font-weight: bold;
		margin: 0 0 5px 0;
		font-size: 12pt;
		line-height: 16pt;
		min-height: 48pt;
		font-family: 'Ubuntu', Arial;
	}

	.medya-orta .bilgi {
		width: 100%;
		font-size: 10pt;
		line-height: 13pt;
		color: #f5792a;
	}

	.medya-orta .aciklama {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		color: #999999;
	}


	.medya-orta.dh-advice {
		padding: 15px 20px;
		box-sizing: border-box;
		cursor: default;
	}

		.medya-orta.dh-advice .head {
			width: 100%;
			float: left;
			color: #f5792a;
			font-size: 14px;
			font-weight: bold;
			line-height: 24px;
		}

			.medya-orta.dh-advice .head .title {
				color: #f5792a;
			}

			.medya-orta.dh-advice .head img {
				float: left;
				width: 24px;
				height: 24px;
				margin: 0 6px 15px 0;
			}

			.medya-orta.dh-advice .head .see-all {
				float: right;
				font-size: 11px;
				color: #999;
			}

				.medya-orta.dh-advice .head .see-all i {
					float: right;
					font-size: 10px;
					margin: 7px 0 7px 2px;
				}

		.medya-orta.dh-advice .price-tag {
			width: 100%;
			float: left;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			border-radius: 3px;
			background-color: #658a9f;
			padding: 7px 0;
			text-align: center;
			margin: 0 0 20px 0;
		}

		.medya-orta.dh-advice .product {
			width: 100%;
			float: left;
		}

			.medya-orta.dh-advice .product .image {
				float: left;
				width: 80px;
				height: 80px;
				margin: 0 10px 0 0;
				text-align: center;
			}

				.medya-orta.dh-advice .product .image img {
					max-width: 100%;
					max-height: 100%;
					width: auto;
					height: auto;
				}

			.medya-orta.dh-advice .product .name {
				float: right;
				width: calc(100% - 90px);
				font-family: 'Ubuntu', Arial;
				font-size: 15px;
				font-weight: 600;
				color: #333;
				line-height: 20px;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}

		.medya-orta.dh-advice .buy-product {
			position: absolute;
			right: 0;
			left: 0;
			bottom: 0;
			text-align: center;
			font-size: 12px;
			color: #666;
			border-top: 1px solid #dedede;
			padding: 16px 0;
		}

/* Orta Boy Resimsiz Medya */

.medya-orta-resimsiz {
	/*width:calc(100% - 2px);*/
	width: 100%;
	height: 250px;
	/*border:1px solid #cccccc;*/
	background: #ffffff;
	position: relative;
	float: left;
	border-radius: 3px;
	box-shadow: 0 0 10px #dedede;
	cursor: pointer;
}

	.medya-orta-resimsiz:hover {
		box-shadow: 0 0 20px #ccc;
	}

	.medya-orta-resimsiz:active {
		box-shadow: 0 0 2px #dedede;
	}

	.medya-orta-resimsiz .govde {
		width: calc(100% - 40px);
		padding: 15px 20px 20px 20px;
		border-top: 1px solid #f5792a;
	}

	.medya-orta-resimsiz .baslik {
		width: 100%;
		font-size: 20pt;
		line-height: 26pt;
		height: 130pt;
		overflow: hidden;
		margin: 0 0 25px 0;
		font-family: 'Ubuntu', Arial;
		font-weight: bold;
	}

	.medya-orta-resimsiz .bilgi {
		width: 100%;
		font-size: 10pt;
		line-height: 13pt;
		color: #f5792a;
	}

	.medya-orta-resimsiz .aciklama {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		color: #999999;
	}

/* Bildirim Detay */

.bildirim-detay {
	width: calc(100% - 70px);
	margin: 0 0 5px 30px;
	padding: 12px 10px 12px 30px;
	background: #fff;
	position: relative;
	float: left;
	/*border-top:1px solid #fff; border-bottom:1px solid #dedede;*/
	font-size: 11pt;
	line-height: 14pt;
	border-radius: 3px;
}

	.bildirim-detay:hover {
		background: #f5f5f5;
	}

	.bildirim-detay.yeni {
		background: #fdffb3;
	}

		.bildirim-detay.yeni:hover {
			background: #ffffe5;
		}

	.bildirim-detay .simge {
		position: absolute;
		top: 12px;
		left: 10px;
	}

	.bildirim-detay.onemli .simge {
		color: #f00;
	}

	.bildirim-detay .olay {
		width: 100%;
		color: #111;
	}

		.bildirim-detay .olay .zaman {
			float: right;
			color: #999;
			margin: 0 0 0 5px;
		}

	.bildirim-detay .ayrinti {
		width: 100%;
		margin: 3px 0 0 0;
		color: #777;
		font-size: 10pt;
	}

	.bildirim-detay.icerik-bildirimi {
		width: calc(100% - 115px);
		padding: 12px 10px 12px 75px;
		min-height: 40pt;
	}

		.bildirim-detay.icerik-bildirimi .onizleme {
			width: 60px;
			height: 60px;
			background-size: cover;
			background-position: center;
			position: absolute;
			top: 8px;
			left: 8px;
			border-radius: 3px;
		}

/* Bildirim Detay */

.posta-bulteni-arsiv {
	width: calc(100% - 50px);
	margin: 0 0 5px 30px;
	padding: 10px 10px 10px 10px;
	background: #fff;
	position: relative;
	float: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dedede;
	font-size: 11pt;
	line-height: 14pt;
	border-radius: 3px;
}

	.posta-bulteni-arsiv:hover {
		background: #f9f9f9;
	}

	.posta-bulteni-arsiv .olay {
		width: 100%;
		color: #111;
		font-weight: bold;
	}

		.posta-bulteni-arsiv .olay .zaman {
			float: right;
			color: #999;
			margin: 0 0 0 5px;
			font-size: 10pt;
			line-height: 14pt;
			font-weight: normal;
		}

/* Medya Tür Simgeleri */

.tur-icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	/*border:2px solid #333;*/
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-size: 30px;
	padding: 10px;
}

	.tur-icon span {
		line-height: 40px;
	}

.tur-icon-middle {
	background: rgba(0, 0, 0, 0.4);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 390px;
}

	.tur-icon-middle span {
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 72px;
		text-shadow: 0px 0px 12px #000;
		color: white;
	}

		.tur-icon-middle span:hover {
			color: #f5792a;
		}

/* Uygulamayı İndir Butonları */

.uygulamayi-indir {
	width: calc(100% - 32px);
	margin: 0 0 20px 0;
	background: #f1f1f1;
	border-radius: 5px;
	padding: 10px 10px 10px 20px;
	border: 1px dotted #dedede;
}

	.uygulamayi-indir .nedir {
		width: calc(100% - 370px);
		float: left;
		color: #999;
		font-size: 11pt;
		line-height: 17px;
		padding: 3px 0;
	}

	.uygulamayi-indir .magaza {
		float: right;
		padding: 4px 0;
		margin: 0 0 0 10px;
	}

		.uygulamayi-indir .magaza img {
			float: left;
			width: auto;
			height: 32px;
		}

/* Paylaşım Butonları */

.paylas-kapsam {
	width: 100%;
	margin: 0 0 20px 0;
	position: relative;
}

.lnk-paylas {
	background: #ff6600;
	font-size: 11pt;
	line-height: 30px;
	color: #ffffff;
	font-family: Arial;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

	.lnk-paylas.facebook {
		background: #2d609b;
	}

	.lnk-paylas.twitter {
		background: #000;
	}

	.lnk-paylas.google {
		background: #eb4026;
	}

	.lnk-paylas.whatsapp {
		background: #07bc4c;
	}

	.lnk-paylas.posta {
		background: #333333;
	}

	.lnk-paylas.baglanti {
		background: #f1f1f1;
	}

	.lnk-paylas.yorum-yaz {
		background: #f5792a;
		width: 125px;
	}

	.lnk-paylas .simge {
		background: rgba(0, 0, 0, 0.2);
		padding: 0 8px;
		min-width: 20px;
		text-align: center;
		font-size: 12pt;
		float: left;
		line-height: 34px;
		height: 30px;
		border-radius: 3px;
	}

	.lnk-paylas.yorum-yaz .simge {
		padding: 0 3px;
	}

	.lnk-paylas .nerede {
		float: left;
		padding: 0 10px;
	}

	.lnk-paylas .sayi {
		float: right;
		padding: 0 5px;
		margin: 5px;
		background: rgba(255, 255, 255, 0.25);
		font-size: 9pt;
		line-height: 20px;
		border-radius: 3px;
	}

	.lnk-paylas.baglanti .nerede {
		color: #666666;
	}

	.lnk-paylas input.nerede {
		line-height: 30px;
		height: 30px;
		border: none;
		background: none;
		width: 140px;
		font-size: 11pt;
	}

	.lnk-paylas:hover {
		opacity: 0.9;
	}

	.lnk-paylas:active {
		box-shadow: none;
		color: #f1f1f1;
	}

/* Temel Bilgi */

.temel-bilgi {
	width: 100%;
	font-size: 11pt;
	line-height: 24px;
	margin: 0 0 25px 0;
	display: inline-block;
	position: relative;
}

	.temel-bilgi .grey-title {
		font-family: Ubuntu;
		font-size: 22px;
		font-weight: 500;
		color: #ccc;
		margin-bottom: 15px;
	}

	.temel-bilgi .hakkinda {
		width: 100%;
		float: left;
	}

		.temel-bilgi .hakkinda.flex {
			display: flex;
			align-items: center;
			gap: 8px;
		}

	.temel-bilgi .oge {
		float: left;
		margin: 0 10px 0 0;
		color: #999;
		position: relative;
		z-index: 99;
	}

		.temel-bilgi .oge.kategori {
			font-weight: bold;
			color: #f5792a;
		}

		.temel-bilgi .oge .simge {
			float: left;
			margin: 0 5px 0 0;
			font-size: 13pt;
		}

			.temel-bilgi .oge .simge .icon-clock,
			.temel-bilgi .oge .simge .icon-eye {
				width: 18px;
				height: 18px;
			}

			.temel-bilgi .oge .simge .icon-group,
			.temel-bilgi .oge .simge .icon-folder-open {
				width: 19px;
				height: 18px;
			}

.abone-ol .simge {
	width: 20px;
	height: 18.67px;
}

.temel-bilgi .oge .veri {
	float: left;
}

.temel-bilgi .oge.kategori {
	margin-right: 5px;
}

	.temel-bilgi .oge.kategori .veri {
		margin: 0 -15px 0 0;
		max-width: 105px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.video-sol .temel-bilgi .oge.kategori .veri {
	max-width: 150px;
}

.video-sol .temel-bilgi .google-news-new {
	margin: 0;
}

.temel-bilgi .oge.begeni {
	margin: 0 !important;
}

	.temel-bilgi .oge.begeni a {
		margin: 0 10px 0 0 !important;
	}

		.temel-bilgi .oge.begeni a .simge {
			background: none;
		}

		.temel-bilgi .oge.begeni a.pasif .simge {
			color: #999;
		}

.temel-bilgi .sitene-gom .oge {
	margin: 0;
}

.temel-bilgi .imle {
	margin-left: 15px;
	width: 17px;
}

	.temel-bilgi .imle .icon-bookmark,
	.temel-bilgi .imle .icon-bookmark-o {
		min-width: 32px;
		min-height: 34px
	}

.temel-bilgi .menu-dd-kucuk {
	padding: 0 5px;
}

	.temel-bilgi .menu-dd-kucuk .simge {
		margin: 2px 0;
	}

/* Dizin */

.temel-bilgi .dizin {
	float: left;
	margin: 0 20px 0 0;
	color: #999999;
}

	.temel-bilgi .dizin .lnk {
		float: left;
		margin: 0 10px 0 0;
	}

	.temel-bilgi .dizin .simge {
		float: left;
		margin: 0 8px 0 0;
		font-size: 9pt;
		text-align: center;
		min-width: 12px;
	}

/* Abone Ol */

/*.abone-ol {
	background:#f5792a; color:#fff; font-weight:bold; font-size:11pt; line-height:14pt; padding:3px 0; position:relative; margin:0 0 0 20px; float:left; }
.abone-ol.pasif {
	background:#f1f1f1; font-weight:normal; color:#999; }*/
.abone-ol {
	background: #f5792a;
	color: #fff;
	font-size: 11pt;
	line-height: 14pt;
	padding: 3px;
	position: relative;
	margin: 0 0 0 20px;
	float: left;
	font-weight: normal;
	border-radius: 3px;
}

	.abone-ol.pasif {
		background: #f1f1f1;
		color: #999;
	}

.one-cikar:not(.pasif) .icon-thumbs-up,
.one-cikar.pasif .icon-thumbs-o-up {
	display: none;
}

.one-cikar .eylem:after {
	content: 'Beğen';
}

.one-cikar.pasif .eylem:after {
	content: 'Vazgeç';
}

/*.abone-ol:before {
	position:absolute; left:-12px; top:50%; width:0; height:0; content:''; margin:-12px 0 0 0; border-top:11px solid transparent; border-right:12px solid #f5792a; border-bottom:12px solid transparent; }
.abone-ol.pasif:before {
	border-right:12px solid #f1f1f1; }*/
.abone-ol .simge {
	float: left;
	margin: 0 5px 0 0;
	background: #d06724;
	color: #fff;
	text-align: center;
	min-width: 20px;
	border-radius: 3px;
	font-weight: bold;
}

.abone-ol.pasif .simge {
	background: #999;
	color: #fff;
	line-height: 16px;
	height: 14pt;
}

.abone-ol .eylem {
	float: left;
	margin: 0 7px 0 0;
}

.abone-ol .sayi {
	background: #fff;
	color: #f5792a;
	margin: 2px 2px 0 0;
	padding: 0 3px;
	position: relative;
	font-size: 8pt;
	line-height: 11pt;
	float: right;
	border-radius: 3px;
}

.abone-ol.pasif .sayi {
	background: #999;
	color: #fff;
}

/*.abone-ol .sayi:before {
	position:absolute; left:-7px; top:50%; width:0; height:0; content:''; margin:-7px 0 0 0; border-top:7px solid transparent; border-right:7px solid #f5792a; border-bottom:7px solid transparent; }
.abone-ol.pasif .sayi:before {
	border-right:8px solid #999; }*/

/* Abone Ol (Bildirim Aboneliği Zili) */

/*.abone-ol {
	background:#f5792a; color:#fff; font-weight:bold; font-size:11pt; line-height:14pt; padding:3px 0; position:relative; margin:0 0 0 20px; float:left; }
.abone-ol.pasif {
	background:#f1f1f1; font-weight:normal; color:#999; }*/
.abone-ol-bildirim {
	font-size: 11pt;
	line-height: 14pt;
	padding: 3px;
	position: relative;
	float: left;
	font-weight: normal;
	border-radius: 3px;
	text-align: center;
	margin: 0 5px;
}

	.abone-ol-bildirim.pasif {
		color: #999;
	}

	.abone-ol-bildirim .simge {
		color: #f5792a;
		text-align: center;
		min-width: 20px;
		margin: 0 5px;
	}

	.abone-ol-bildirim.pasif .simge {
		color: #999;
	}

/* Yatay Tek Resimli Sorgu */

.sorgu-yatay {
	width: calc(100% - 2px);
	border: 1px solid #dedede;
	border-bottom: none;
	position: relative;
}

	.sorgu-yatay .oge {
		width: 100%;
		border-bottom: 1px solid #dedede;
		background: #ffffff;
		font-size: 12pt;
		line-height: 16pt;
		position: relative;
		float: left;
		cursor: pointer;
	}

		.sorgu-yatay .oge.aktif {
			background: #f1f1f1;
		}

		.sorgu-yatay .oge.onizlemeli {
			background: #fffaef;
		}

		.sorgu-yatay .oge:hover {
			background: #f9f9f9;
		}

		.sorgu-yatay .oge:active {
			background: #dedede;
		}

		.sorgu-yatay .oge.onizlemeli .onizleme {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 23%;
			border-right: 3px solid #f5792a;
			background-size: cover;
			background-position: center;
		}

		.sorgu-yatay .oge .not {
			width: calc(77% - 60px);
			float: right;
			margin: 20px 30px 0 30px;
			font-size: 14pt;
			line-height: 19pt;
			font-weight: bold;
		}

		.sorgu-yatay .oge .zaman {
			width: calc(23% - 30px);
			float: left;
			text-align: right;
			padding: 10px 0 10px 30px;
			color: #f5792a;
		}

		.sorgu-yatay .oge .baslik {
			width: calc(77% - 60px);
			float: right;
			padding: 10px 30px 10px 0;
			margin: 0 0 0 30px;
			font-weight: bold;
		}

		.sorgu-yatay .oge.onizlemeli .baslik {
			color: #f5792a;
			font-size: 20pt;
			line-height: 23pt;
			font-family: 'Ubuntu', Arial;
		}

		.sorgu-yatay .oge .baslik .goruntulenen {
			float: right;
			font-size: 9pt;
			font-weight: normal;
			margin: 0 -15px 0 0;
			color: #999999;
		}

		.sorgu-yatay .oge .aciklama {
			width: calc(77% - 60px);
			float: right;
			margin: 0 30px 20px 30px;
		}

	.sorgu-yatay .daha {
		position: absolute;
		right: -1px;
		/*background:#fff; border:1px solid #dedede;*/
		line-height: 20px;
		padding: 5px 10px;
		font-size: 11pt;
		line-height: 20px;
		color: #f5792a;
	}

		.sorgu-yatay .daha.yukari {
			top: -40px;
		}

		.sorgu-yatay .daha.asagi {
			bottom: -40px;
		}

		.sorgu-yatay .daha .not {
			float: left;
		}

		.sorgu-yatay .daha .simge {
			font-size: 14pt;
			margin: 0 0 0 5px;
			float: right;
		}

/* Uygulama Modülü */

.uygulama {
	width: calc(100% - 156px);
	padding: 10px 10px 10px 146px;
	position: relative;
	margin: 0 0 25px 0;
	font-family: Arial;
	float: left;
	background: #dedede;
	height: 106px;
	border-radius: 63px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

	.uygulama.ios {
		background: #333;
	}

	.uygulama.android {
		background: #77c159;
	}

	.uygulama.windows {
		background: #0cb3ee;
	}

	.uygulama.huawei {
		background: #b74340;
	}

	.uygulama .simge-tema {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		filter: blur(30px);
		-webkit-filter: blur(30px);
		opacity: 0.3;
		z-index: 3;
	}

	.uygulama .simge {
		width: 120px;
		height: 120px;
		border-radius: 60px;
		border-top-right-radius: 22px;
		border-bottom-right-radius: 22px;
		overflow: hidden;
		position: absolute;
		top: 3px;
		left: 3px;
		z-index: 4;
	}

		.uygulama .simge img {
			width: 120px;
			height: 120px;
		}

	.uygulama .platform {
		width: 64px;
		height: 64px;
		position: absolute;
		top: 50%;
		right: 0;
		margin: -32px 20px 0 0;
		z-index: 2;
	}

		.uygulama .platform img {
			height: 64px;
			width: auto;
		}

	.uygulama .ayrinti {
		position: relative;
		z-index: 3;
		color: #fff;
		font-size: 11pt;
		line-height: 16pt;
	}

		.uygulama .ayrinti .ad {
			/*max-width:calc(100% - 130px);*/
			max-width: 450px;
			float: left;
			padding: 0 30px 0 0;
			font-size: 20pt;
			line-height: 24pt;
			height: 24pt;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			font-weight: bold;
			margin: 5px 0;
			position: relative;
			font-family: 'Ubuntu', Arial;
		}

			.uygulama .ayrinti .ad span[class*=icon] {
				position: absolute;
				bottom: 5px;
				right: 0;
				font-size: 13pt;
				line-height: 13pt;
			}

		.uygulama .ayrinti .altbilgi {
			width: 100%;
			padding: 0 0 5px 0;
			margin: 0 0 5px 0;
			position: relative;
		}

			.uygulama .ayrinti .altbilgi:before {
				content: '';
				background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 75%);
				width: 100%;
				height: 1px;
				display: inline-block;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 5;
			}

			.uygulama .ayrinti .altbilgi .derece {
				float: left;
				margin: 2px 10px 0 0;
				width: 78px;
				height: 15px;
				background: url(../img/uygulama-yildiz.png) left top no-repeat;
			}

				.uygulama .ayrinti .altbilgi .derece .dolu {
					width: auto;
					height: 15px;
					background: url(../img/uygulama-yildiz-dolu.png) left top no-repeat;
				}

			.uygulama .ayrinti .altbilgi .gelistirici {
				float: left;
				max-width: 320px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

		.uygulama .ayrinti .diger {
			width: 100%;
		}

			.uygulama .ayrinti .diger .tek {
				float: left;
				margin: 0 20px 0 0;
				font-weight: bold;
			}

/* Resim (Açıklamalı) */

.resim {
	width: 100%;
	position: relative;
	margin: 0 0 20px 0;
	font-family: Arial;
}

figure.resim {
	display: flex;
	flex-direction: column;
}

.resim .dosya {
	width: 100%;
	float: left;
	position: relative;
}

.resim.dikey .dosya {
	text-align: center;
}

.resim .dosya a {
	width: 100%;
	float: left;
	text-align: center;
}

.resim .dosya img,
.resim .dosya picture {
	float: left;
	max-width: 100%;
	width: 100%;
}

.resim.dikey .dosya img {
	width: auto;
	max-height: 500px;
	float: none;
	vertical-align: middle;
}

.resim .aciklama {
	width: 100%;
	border-bottom: 1px solid #dedede;
	padding: 5px 0;
	/*margin:5px 0 0 0;*/
	font-size: 11pt;
	line-height: 15pt;
	text-align: left;
	float: left;
}

	.resim .aciklama.tamboysuz {
		width: calc(100% - 20px);
		border-bottom: none;
		padding: 5px 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		color: #fff;
		text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
		line-height: 20pt;
	}

	.resim .aciklama span {
		float: left;
	}

	.resim .aciklama .buyut {
		margin: 0 10px 0 0;
	}

		.resim .aciklama .buyut .simge {
			margin: 1px 5px 0 0;
			float: left;
		}

	.resim .aciklama .resmipaylas {
		margin: 0 10px 0 0;
	}

		.resim .aciklama .resmipaylas .simge {
			margin: 2px 0 0 0;
			float: left;
			color: #333;
		}

	.resim .aciklama.tamboysuz .resmipaylas .simge {
		color: #fff;
		font-size: 20px;
	}

	.resim .aciklama .not {
		color: #333333;
	}

	.resim .aciklama .ayrinti {
		color: #999999;
	}

.resim figcaption {
	float: left;
	margin-top: 20px;
}

/* Resim (Foto Galeri Açma) */

.galeri-ac {
	background: #fff;
	font-size: 12pt;
	line-height: 22pt;
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding: 10px;
}

	.galeri-ac .simge {
		margin: -38px 10px 0 10px;
		font-size: 14pt;
		position: absolute;
		top: 0;
		left: 0;
	}

	.galeri-ac .on-bilgi {
		margin-left: 5px;
		margin-bottom: 0 !important;
	}

	.galeri-ac .galeri-ac-baslik {
		display: inline;
	}

	.galeri-ac .eylem {
		background: #f5792a;
		margin: 0 0 0 10px;
		color: #fff;
		font-size: 11pt;
		padding: 0 10px;
		border-radius: 3px;
		height: 29px;
		align-self: center;
	}

/* Foto Galeri */

/*.foto-galeri {
	width:calc(100% - 60px); min-height:300px; position:relative; padding:30px; background:#222; font-family:Arial; text-align:left; }
.foto-galeri .dosya {
	width:calc(100% - 390px); position:absolute; top:30px; left:30px; bottom:30px; text-align:center; float:left; background-color:#242424; background-size:contain; background-position:center; background-repeat:no-repeat; }
.foto-galeri .dosya img {
	max-width:100%; max-height:100%; }
.foto-galeri .bilgiler {
	width:300px; float:right; color:#fff; position:absolute; top:30px; right:30px; bottom:30px; }
.foto-galeri .bilgiler .eylemler {
	width:100%; }
.foto-galeri .bilgiler .eylemler .ok {
	float:left; background:#111; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:24pt; }
.foto-galeri .bilgiler .eylemler .ok.alt {
	background:#333; color:#222; }
.foto-galeri .bilgiler .eylemler .ok .simge {
	margin:3px 0 0 0; }
.foto-galeri .bilgiler .eylemler .sayi {
	float:left; height:30px; line-height:30px; color:#666; margin:10px; font-size:14pt; }
.foto-galeri .bilgiler .eylemler .sayi .yaz-git {
	border:none; background:#333; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; font-size:14pt; padding:0; }
.foto-galeri .bilgiler .eylemler .sayi .yaz-git:focus {
	background:#666; }
.foto-galeri .bilgiler .eylemler .kapat {
	float:right; background:#111; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:22pt; position:inherit; }
.foto-galeri .bilgiler .eylemler .kapat .simge {
	margin:1px 0 0 0; }
.foto-galeri .bilgiler .kisayollar {
	width:100%; color:#666; font-style:italic; font-size:9pt; line-height:12pt; padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #333; }
.foto-galeri .bilgiler .kisayollar span {
	color:#fff; }
.foto-galeri .bilgiler .ozet {
	width:100%; position:absolute; bottom:0; right:0; font-family:Georgia; font-size:14pt; line-height:19pt; }*/

/* Alıntı */

blockquote.alinti {
	width: calc(100% - 52px);
	padding: 15px 20px;
	font-size: 11pt;
	line-height: 15pt;
	background: #f1f1f1;
	border: 1px solid #dedede;
	border-left: 11px solid #dedede;
	color: #333;
	position: relative;
	float: left;
	margin: 0 0 30px 0;
	font-family: Arial;
}

	blockquote.alinti:before {
		position: absolute;
		top: -7px;
		left: -38px;
		width: 30px;
		content: '“';
		font-family: Georgia;
		font-size: 50pt;
		line-height: 50pt;
		color: #ccc;
	}

	blockquote.alinti .bilgi {
		width: 100%;
		line-height: 15pt;
	}

		blockquote.alinti .bilgi .sahip {
			float: left;
			font-weight: bold;
			color: #333;
			font-size: 13pt;
		}

		blockquote.alinti .bilgi .diger {
			float: right;
			color: #999;
			font-style: italic;
			font-size: 9pt;
		}


/* Gundem Yap */

.gundem-yap {
	width: 55px;
	height: 55px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3);
	background-color: #f5792a;
	color: #fff;
	position: absolute !important;
	right: 0;
	top: 0;
	border-radius: 100%;
	text-align: center;
	padding: 5px;
}

	.gundem-yap.pasif {
		background-color: #f1f1f1;
		color: #333;
	}

	.gundem-yap.fixed {
		position: sticky !important;
		top: 50px;
		float: right;
		margin-right: 25px;
		margin-bottom: 20px;
		margin-top: -85px;
	}

	.gundem-yap span.icon-stars {
		width: 100%;
	}

		.gundem-yap span.icon-stars:before {
			font-family: "icomoon";
			content: "\e930";
			font-size: 40px;
		}

	.gundem-yap.pasif span.icon-stars:before {
		content: "\e931";
	}

	.gundem-yap span.vote {
		font-size: 12px;
	}

.temel-bilgi .gundem-yap span.vote {
	vertical-align: middle;
	margin: -15px 0 0 0;
}

.temel-bilgi .gundem-yap.pasif span.vote {
	display: none;
}

.gundem-yap .eylem {
	display: none;
}

.gundem-yap.pasif .eylem {
	display: block;
	font-size: 11px;
	padding-top: 3px;
}

.temel-bilgi .gundem-yap.pasif .eylem {
	margin: -8px 0 0 0;
	vertical-align: middle;
	padding: 0;
}

.gundem-yap.aktif {
	background-color: #f47a2c;
	color: #fff;
}

.gundem-buton {
	background: #f5792a;
	color: #fff;
	font-size: 11pt;
	line-height: 14pt;
	padding: 3px 6px 3px 3px;
	position: relative;
	margin: 0 10px 0 20px;
	float: left;
	font-weight: normal;
	border-radius: 3px;
}

	.gundem-buton.video.pasif {
		background: #f1f1f133 !important;
	}

	.gundem-buton.sag {
		float: unset;
		margin: 0 10px 0 0;
	}

	.gundem-buton.pasif {
		background: #f1f1f1;
		color: #999;
	}

	.gundem-buton .sayi {
		color: #fff;
		margin: 3px 2px 0 3px;
		padding: 0 0 0 3px;
		position: relative;
		font-size: 11pt;
		line-height: 11pt;
		float: right;
		border-radius: 3px;
	}

		.gundem-buton .sayi.oy-yok:before {
			content: "Oy Ver";
			display: block;
			font-size: 11px;
			line-height: 12px;
		}

	.gundem-buton.pasif .sayi.oy-yok:before {
		content: "1";
	}

	.gundem-buton.pasif.pasif .sayi {
		color: #ccc;
	}

	.gundem-buton .eylem {
		font-size: 12px;
	}

		.gundem-buton .eylem:before {
			content: "Oy Verdiniz";
		}

	.gundem-buton span[class^="icon-"] {
		color: #fff;
		height: 15px;
		width: 15px;
	}

	.gundem-buton.pasif span[class^="icon-"] {
		margin: 4px 0 0 0;
		color: #ccc;
	}

	.gundem-buton.pasif .eylem:before {
		content: "Gündem Yap";
	}

	.gundem-buton .icon-stars {
		width: 12.7px;
		float: left;
		margin: 3px 0;
		text-align: center;
	}

	.gundem-buton.pasif .icon-stars {
		font-size: 12.5px;
		margin: 2.5px 0;
	}

		.gundem-buton.pasif .icon-stars:before {
			font-family: "icomoon";
			content: "\e930";
		}

.gecemodu .gundem-buton.pasif {
	background: rgba(0, 0, 0, 0.5);
}

.medya.karsitlik .gundem-buton.pasif {
	background-color: #f1f1f133;
}

.medya-blog .gundem-buton.pasif,
.medya-makale .gundem-buton.pasif {
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.icon-stars:before {
	font-family: "icomoon";
	content: "\e931";
}

/* Yan Alıntı */

.alinti-yan {
	width: 100%;
	font-size: 17pt;
	line-height: 22pt;
	color: #f5792a;
	position: relative;
	font-family: Georgia;
	font-style: italic;
	margin: 0 0 40px 0;
}

	.alinti-yan:after {
		position: absolute;
		bottom: -7px;
		left: 0;
		width: 60%;
		height: 1px;
		content: '';
		background: #f5792a;
	}

	.alinti-yan .tweetle {
		margin: 0 0 0 5px;
	}

		.alinti-yan .tweetle span {
			color: #333;
		}

	.alinti-yan.sagdan-tassin {
		position: absolute;
		width: 140px;
		right: 40px;
		top: 10%;
	}

.alinti-yorum.sagdan-tassin {
	position: absolute;
	width: 140px;
	right: 40px;
	top: 20%;
}

.kolon-kutu.sagdan-tassin {
	position: absolute;
	width: 200px;
	right: 40px;
	top: 40%;
}

/* Yan Önerilen İçerik */

.onerilen-icerik-yan {
	position: absolute;
	top: 5%;
	left: 5px;
	padding: 5px 5px 10px 5px;
	background: #f1f1f1;
	font-family: Arial;
	text-align: center;
	border: 1px solid #dedede;
	border-radius: 5px;
	width: 140px;
	cursor: pointer;
}

	.onerilen-icerik-yan:hover {
		background: #f5f5f5;
	}

	.onerilen-icerik-yan .nedir {
		background: #f5792a;
		color: #fff;
		padding: 0 6px;
		line-height: 24px;
		height: 24px;
		font-size: 10pt;
		float: left;
		border-radius: 3px;
	}

	.onerilen-icerik-yan .avatar {
		width: 24px;
		height: 24px;
		float: right;
	}

		.onerilen-icerik-yan .avatar img {
			width: 24px;
			height: 24px;
			border-radius: 15px;
		}

	.onerilen-icerik-yan .simge {
		width: 100%;
		font-size: 40px;
		color: #333;
		margin: 15px 0;
		text-shadow: 3px 3px 0 #f5792a;
	}

	.onerilen-icerik-yan .baslik {
		width: 100%;
		font-size: 13pt;
		line-height: 15pt;
		font-family: Georgia;
		color: #f5792a;
		margin: 0 0 10px 0;
	}

	.onerilen-icerik-yan .buton {
		display: block;
		margin: 0 auto;
		font-size: 7pt;
		height: 20px;
		line-height: 22px;
		width: 20px;
		text-align: center;
		color: #fff;
		background: #f5792a;
		border-radius: 10px;
	}

/* Yorum Alıntı */

.alinti-yorum {
	width: 160px !important;
	padding: 20px 20px;
	font-size: 12pt;
	line-height: 16pt;
	background: #f1f1f1;
	border: 1px solid #dedede;
	color: #333;
	position: relative;
	margin: 0 0 30px 0;
	text-align: center;
	border-radius: 5px;
}

	.alinti-yorum:before {
		position: absolute;
		bottom: -15px;
		left: 30px;
		width: 0;
		height: 0;
		content: '';
		margin: 0 0 0 -15px;
		border-top: 15px solid #dedede;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}

	.alinti-yorum .nedir {
		width: 100%;
		color: #f5792a;
		font-weight: bold;
		font-size: 15pt;
		line-height: 20pt;
		margin: -5px 0 10px 0;
	}

	.alinti-yorum .yazilan {
		width: 100%;
		/*margin:20px 0 0 0;*/
		position: relative;
	}

		.alinti-yorum .yazilan img {
			width: 100%;
			margin: 5px 0 5px 0;
		}

		.alinti-yorum .yazilan:before {
			position: absolute;
			bottom: -4px;
			right: -3px;
			width: 30px;
			height: 30px;
			content: '”';
			font-family: Arial;
			font-size: 60pt;
			line-height: 60pt;
			color: #f5792a;
		}

	.alinti-yorum .yazan {
		width: calc(100% - 70px);
		padding: 5px 20px 5px 50px;
		float: left;
		font-weight: bold;
		color: #333;
		font-size: 11pt;
		line-height: 15pt;
		position: absolute;
		top: 100%;
		left: 0;
	}

/* Üyenin Öne Çıkan Yorumu (Bana Özel Sağ Sütun için) */

.one-cikan-yorum {
	width: calc(100% - 40px);
	padding: 20px 20px;
	font-size: 11pt;
	line-height: 16pt;
	background: #ffffff;
	border: 1px solid #dedede;
	color: #333;
	position: relative;
	margin: 0 0 30px 0;
}

	.one-cikan-yorum .nedir {
		width: 100%;
		color: #f5792a;
		font-weight: bold;
		font-size: 15pt;
		line-height: 16pt;
		margin: -5px 0 20px 0;
	}

	.one-cikan-yorum .yazilan {
		width: calc(100% - 30px);
		margin: 0 0 0 30px;
		position: relative;
		word-break: break-word;
	}

		.one-cikan-yorum .yazilan:before {
			position: absolute;
			top: -3px;
			left: -32px;
			width: 30px;
			content: '“';
			font-family: Arial;
			font-size: 60pt;
			line-height: 60pt;
			color: #f5792a;
		}

/* İstatistik */

.istatistik {
	width: calc(100% - 40px);
	padding: 20px 20px;
	font-size: 10pt;
	line-height: 13pt;
	background: #f1f1f1;
	color: #333;
	position: relative;
	margin: 0 0 40px 0;
	/*text-transform:uppercase;*/
}

	.istatistik .istenen {
		width: 100%;
		color: #f5792a;
		font-size: 9pt;
	}

	.istatistik .veri {
		width: 100%;
	}

	.istatistik a {
		color: #000;
	}

		.istatistik a:hover {
			color: #f5792a;
		}

	.istatistik .icerik-etiketleri {
		position: relative;
	}

		.istatistik .icerik-etiketleri .acici {
			cursor: pointer;
			color: #000;
		}

			.istatistik .icerik-etiketleri .acici:hover {
				color: #f5792a;
			}

		.istatistik .icerik-etiketleri .acilan {
			position: absolute;
			z-index: 15;
			top: calc(100% + 10px);
			right: 0;
			width: 200px;
			background: #f1f1f1;
			box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
			line-height: 20px;
			padding: 5px 0;
			display: none;
		}

		.istatistik .icerik-etiketleri.acilsin .acilan {
			display: inline-block;
		}

		.istatistik .icerik-etiketleri .acilan:before {
			content: '';
			position: absolute;
			top: -20px;
			right: 10px;
			width: 0;
			height: 0;
			border-width: 10px;
			border-style: solid;
			border-color: transparent transparent #f1f1f1 transparent;
		}

		.istatistik .icerik-etiketleri .acilan a {
			width: calc(100% - 20px);
			padding: 5px 10px;
			color: #333 !important;
		}

			.istatistik .icerik-etiketleri .acilan a:hover {
				background: #fff;
			}

			.istatistik .icerik-etiketleri .acilan a [class*=icon-] {
				line-height: 20px;
				width: 20px;
				text-align: center;
				margin: 0 5px 0 0;
				float: left;
			}

	.istatistik .user-box {
		width: 100%;
		float: left;
		border-radius: 5px;
		box-shadow: 0 -1px 0 0 #f1f1f1, inset 0 0 15px 0 rgba(0, 0, 0, 0.15);
		border: solid 1px #ccc;
		background-color: #f1f1f1;
		padding: 7px 10px;
		margin: 20px 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

		.istatistik .user-box .left {
			width: calc(100% - 71px);
			float: left;
			font-family: Arial;
			font-size: 13px;
			color: #333;
			line-height: 17px;
			padding: 0 10px 0 0;
			box-sizing: border-box;
		}

			.istatistik .user-box .left .extend {
				display: none;
			}

			.istatistik .user-box .left .more {
				cursor: pointer;
				font-weight: bold;
			}

				.istatistik .user-box .left .more i {
					font-weight: lighter;
					font-size: 10px;
				}

		.istatistik .user-box .right {
			float: right;
			width: 70px;
		}

			.istatistik .user-box .right .avatar {
				width: 30px;
				height: 30px;
				border-radius: 50%;
				border: solid 1px #fff5ef;
				background-color: #85afe0;
				text-align: center;
				line-height: 30px;
				color: #fff;
				font-size: 14px;
				float: right;
				margin: 0 0 0 -10px;
			}

/* Abonelik */

.abonelik {
	width: calc(100% - 40px);
	padding: 20px;
	font-size: 12pt;
	line-height: 16pt;
	color: #ffffff;
	background: #f5792a;
	margin: 0 0 30px 0;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

	.abonelik .aciklama {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.abonelik .form {
		width: 100%;
	}

		.abonelik .form .eposta {
			width: calc(100% - 110px);
			padding: 5px 10px;
			line-height: 24px;
			height: 24px;
			background: #ffffff;
			border: none;
			font-size: 11pt;
			float: left;
		}

		.abonelik .form .aksiyon {
			width: 80px;
			background: #d06724;
			color: #ffffff;
			border: none;
			height: 34px;
			line-height: 34px;
			padding: 0 10px;
			font-size: 11pt;
			cursor: pointer;
			float: right;
		}

	.abonelik .sonuc {
		width: 100%;
		margin: 10px 0 0 0;
		font-weight: bold;
	}

/* Ara Modül Başlıkları */

.modul-hakkinda {
	width: calc(100% - 40px);
	padding: 20px 20px 20px 20px;
	text-align: center;
	background: #f5792a;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

	.modul-hakkinda .konu {
		width: 100%;
		color: #fff;
		font-weight: bold;
		font-size: 15pt;
		line-height: 20pt;
	}

		.modul-hakkinda .konu .simge {
			width: 100%;
			font-size: 40px;
			line-height: 40px;
		}

		.modul-hakkinda .konu .simge-resim {
			width: 100%;
		}

			.modul-hakkinda .konu .simge-resim img {
				width: 60px;
				height: 60px;
				padding: 2px;
				background: #fff;
				border-radius: 12px;
			}

		.modul-hakkinda .konu .btn {
			float: right;
			border: 1px solid #fff;
			margin: 2px 0 0 0;
		}

	.modul-hakkinda .alt {
		width: 100%;
		color: #f1f1f1;
	}

		.modul-hakkinda .alt a {
			color: #fff;
			font-weight: bold;
		}

	.modul-hakkinda .alt-secimli {
		width: 100%;
		color: #f1f1f1;
	}

		.modul-hakkinda .alt-secimli .aciklamali-dugme {
			margin: 5px 0 0 0;
			text-align: left;
		}

			.modul-hakkinda .alt-secimli .aciklamali-dugme .not {
				line-height: 22px;
				float: left;
				margin: 0 10px 0 0;
			}

/* Konu Listesi */

.konu-liste {
	/*width:calc(100% - 2px);*/
	width: 100%;
	font-size: 12pt;
	line-height: 16pt;
	background: #fff;
	/*border:1px solid #dedede;*/
	color: #333;
	position: relative;
	margin: 0 0 30px 0;
	border-radius: 3px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

	.konu-liste .liste {
		width: 100%;
		float: left;
	}

		.konu-liste .liste span {
		}

			.konu-liste .liste span:after {
				display: none;
			}

			.konu-liste .liste span a {
				width: calc(100% - 40px);
				padding: 20px;
				border-bottom: 1px solid #f1f1f1;
			}

				.konu-liste .liste span a:hover {
					box-shadow: 0 0 20px #ccc;
				}

				.konu-liste .liste span a:active {
					box-shadow: 0 0 2px #dedede;
				}

.video-liste {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
	background-color: #f1f1f1;
	border-radius: 0 0 3px 3px;
}

.oge .konu-liste .video-liste .daha-fazla {
	margin-bottom: 10px;
	margin-top: 20px;
}

.video-liste ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.video-liste li {
	width: calc(50% - 5px);
}

	.video-liste li .image {
		width: 100%;
		float: left;
		border-radius: 8px;
		background-clip: content-box, border-box;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
	}

	.video-liste li:not(.passive) .image:before {
		content: "";
		position: absolute;
		inset: 0;
		/* tam kapla */
		padding: 3px;
		/* kenarlık kalınlığı */
		border-radius: inherit;
		background: linear-gradient(144deg, #ffc063 11%, #ff6600 49%, #da7ac2 65%, #ff6600 84%);
		/* merkezini delmek için mask: */
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		pointer-events: none;
	}

	.video-liste li .image img {
		width: calc(100% - 14px);
		margin: 7px 0;
		border-radius: 4px;
	}

	.video-liste li.passive .image {
		border-image-source: none;
		border-color: #fff;
	}

		.video-liste li.passive .image img {
			filter: grayscale(100%);
		}

	.video-liste li .image.shadow:after {
		content: '';
		position: absolute;
		left: 6px;
		right: 6px;
		bottom: 6px;
		border-radius: 0 0 4px 4px;
		height: 150px;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
	}

	.video-liste li .time {
		position: absolute;
		left: 12px;
		right: 12px;
		bottom: 12px;
		font-size: 12px;
		color: #fff;
		z-index: 3;
	}

@media screen and (max-width: 1380px) {
}

/* Zaman Çizelgesi */

.zaman-cizelgesi {
	width: calc(100% - 40px);
	padding: 20px 0 0 0;
	margin: 0 20px 0 20px;
	position: relative;
	font-size: 11pt;
	line-height: 15pt;
	height: 400px;
	overflow: hidden;
}

	.zaman-cizelgesi.acik {
		height: auto;
	}

	.zaman-cizelgesi:after {
		content: '';
		width: 4px;
		height: 100%;
		background: #f5792a;
		position: absolute;
		top: 0;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		z-index: 1;
	}

	.zaman-cizelgesi .tek {
		width: 50%;
		margin: -110px 50% 10px 0;
		text-align: left;
		min-height: 170px;
		position: relative;
	}

		.zaman-cizelgesi .tek.sagda {
			margin: -90px 0 10px 50%;
			text-align: right;
		}

		.zaman-cizelgesi .tek.ilk {
			margin-top: 0;
		}

		.zaman-cizelgesi .tek.resimsiz {
			min-height: 110px;
			margin-top: -50px;
		}

		.zaman-cizelgesi .tek .nokta {
			width: 10px;
			height: 10px;
			position: absolute;
			top: 3px;
			right: -9px;
			border: 4px solid #f5792a;
			border-radius: 14px;
			z-index: 2;
			background: #fff;
		}

		.zaman-cizelgesi .tek:hover > .nokta {
			background: #000;
			border-color: #fff;
		}

		.zaman-cizelgesi .tek.sagda .nokta {
			right: inherit;
			left: -9px;
		}

		.zaman-cizelgesi .tek .yil {
			width: 100%;
			margin: 0 0 5px 0;
			font-weight: bold;
			color: #f5792a;
		}

		.zaman-cizelgesi .tek:hover .yil {
			color: #111;
		}

		.zaman-cizelgesi .tek .yil:after {
			width: calc(100% - 40px);
			height: 1px;
			background: #ccc;
			position: absolute;
			top: 11px;
			left: 40px;
			content: '';
		}

		.zaman-cizelgesi .tek:hover .yil:after {
			background: #f5792a;
		}

		.zaman-cizelgesi .tek.sagda .yil:after {
			left: inherit;
			right: 40px;
		}

		.zaman-cizelgesi .tek .onizleme {
			width: calc(100% - 22px);
			height: 72px;
			border: 1px solid #f1f1f1;
			background-size: cover;
			background-position: center;
		}

		.zaman-cizelgesi .tek .baslik {
			width: calc(100% - 20px);
			color: #333;
			padding: 5px 0;
			max-height: 58pt;
			overflow: hidden;
		}

	.zaman-cizelgesi .uzat {
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		z-index: 3;
		text-align: center;
		padding: 40px 0 10px 0;
		cursor: pointer;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50%);
		font-size: 9pt;
		line-height: 20px;
	}

		.zaman-cizelgesi .uzat:hover {
			text-decoration: underline;
		}

/* Kripto Paralar */

.kripto-paralar {
	width: 100%;
	height: 110px;
	overflow: hidden;
	padding: 0 0 35px 0;
}

	.kripto-paralar.acik {
		height: auto;
	}

	.kripto-paralar .modul-bilgisi {
		width: calc(100% - 10px);
		padding: 0 5px;
		background: #f5792a;
		color: #fff;
		font-weight: bold;
		font-size: 14pt;
		line-height: 20pt;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

		.kripto-paralar .modul-bilgisi a {
			color: #fff;
			font-size: 11pt;
			float: right;
			font-weight: normal;
		}

			.kripto-paralar .modul-bilgisi a img {
				float: left;
				height: 14px;
				margin: 6px 5px 0 0;
			}

	.kripto-paralar .tek {
		width: 100%;
		float: left;
		border-bottom: 1px solid #dedede;
		font-size: 10pt;
		line-height: 20pt;
	}

		.kripto-paralar .tek:hover {
			background: #f1f1f1;
		}

		.kripto-paralar .tek span {
			float: left;
			padding: 0 5px;
		}

		.kripto-paralar .tek .ad {
			width: calc(25% - 5px);
			font-weight: bold;
			font-size: 12pt;
		}

			.kripto-paralar .tek .ad img {
				float: left;
				margin: 2px 4px 0 0;
				width: 20px;
				height: 20px;
			}

		.kripto-paralar .tek .fiyat {
			width: calc(20% - 15px);
			text-align: right;
		}

		.kripto-paralar .tek .degisim {
			width: calc(20% - 10px);
			text-align: right;
		}

			.kripto-paralar .tek .degisim.negatif {
				color: red;
			}

			.kripto-paralar .tek .degisim.pozitif {
				color: green;
			}

		.kripto-paralar .tek .hacim {
			width: calc(35% - 10px);
			text-align: right;
			color: #999;
		}

	.kripto-paralar div.tek {
		background: #f1f1f1;
		line-height: 16pt;
	}

		.kripto-paralar div.tek span {
			color: #999 !important;
			font-size: 9pt !important;
			font-weight: normal !important;
		}

	.kripto-paralar .alt-baglanti {
		width: calc(100% - 10px);
		float: left;
		border-bottom: 1px solid #dedede;
		font-size: 10pt;
		line-height: 16pt;
		padding: 0 5px;
		background: #f1f1f1;
	}

		.kripto-paralar .alt-baglanti a {
			float: right;
		}

	.kripto-paralar .uzat {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		text-align: center;
		padding: 20px 0 5px 0;
		cursor: pointer;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50%);
		font-size: 9pt;
		line-height: 20px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

		.kripto-paralar .uzat:hover {
			text-decoration: underline;
		}


/* Kripto Paralar Detay Sayfası */

.crypto-panel {
	position: relative;
	display: block;
	height: 100px;
	box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	border: 1px solid #dedede;
	background-color: #ffffff;
	overflow: hidden;
}

	.crypto-panel .crypto-item {
		display: inline-block !important;
		vertical-align: top;
		padding: 10px 35px 20px 15px;
		border-right: 1px solid #ccc;
	}

		.crypto-panel .crypto-item:nth-child(4) {
			border-right: none;
		}

		.crypto-panel .crypto-item:last-child {
			border-right: none;
		}

		.crypto-panel .crypto-item.link {
			padding: 0;
			position: absolute;
			right: 0;
		}

		.crypto-panel .crypto-item .item-title {
			display: block;
			color: #999999;
			font-size: 17px;
			letter-spacing: -0.41px;
			font-family: Arial;
		}

		.crypto-panel .crypto-item b {
			display: block;
			font-weight: 700;
			letter-spacing: -0.63px;
			font-size: 26px;
			padding: 5px 0 7px 0;
			max-width: 150px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.crypto-panel .crypto-item .item-price {
			letter-spacing: -0.41px;
			font-size: 17px;
		}

			.crypto-panel .crypto-item .item-price.up {
				color: #21a621;
			}

				.crypto-panel .crypto-item .item-price.up:after {
					position: relative;
					bottom: 2px;
					content: url('../img/icon-crypto-up.png');
				}

			.crypto-panel .crypto-item .item-price.down:after {
				position: relative;
				bottom: 2px;
				content: url('../img/icon-crypto-down.png');
			}

			.crypto-panel .crypto-item .item-price.down {
				color: #ff0000;
			}

		.crypto-panel .crypto-item b img {
			vertical-align: bottom;
			display: inline-block;
			height: 25px;
			width: 25px;
		}


/* Instagram Feed */

.instagram-feed {
	margin: 0 !important;
	position: relative;
	display: flex !important;
	overflow: hidden;
	height: 370px;
	width: 100%;
	background: #fff;
	border: solid 1px #dedede;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	box-sizing: border-box;
}

	.instagram-feed .feed-media {
		position: relative;
		width: 208px;
		float: left;
		margin-bottom: 0 !important;
		background-color: #000;
	}

		.instagram-feed .feed-media > div {
			float: left;
		}

		.instagram-feed .feed-media video {
			width: 100%;
			height: auto;
			position: absolute;
			top: 50%;
			transform: translate(0, -50%);
		}

		.instagram-feed .feed-media a {
			position: absolute;
			right: 10px;
			top: 10px;
			border-radius: 5px;
			background-color: rgba(0, 0, 0, 0.25);
			padding: 0 13px;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			opacity: 1;
		}

			.instagram-feed .feed-media a:hover {
				color: black;
				background-color: white;
			}

			.instagram-feed .feed-media a.passive {
				opacity: 0;
				-webkit-transition: opacity 1s ease-in-out;
				-moz-transition: opacity 1s ease-in-out;
				-ms-transition: opacity 1s ease-in-out;
				-o-transition: opacity 1s ease-in-out;
				transition: opacity 1s ease-in-out;
			}

		.instagram-feed .feed-media:hover a.passive {
			opacity: 1;
			-webkit-transition: none;
			-moz-transition: none;
			-ms-transition: none;
			-o-transition: none;
			transition: none;
		}


	.instagram-feed .feed-right {
		width: 510px;
		float: left;
		position: relative;
		margin: 0 !important;
	}

		.instagram-feed .feed-right .feed-content {
			padding: 15px 15px 15px 20px;
			border-bottom: 1px solid #dedede;
			margin-bottom: 0 !important;
			height: 110px;
		}

			.instagram-feed .feed-right .feed-content .owner-picture {
				display: inline-flex;
				width: 40px;
				height: 40px;
				border: double 0.1em transparent;
				border-radius: 100%;
				vertical-align: top;
				margin-top: 2px;
			}

				.instagram-feed .feed-right .feed-content .owner-picture img {
					width: 40px;
					height: 40px;
					border-radius: 100%;
					margin: 0 auto;
				}

			.instagram-feed .feed-right .feed-content .owner-info {
				display: inline-block;
				width: calc(100% - 70px);
				margin-bottom: 0;
				padding-left: 7px;
			}

				.instagram-feed .feed-right .feed-content .owner-info a.owner {
					display: block;
					font-size: 17px;
					font-weight: 600;
				}

				.instagram-feed .feed-right .feed-content .owner-info span.info {
					font-size: 12px;
					color: #999999;
					vertical-align: text-bottom;
				}

				.instagram-feed .feed-right .feed-content .owner-info a.follow {
					color: #0095f6;
					font-size: 12px;
					font-weight: bold;
					vertical-align: text-bottom;
				}

					.instagram-feed .feed-right .feed-content .owner-info a.follow:before {
						content: "";
						background-color: #ccc;
						height: 3px;
						width: 3px;
						display: inline-block;
						border-radius: 100%;
						vertical-align: middle;
						margin: 0 5px;
					}

				.instagram-feed .feed-right .feed-content .owner-info p.content {
					color: #333;
					font-size: 14px;
					margin-bottom: 0;
					padding: 0;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
					line-height: 1.3em;
				}

			.instagram-feed .feed-right .feed-content:hover {
				height: auto;
			}

				.instagram-feed .feed-right .feed-content:hover .owner-info p.content {
					display: block;
				}

		.instagram-feed .feed-right .feed-comments {
			overflow: scroll;
			overflow-x: hidden;
			padding-top: 10px;
			margin: 0 4px 0 0 !important;
			height: 182px;
		}

			.instagram-feed .feed-right .feed-comments::-webkit-scrollbar {
				width: 5px;
			}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #888;
}

	::-webkit-scrollbar-thumb:hover {
		background: #aaa;
	}


.instagram-feed .feed-right .feed-comments .feed-comment {
	position: relative;
	padding: 0 20px 0 25px;
	margin-bottom: 10px;
}

	.instagram-feed .feed-right .feed-comments .feed-comment:last-child {
		margin-bottom: 0 !important;
	}

	.instagram-feed .feed-right .feed-comments .feed-comment .profile {
		display: inline-block;
		width: 32px;
		height: 32px;
		border-radius: 100%;
		background-color: #dedede;
		vertical-align: top;
		margin-top: 5px;
	}

	.instagram-feed .feed-right .feed-comments .feed-comment .avatarsiz {
		text-align: center;
		line-height: 32px;
		font-weight: normal;
	}

	.instagram-feed .feed-right .feed-comments .feed-comment .profile img {
		height: 100%;
		border-radius: 100%;
	}

	.instagram-feed .feed-right .feed-comments .feed-comment span.date {
		color: #999;
		font-size: 12px;
		vertical-align: middle;
		margin: -1px 0 0 0;
	}

	.instagram-feed .feed-right .feed-comments .feed-comment .content {
		display: inline-block;
		width: calc(100% - 50px);
		margin-bottom: 0;
		padding: 0;
		margin-left: 10px;
	}

		.instagram-feed .feed-right .feed-comments .feed-comment .content a.user {
			vertical-align: top;
			color: #333;
			font-size: 14px;
			font-weight: 600;
		}

		.instagram-feed .feed-right .feed-comments .feed-comment .content p {
			color: #333;
			font-size: 14px;
			margin-bottom: 0;
			line-height: 18px;
		}

.instagram-feed .feed-right .feed-new-comment {
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	margin-bottom: 0 !important;
}

	.instagram-feed .feed-right .feed-new-comment textarea {
		width: calc(100% - 97px);
		border-bottom-right-radius: 5px;
		box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
		border: none;
		border-top: solid 1px #dedede;
		padding: 10px 80px 10px 20px;
		font-size: 14px;
		font-family: Arial;
		height: 17px;
		margin: 0;
		resize: none;
	}

	.instagram-feed .feed-right .feed-new-comment .submit-comment {
		position: absolute;
		bottom: 5px;
		top: 0;
		right: 0;
		color: #ef7828;
		font-size: 14px;
		align-items: center;
		padding: 0 20px;
		display: inline-flex;
	}

	.instagram-feed .feed-right .feed-new-comment.active textarea {
		height: 37px;
		padding: 0 10px 0 20px;
		width: calc(100% - 30px);
		margin: 10px 0 30px;
	}

	.instagram-feed .feed-right .feed-new-comment.active .submit-comment {
		height: 20px;
		top: initial;
		bottom: 12px;
	}

.instagram-feed .feed-right .feed-comments .feed-comment .top-line {
	margin: 0;
	width: 100%;
	float: left;
}

	.instagram-feed .feed-right .feed-comments .feed-comment .top-line .like {
		float: right;
		margin: 0;
		font-size: 16px;
		color: #f5792a;
		cursor: pointer;
		min-width: 25px;
	}

		.instagram-feed .feed-right .feed-comments .feed-comment .top-line .like.passive {
			color: #ccc;
		}

		.instagram-feed .feed-right .feed-comments .feed-comment .top-line .like span {
			font-size: 12px;
			font-weight: bold;
			float: right;
			margin: 0px 0 0 4px;
		}

		.instagram-feed .feed-right .feed-comments .feed-comment .top-line .like.passive span {
			font-weight: normal;
		}

.instagram-feed .feed-right .config {
	position: absolute;
	right: 5px;
	top: 5px;
}

	.instagram-feed .feed-right .config .button {
		margin: 0 4px 0 0;
		cursor: pointer;
	}

		.instagram-feed .feed-right .config .button i {
			color: #ccc;
			font-size: 18px;
		}

	.instagram-feed .feed-right .config .menu {
		position: absolute;
		right: 0;
		top: 100%;
		width: 210px;
		box-sizing: border-box;
		border-radius: 5px;
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
		border: solid 1px #dedede;
		background-color: #fff;
		padding: 12px 7px 9px 10px;
		display: flex;
		flex-direction: column;
		gap: 6px;
		margin: 2px 0 0 0;
		display: none;
	}

		.instagram-feed .feed-right .config .menu.active {
			display: flex;
		}

		.instagram-feed .feed-right .config .menu::before {
			content: '';
			position: absolute;
			top: -14px;
			right: 4px;
			width: 0;
			height: 0;
			border-width: 7px;
			border-style: solid;
			border-color: transparent transparent #fff transparent;
			z-index: 9;
		}

		.instagram-feed .feed-right .config .menu::after {
			content: '';
			position: absolute;
			top: -16px;
			right: 3px;
			width: 0;
			height: 0;
			border-width: 8px;
			border-style: solid;
			border-color: transparent transparent #dedede transparent;
		}


		.instagram-feed .feed-right .config .menu > .title {
			margin: 0 0 4px 0;
			font-family: Arial;
			font-size: 11px;
			color: #999;
			line-height: 12px;
		}

		.instagram-feed .feed-right .config .menu .line {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin: 0;
		}

			.instagram-feed .feed-right .config .menu .line span.title {
				font-family: Arial;
				font-size: 11px;
				color: #000;
			}

			.instagram-feed .feed-right .config .menu .line div {
				margin: 0;
			}


.gecemodu .instagram-feed {
	background: #333;
	border-color: #222;
}

	.gecemodu .instagram-feed .feed-right .feed-content .owner-info p.content,
	.gecemodu .instagram-feed .feed-right .feed-comments .feed-comment .content a.user {
		color: white;
	}

	.gecemodu .instagram-feed .feed-right .feed-comments .feed-comment .content p {
		color: #ccc
	}

	.gecemodu .instagram-feed .feed-right .feed-content {
		border-color: #222;
	}

	.gecemodu .instagram-feed .feed-right .feed-new-comment textarea {
		background: #333;
		border-color: #222;
		color: white;
	}

/* Editör (Yan) */

.editor-yan {
	width: 100%;
	font-size: 12pt;
	line-height: 16pt;
	color: #333;
	position: relative;
	text-align: center;
	display: inline-block;
}

	.editor-yan .avatar {
		width: 100%;
		height: 100px;
		float: left;
		margin: 0 0 5px 0;
		background: #f1f1f1;
	}

		.editor-yan .avatar img {
			width: 100px;
			height: 100px;
			border-radius: 3px;
			box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
		}

	.editor-yan .isim {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		margin: 0 0 5px 0;
		float: left;
	}

		.editor-yan .isim > a {
			font-weight: bold;
		}

	.editor-yan .gorev {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
		margin: -5px 0 5px 0;
		float: left;
		color: #999;
	}

	.editor-yan .user-info {
		display: inline-block;
		margin: -5px 0 0 3px;
		position: relative;
		vertical-align: middle;
	}

		.editor-yan .user-info .button {
			width: 13px;
			height: 13px;
			border-radius: 7px;
			border: solid 1px #f37829;
			background-color: #fff;
			font-size: 10px;
			font-weight: bold;
			color: #f37829;
			line-height: 11px;
			text-align: center;
			box-sizing: border-box;
			cursor: pointer;
		}

		.editor-yan .user-info .user-tooltip {
			position: absolute;
			left: -110px;
			top: 100%;
			border-radius: 5px;
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
			background-color: #fff;
			display: none;
			flex-direction: column;
			width: 345px;
			z-index: 999;
			margin: 9px 0 0 0;
		}

@media only screen and (max-width: 1220px) {
	.editor-yan .user-info .user-tooltip {
		left: -75px;
	}

		.editor-yan .user-info .user-tooltip::before {
			left: 74px !important;
		}
}

.editor-yan .user-info .user-tooltip.active {
	display: flex;
}

.editor-yan .user-info .user-tooltip::before {
	content: "";
	position: absolute;
	top: -16px;
	left: 109px;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
}

.editor-yan .user-info .user-tooltip .tabs {
	display: flex;
	flex-direction: row;
	height: 45px;
}

	.editor-yan .user-info .user-tooltip .tabs .tab {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: #ccc;
		width: 100%;
		padding: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		padding: 7px 0 0 0;
		cursor: pointer;
		border-bottom: 1px solid #f1f1f1;
	}

		.editor-yan .user-info .user-tooltip .tabs .tab.active {
			color: #f37829;
			border-bottom: 4px solid #f37829;
		}

.editor-yan .user-info .user-tooltip .tab-content {
	padding: 16px 0 20px;
	flex-direction: row;
	display: none;
}

	.editor-yan .user-info .user-tooltip .tab-content.active {
		display: flex;
	}

	.editor-yan .user-info .user-tooltip .tab-content .left {
		width: 90px;
		padding: 0 10px 0 20px;
		box-sizing: border-box;
	}

		.editor-yan .user-info .user-tooltip .tab-content .left img {
			width: 60px;
			height: 60px;
			border: solid 1px #f1f1f1;
			background-color: #fff;
			margin: 0 0 10px 0;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			-o-border-radius: 50%;
			line-height: 15px;
		}

		.editor-yan .user-info .user-tooltip .tab-content .left span {
			font-size: 13px;
			letter-spacing: -0.31px;
			text-align: center;
			color: #999;
		}

	.editor-yan .user-info .user-tooltip .tab-content .right {
		text-align: left;
		display: flex;
		flex-direction: column;
		padding: 0 25px 0 0;
		box-sizing: border-box;
	}

		.editor-yan .user-info .user-tooltip .tab-content .right .name {
			font-size: 15px;
			font-weight: bold;
			letter-spacing: -0.36px;
			color: #000;
		}

		.editor-yan .user-info .user-tooltip .tab-content .right .title {
			font-size: 15px;
			letter-spacing: -0.36px;
			color: #999;
			margin: 5px 0 7px 0;
		}

		.editor-yan .user-info .user-tooltip .tab-content .right .description {
			font-size: 13px;
			letter-spacing: -0.31px;
			color: #666;
			line-height: 16px;
			display: -webkit-box;
			-webkit-line-clamp: 8;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

	.editor-yan .user-info .user-tooltip .tab-content.items {
		flex-direction: column;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	.editor-yan .user-info .user-tooltip .tab-content .item {
		display: flex;
		flex-direction: column;
		margin: 0 0 10px 0;
	}

		.editor-yan .user-info .user-tooltip .tab-content .item a {
			font-size: 13px;
			font-weight: bold;
			letter-spacing: -0.31px;
			color: #000;
			line-height: 15px;
		}

		.editor-yan .user-info .user-tooltip .tab-content .item .date {
			letter-spacing: -0.31px;
			color: #999;
			font-size: 13px;
			line-height: 15px;
			margin: 3px 0 0 0;
		}

	.editor-yan .user-info .user-tooltip .tab-content .more-item {
		margin: 8px 0 0 0;
		font-size: 14px;
		color: #666;
		line-height: 18px;
	}

		.editor-yan .user-info .user-tooltip .tab-content .more-item i {
			font-size: 18px;
			margin: -3px 0 0 0;
			vertical-align: middle;
			display: inline-block;
		}


.editor-yan .takip {
	width: 100%;
	font-size: 9pt;
	line-height: 12pt;
	margin: 3px 0 0 0;
}

	.editor-yan .takip .simge {
		float: left;
		margin: 0 5px 0 0;
		background: #f5792a;
		color: #fff;
		padding: 0 4px;
		border-radius: 3px;
	}

	.editor-yan .takip.alt .simge {
		background: #999;
	}

	.editor-yan .takip .eylem {
		color: #f5792a;
		float: left;
	}

	.editor-yan .takip.alt .eylem {
		color: #999;
	}

/* Gönderi Başlığı */

.main-page-head {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
}

	.main-page-head .post-baslik {
		font-size: 31px;
	}

	.main-page-head .menu-dd {
		font-weight: normal;
	}

	.main-page-head .right {
		display: flex;
		flex-direction: row;
		gap: 20px;
		align-items: center;
		flex: 0 0 auto;
	}

		.main-page-head .right .description {
			font-size: 16px;
			color: #999;
			font-family: Arial, Helvetica, sans-serif;
		}

.post-baslik {
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 20px 0;
	font-family: 'Ubuntu', Arial;
	font-size: 32pt;
	line-height: 38pt;
	color: #000;
	font-weight: bold;
}

	.post-baslik.with-button {
		display: flex;
		flex-direction: row;
		gap: 20px;
		align-items: center;
	}

		.post-baslik.with-button .rss-button {
			border-radius: 3px;
			background-color: #f6792a;
			width: 40px;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			color: #fff;
		}

/* Ara Başlık */

.ara-baslik {
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
}

	.ara-baslik .nedir {
		float: left;
		font-size: 14pt;
		line-height: 19pt;
		color: #999;
	}

		.ara-baslik .nedir a {
			color: #999;
			font-weight: bold;
			text-decoration: none;
		}

	.ara-baslik .lnk {
		float: right;
		font-size: 11pt;
		line-height: 15pt;
		margin: 0 0 0 10px;
	}

		.ara-baslik .lnk .simge {
			float: right;
			margin: 1px 0 0 10px;
			font-size: 14pt;
		}

	.ara-baslik .ayrac {
		float: right;
		margin: 0 0 0 10px;
		font-size: 12pt;
		font-weight: normal;
	}

	.ara-baslik .aciklamali-dugme {
		float: right;
	}

	.ara-baslik .not {
		margin: 0 10px 0 0;
		line-height: 16pt;
		color: #999;
		font-size: 11pt;
	}

	.ara-baslik .tumunu-genislet {
		font-size: 16px;
		line-height: 28px;
		font-weight: 400;
		color: #999999;
		margin-left: 15px;
	}

		.ara-baslik .tumunu-genislet:after {
			content: "";
			background-image: url(../img/icon-expand-all.png);
			height: 22px;
			width: 18px;
			background-size: 14px 20px;
			display: inline-block;
			background-repeat: no-repeat;
			margin-left: 5px;
			vertical-align: middle;
		}


/* Sürmanşet */

.surmanset {
	width: calc(100% - 40px);
	margin: 0 0 25px 0;
	padding: 0 0 0 40px;
	font-size: 14pt;
	line-height: 19pt;
	color: #999;
	position: relative;
	font-family: Georgia;
	font-style: italic;
	font-weight: normal;
}

	.surmanset:before {
		position: absolute;
		top: -3px;
		left: 0;
		width: 30px;
		content: '“';
		font-size: 50pt;
		line-height: 50pt;
		color: #999;
	}

/* Anket */

.anket {
	width: calc(100% - 2px);
	border: 1px solid #dedede;
	border-radius: 5px;
	margin: 0 0 30px 0;
	background: #fff;
}

	.anket .soru {
		width: calc(100% - 60px);
		padding: 25px 30px;
		line-height: 20px;
		font-size: 12pt;
		font-weight: bold;
		/*border-bottom:1px solid #dedede; margin:0 0 20px 0;*/
	}

	.anket .siklar {
		width: calc(100% - 60px);
		padding: 0 30px 20px 30px;
		color: #333;
		border-bottom: 1px solid #dedede;
	}

		.anket .siklar .sik {
			width: 100%;
			float: left;
		}

	.anket .aksiyon {
		width: calc(100% - 40px);
		padding: 0 20px;
		margin: 10px 0 10px 0;
	}

		.anket .aksiyon .btn {
			float: left;
			margin: 0 20px 0 0;
			min-width: 80px;
			text-align: center;
		}

			.anket .aksiyon .btn.hiza-sag {
				margin: 0;
			}

		.anket .aksiyon .oylayan {
			float: left;
			margin: 0 20px 0 10px;
			line-height: 30px;
			color: #999;
		}

	.anket .sonuclar {
		width: calc(100% - 60px);
		padding: 0 30px 10px 30px;
		border-bottom: 1px solid #dedede;
	}

		.anket .sonuclar .sonuc {
			width: 100%;
			margin: 0 0 5px 0;
			line-height: 30px;
			color: #666;
			float: left;
			position: relative;
		}

			.anket .sonuclar .sonuc .yuzde {
				float: left;
				width: 50px;
			}

			.anket .sonuclar .sonuc.aktif .yuzde {
				font-weight: bold;
				color: #f5792a !important;
			}

			.anket .sonuclar .sonuc .sik {
				float: left;
				width: calc(100% - 125px);
				position: relative;
			}

				.anket .sonuclar .sonuc .sik .metin {
					float: left;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 8;
					max-width: calc(100% - 20px);
					margin: 0 10px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}

			.anket .sonuclar .sonuc.aktif .sik .metin {
				color: #f5792a !important;
			}

			.anket .sonuclar .sonuc .oyunuz {
				position: absolute;
				top: 0;
				right: 65px;
				z-index: 9;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				background-color: #f90;
				color: #fff;
				padding: 0 5px;
				border-radius: 5px;
				font-size: 8pt;
				line-height: 20px;
				margin: 3px 0;
				border: 2px solid #fff;
			}

			.anket .sonuclar .sonuc .sik .bar {
				float: left;
				height: 30px;
				background: #f1f1f1;
				border-radius: 3px;
			}

			.anket .sonuclar .sonuc.aktif .sik .bar {
				background: #fff6eb;
			}

			.anket .sonuclar .sonuc .sayi {
				float: right;
				color: #ccc;
				width: 75px;
				text-align: right;
			}

/* Sağ Sütun Modül Başlık */

/*.modul-baslik {
	width:calc(100% - 40px); font-size:14pt; line-height:19pt; font-weight:bold; color:#f5792a; padding:20px; border-bottom:1px solid #f1f1f1; }
.modul-baslik .simge {
	float:left; margin:0 10px 0 0; line-height:19pt; }*/

/* Yorum Formu ve Listesi */

.yorumlar {
	width: 100%;
	font-size: 11pt;
	line-height: 15pt;
	min-height: 340px;
}

	.yorumlar hr {
		width: 100%;
		height: 1px;
		background: #f1f1f1;
		border: none;
		margin: 0 0 20px 0;
	}

	.yorumlar .tab {
		margin: 0 0 20px 0;
		padding: 0;
		width: 100%;
		background: none;
		z-index: 6;
		position: relative;
	}

		/*.yorumlar .tab .tab-oge a {
	padding:0 10px; border-radius:3px; border:none; margin:0; background:#dedede; }
.yorumlar .tab .tab-oge a:hover {
	background:#f5f5f5; }
.yorumlar .tab .tab-oge.aktif a {
	background:#f1f1f1; }*/
		.yorumlar .tab .lnk {
			float: right;
			margin: 5px 10px 0 0;
			font-size: 11pt;
			line-height: 15pt;
		}

			.yorumlar .tab .lnk .simge {
				margin: 2px 0 0 10px;
				font-size: 14pt;
				float: right;
			}

/*.yorum-takip {
	background:#fff; color:#333; font-size:11pt; line-height:20px; padding:5px 0; position:relative; float:right; }
.yorum-takip.pasif {
	background:#dedede; color:#999; }
.yorum-takip .eylem {
	float:left; margin:0 10px 0 10px; }
.yorum-takip .sayi {
	background:#666; color:#fff; margin:0 5px 0 0; padding:0 5px; }
.yorum-takip.pasif .sayi {
	background:#ccc; }*/

.yorum-takip {
	background: #f5792a;
	color: #fff;
	font-size: 11pt;
	line-height: 24px;
	padding: 3px;
	position: relative;
	float: left;
	font-weight: normal;
	border-radius: 3px;
	float: right;
	z-index: 4;
}

	.yorum-takip.pasif {
		background: #f1f1f1;
		color: #999;
	}

	.yorum-takip .simge {
		float: left;
		margin: 0 5px 0 0;
		background: #d06724;
		color: #fff;
		text-align: center;
		min-width: 20px;
		border-radius: 3px;
		font-weight: bold;
	}

	.yorum-takip.pasif .simge {
		background: #999;
		color: #fff;
	}

	.yorum-takip .eylem {
		float: left;
		margin: 0 10px 0 0;
	}

	.yorum-takip .sayi {
		background: #fff;
		color: #f5792a;
		margin: 2px 2px 0 5px;
		padding: 0 3px;
		position: relative;
		font-size: 8pt;
		line-height: 20px;
		float: right;
		border-radius: 3px;
	}

	.yorum-takip.pasif .sayi {
		background: #999;
		color: #fff;
	}

.yorum-takipciler {
	float: right;
	height: 24px;
	margin: 0 0 0 5px;
}

	.yorum-takipciler .avatar {
		float: left;
		width: 20px;
		height: 20px;
		border-radius: 15px;
		overflow: hidden;
		margin: 0 0 0 -5px;
		background: #fff;
		border: 2px solid #fff;
	}

		.yorum-takipciler .avatar img {
			width: 20px;
			height: 20px;
		}

.yorumlar .yorum {
	position: relative;
	width: calc(100%);
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #f1f1f1;
}

.yorumlar .yorum-islemleri {
	position: relative;
}

	.yorumlar .yorum-islemleri .acici {
		cursor: pointer;
		color: #ccc;
	}

		.yorumlar .yorum-islemleri .acici:hover {
			color: #f5792a;
		}

	.yorumlar .yorum-islemleri .acilan {
		position: absolute;
		z-index: 15;
		top: calc(100% + 10px);
		right: 0;
		width: 200px;
		background: #f1f1f1;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
		line-height: 20px;
		padding: 5px 0;
		display: none;
	}

	.yorumlar .yorum-islemleri.acilsin .acilan {
		display: inline-block;
	}

	.yorumlar .yorum-islemleri .acilan:before {
		content: '';
		position: absolute;
		top: -20px;
		right: 10px;
		width: 0;
		height: 0;
		border-width: 10px;
		border-style: solid;
		border-color: transparent transparent #f1f1f1 transparent;
	}

	.yorumlar .yorum-islemleri .acilan a {
		width: calc(100% - 20px);
		padding: 5px 10px;
		color: #333 !important;
	}

		.yorumlar .yorum-islemleri .acilan a:hover {
			background: #fff;
		}

		.yorumlar .yorum-islemleri .acilan a [class*=icon-] {
			line-height: 20px;
			width: 20px;
			text-align: center;
			margin: 0 5px 0 0;
			float: left;
		}

@keyframes highlight {
	0% {
		background: #ff0;
		box-shadow: 0 0 50px #ff0;
	}

	100% {
		background: none;
		box-shadow: none;
	}
}

.yorumlar .yorum.vurgula {
	animation: highlight 1s;
}

.yorumlar .yorumcevapkapsam {
	width: 100%;
}

.yorumlar .yorum.cevap {
	width: calc(100% - 35px);
	margin: 0 0 15px 35px;
}

.yorumlar .cevapaltikapsam {
	width: 100%;
}

.yorumlar .yorum.cevap-alti {
	width: calc(100% - 35px);
	margin: 0 0 15px 35px;
	/*padding:0;*/
}

/*.yorumlar .yorum.cevap-alti.girintili {
	position:relative; }
.yorumlar .yorum.cevap-alti.girintili:after {
	content:''; width:2px; height:calc(100% + 5px); background:#f5792a; position:absolute; top:-10px; left:-50px; border-radius:5px; }
.yorumlar .yorum.cevap-alti.girintisi {
	position:relative; }
.yorumlar .yorum.cevap-alti.girintisi:after {
	content:''; width:4px; height:calc(100% + 5px); background:#dedede; position:absolute; top:-10px; left:-50px; border-radius:5px; }
.yorumlar .yorum.cevap-alti.girintisi-2 {
	position:relative; }
.yorumlar .yorum.cevap-alti.girintisi-2:after {
	content:''; width:6px; height:calc(100% + 5px); background:#ccc; position:absolute; top:-10px; left:-50px; border-radius:5px; }*/
/*.yorumlar .yorum.form {
	border:none; }*/
.yorumlar .yorum.cevap.yanit {
	border-bottom: 1px solid #f1f1f1;
	padding: 0 0 15px 0;
}

.yorumlar .yorum .satirkapsam {
	width: 100%;
}

.yorumlar .yorum.visitor .satirkapsam {
	position: absolute;
	right: 0;
	top: -7px;
}

.yorumlar .yorum .yorum {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #dedede;
	border-bottom: none;
}

.yorumlar .daha-fazla-yorum {
	width: 100%;
	margin: 0 0 10px 0;
	/*font-size:12pt; line-height:17pt;*/
	text-align: center;
}

	.yorumlar .daha-fazla-yorum .btn {
		margin: 0 5px;
	}

/*.yorumlar .daha-fazla-yorum a {
	border:1px solid #dedede; border-radius:3px; padding:0 10px; line-height:30px; color:#666; }
.yorumlar .daha-fazla-yorum a:hover {
	background:#f1f1f1; }
.yorumlar .daha-fazla-yorum a:active {
	background:#dedede; }*/

.yorumlar .daha-fazla-yanit {
	width: calc(100% - 50px);
	margin: 0 0 30px 50px;
	font-size: 10pt;
	line-height: 14pt;
}

.yorumlar .cevapaltikapsam .daha-fazla-yanit {
	width: calc(100% - 80px);
	margin: 0 0 30px 80px;
	font-size: 10pt;
	line-height: 14pt;
}

.yorumlar .daha-fazla-yanit .simge {
	font-size: 12pt;
	margin: 0 0 0 10px;
}

.yorumlar .yorum .kullanici {
	width: 100%;
	line-height: 12pt;
	margin: 0 0 5px 0;
	font-weight: bold;
	position: relative;
}

	.yorumlar .yorum .kullanici span {
		float: left;
	}

	.yorumlar .yorum .kullanici .nick {
		position: relative;
		top: 7px;
		font-size: 11pt;
		margin: 0 10px 0 0;
	}

		.yorumlar .yorum .kullanici .nick .name {
			float: right;
			font-weight: 500;
			margin-left: 5px;
			color: #999;
		}

	.yorumlar .yorum .kullanici .zaman {
		position: relative;
		top: 8px;
		font-size: 9pt;
		color: #999;
		font-weight: normal;
		float: left;
	}

	.yorumlar .yorum .kullanici .duzenlendi {
		position: relative;
		top: 7px;
		font-size: 9pt;
		color: #999;
		font-weight: normal;
		float: left;
		margin-left: 5px;
	}

	.yorumlar .yorum .kullanici .bandrol {
		padding: 0 4px;
		font-size: 8pt;
		color: #fff;
		margin: 6px 0 0 10px;
		border-radius: 3px;
	}

	.yorumlar .yorum .kullanici .avatar {
		position: relative;
		float: left;
		margin-right: 8px;
		top: 0;
		width: 30px;
		height: 30px;
		background-color: #fff;
		border-radius: 40px;
	}

		.yorumlar .yorum .kullanici .avatar img {
			width: 30px;
			height: 30px;
			border-radius: 20px;
		}

		.yorumlar .yorum .kullanici .avatar.avatarsiz {
			background-color: #d85757;
			color: #fff;
			text-align: center;
			line-height: 30px;
			font-weight: normal;
		}

	.yorumlar .yorum .kullanici.yorumyaz {
		position: absolute;
		top: -10px;
		height: 40px;
	}

		.yorumlar .yorum .kullanici.yorumyaz img {
			height: 35px;
			width: 35px;
		}

.yorumlar .yorum.cevap .kullanici .nick {
	top: 5px;
}

.yorumlar .yorum.cevap .kullanici .zaman {
	top: 6px;
}

.yorumlar .yorum.cevap .kullanici .avatar {
	width: 25px;
	height: 25px;
}

	.yorumlar .yorum.cevap .kullanici .avatar img {
		width: 25px;
		height: 25px;
	}

.yorumlar .yorum.cevap-alti .kullanici .nick {
	top: 5px;
}

.yorumlar .yorum.cevap-alti .kullanici .zaman {
	top: 6px;
}

.yorumlar .yorum.cevap-alti .kullanici .avatar {
	width: 25px;
	height: 25px;
}

	.yorumlar .yorum.cevap-alti .kullanici .avatar img {
		width: 25px;
		height: 25px;
	}

	.yorumlar .yorum.cevap-alti .kullanici .avatar.avatarsiz {
		line-height: 26px;
	}

.yorumlar .yorum.cevap-alti-girinti .kullanici .avatar {
	width: 25px;
	height: 25px;
}

	.yorumlar .yorum.cevap-alti-girinti .kullanici .avatar img {
		width: 25px;
		height: 25px;
	}

.yorumlar .yorum .kullanici .alinti-goster {
	float: right;
	margin: 5px 0 0 0;
}

	.yorumlar .yorum .kullanici .alinti-goster span {
		float: left;
		margin: 0 5px 0 0;
		line-height: 15pt;
	}

.yorumlar .yorum .kullanici .yoruma-git {
	float: right;
	font-weight: normal;
	color: #ccc;
	font-size: 13px;
}

.yorumlar .yorum .mesaj {
	width: 100%;
	font-size: 11pt;
	line-height: 15pt;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	color: #666;
	word-wrap: break-word;
	overflow: hidden;
}

	.yorumlar .yorum .mesaj * {
		max-width: 100%;
	}

	.yorumlar .yorum .mesaj table {
		width: 100%;
		overflow-wrap: anywhere;
	}

		.yorumlar .yorum .mesaj table tr {
			width: 100%;
		}

			.yorumlar .yorum .mesaj table tr td {
				width: 100%;
			}

	.yorumlar .yorum .mesaj p {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.yorumlar .yorum .mesaj a {
		/*font-weight:bold;*/
	}

	.yorumlar .yorum .mesaj blockquote {
		width: calc(100% - 22px);
		padding: 10px;
		border-radius: 3px;
		border: 1px solid #dedede;
		background: #FEFFF6;
	}

	.yorumlar .yorum .mesaj .gulucuk {
		vertical-align: middle;
	}

.yorumlar .yorum .resim {
	max-width: 150px;
	max-height: 240px;
	display: inline-block;
	padding: 5px;
	border: 1px solid #dedede;
	float: none;
	background: #f1f1f1;
	margin: 5px 5px 5px 0;
	overflow: hidden;
	text-align: center;
}

	.yorumlar .yorum .resim:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5px;
		/*background:linear-gradient(to bottom, rgba(241,241,241,0) 0%, rgba(241,241,241,20) 25%, rgba(241,241,241,100) 100%);*/
		background: #f1f1f1;
	}

	.yorumlar .yorum .resim .dosya {
		text-align: center;
	}

	.yorumlar .yorum .resim a {
		text-align: center;
	}

	.yorumlar .yorum .resim img {
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
		display: block;
	}

.yorumlar .yorum iframe {
	width: 100%;
	/*height:321px;*/
	display: inline-block;
	float: none;
	margin: 5px 0 5px 0;
}

.yorumlar .yorum .aksiyon {
	position: relative;
	width: 100%;
	font-size: 13px;
	line-height: 17px;
}

	.yorumlar .yorum .aksiyon a {
		color: #ccc;
		float: left;
		margin: 0 10px 0 0;
	}

		.yorumlar .yorum .aksiyon a:hover {
			color: #f5792a;
		}

	.yorumlar .yorum .aksiyon .hiza-sag {
		margin: 0 0 0 10px;
	}

	.yorumlar .yorum .aksiyon .oylar {
		/*float:right;*/
		font-size: 8pt;
		margin: 0 0 0 10px;
		line-height: 19px;
	}

		.yorumlar .yorum .aksiyon .oylar .ver {
			float: left;
			text-align: center;
			font-size: 13pt;
		}

			.yorumlar .yorum .aksiyon .oylar .ver a {
				float: left;
				width: 25px;
				height: 17px;
				line-height: 17px;
				margin: 0;
				color: #ccc;
				text-align: left;
			}

				.yorumlar .yorum .aksiyon .oylar .ver a:hover {
					color: #f5792a;
				}

			.yorumlar .yorum .aksiyon .oylar .ver .arti.aktif {
				color: #f5792a;
			}

			.yorumlar .yorum .aksiyon .oylar .ver .eksi.aktif {
				color: #de0000;
			}

		.yorumlar .yorum .aksiyon .oylar .anlik {
			float: right;
			background: #dedede;
			color: #fff;
			padding: 0 4px;
			margin: 0;
			border-radius: 3px;
			cursor: default;
			position: relative;
			cursor: pointer;
		}

			.yorumlar .yorum .aksiyon .oylar .anlik.active {
				z-index: 9999;
			}

				.yorumlar .yorum .aksiyon .oylar .anlik.active > .comment-likes {
					display: block;
				}

			.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes {
				position: absolute;
				left: -30px;
				top: 30px;
				border-radius: 3px;
				box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
				background-color: #f1f1f1;
				width: 270px;
				z-index: 99;
				display: none;
			}

				.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes:before {
					content: "";
					position: absolute;
					top: -16px;
					left: 33px;
					width: 0;
					height: 0;
					border-width: 8px;
					border-style: solid;
					border-color: transparent transparent #f1f1f1 transparent;
				}

				.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes .head {
					width: 100%;
					float: left;
					font-family: Arial;
					font-size: 13px;
					font-weight: bold;
					color: #333;
					border-bottom: 1px solid #dedede;
					line-height: 22px;
					padding: 7px 10px;
					box-sizing: border-box;
				}

				.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes ul,
				.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes ul li {
					width: 100%;
					float: left;
				}

					.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes ul li {
						border-bottom: 1px solid #dedede;
						padding: 10px;
						box-sizing: border-box;
					}

						.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes ul li .avatar {
							width: 40px;
							height: 40px;
							border-radius: 50%;
							float: left;
							line-height: 40px;
							color: #fff;
							text-align: center;
							background-color: #f07a2d;
							font-size: 20px;
						}

						.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes ul li .text {
							width: calc(100% - 51px);
							float: right;
							font-size: 12px;
							font-family: Arial, Helvetica, sans-serif;
							color: #000;
							line-height: 16px;
							display: flex;
							flex-direction: column;
							padding: 3px 0;
							gap: 2px;
						}

							.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes ul li .text .nick {
								float: left;
								color: #000;
								font-weight: bold;
							}

							.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes ul li .text .description {
								display: block;
							}

				.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes .bottom {
					width: 100%;
					float: left;
				}

					.yorumlar .yorum .aksiyon .oylar .anlik .comment-likes .bottom .description {
						width: 100%;
						float: left;
						padding: 8px 10px;
						box-sizing: border-box;
						font-family: Arial;
						font-size: 10px;
						color: #999;
					}


			.yorumlar .yorum .aksiyon .oylar .anlik.pozitif {
				background: #f5792a;
			}

			.yorumlar .yorum .aksiyon .oylar .anlik.negatif {
				background: #de0000;
			}

	.yorumlar .yorum .aksiyon .begen {
		position: absolute;
		top: -2px;
		font-size: 20px;
		padding-left: 5px;
		color: #ccc;
	}

		.yorumlar .yorum .aksiyon .begen:hover {
			color: #f07a2d;
		}

.yorumlar .yorum .bbcode {
	width: calc(100% - 50px);
	float: right;
	background: #fff;
	margin: -10px 0 0 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 1px solid #dedede;
	border-bottom: none;
	line-height: 30px;
	font-size: 10pt;
	text-align: center;
	/*padding:0 10px;*/
}

	.yorumlar .yorum .bbcode .bb-tek {
		padding: 0 10px;
		min-width: 20px;
		float: left;
		border-right: 1px solid #dedede;
		cursor: pointer;
		position: relative;
	}

		.yorumlar .yorum .bbcode .bb-tek.hiza-sag {
			border: none;
			border-left: 1px solid #dedede;
		}

		.yorumlar .yorum .bbcode .bb-tek:hover {
			background: #f1f1f1;
		}

		.yorumlar .yorum .bbcode .bb-tek .bb-menu {
			position: absolute;
			top: calc(100% - 1px);
			left: 0;
			background: #fff;
			border: 1px solid #dedede;
			box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
			text-align: left;
			display: none;
			z-index: 100;
		}

		.yorumlar .yorum .bbcode .bb-tek:hover .bb-menu {
			display: inline-block;
		}

		.yorumlar .yorum .bbcode .bb-tek .bb-menu .bb-tek {
			border: none;
			border-top: 1px solid #dedede;
			width: 120px;
		}

.yorumlar .yorum .mesajiniz {
	width: calc(100% - 48px);
	float: right;
}

	.yorumlar .yorum .mesajiniz textarea {
		transition-delay: 1s;
		width: calc(100% - 22px) !important;
		height: 60px;
		padding: 10px;
		font-size: 12pt;
		line-height: 16pt;
		margin: 0 0 10px 0;
		font-family: Arial;
		background: #f1f1f1;
		border: 1px solid #dedede;
		/*border-radius:3px;*/
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

		.yorumlar .yorum .mesajiniz textarea.hata {
			border: 1px solid #f00;
			color: #f00;
			background: #FFEFEF;
			position: relative;
		}

.yorumlar .yorum.cevap .mesajiniz textarea {
	height: 40px;
}

.yorumlar .mesajiniz textarea:focus {
	height: 140px;
	transition-delay: 0s;
}

.yorumlar .yorum.visitor .mesajiniz {
	color: #999;
	margin: -2px 0 0 0;
}

/*.yorumlar .yorum .mesajiniz .duzenlenebilir {
	width:calc(100% - 22px) !important; min-height:60px; padding:10px; font-size:12pt; line-height:16pt; margin:0 0 10px 0; font-family:Arial; background:#f1f1f1; border:1px solid #dedede; border-radius:3px; }*/

.yorumlar .yorum .yorum-giris {
	width: 100%;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #f1f1f1;
	font-size: 11pt;
	position: relative;
	text-align: center;
}

	.yorumlar .yorum .yorum-giris .nedir {
		width: 100%;
		text-align: center;
		position: absolute;
		top: -12px;
		left: 0;
	}

		.yorumlar .yorum .yorum-giris .nedir span {
			background: #fff;
			padding: 0 10px;
		}

	.yorumlar .yorum .yorum-giris .baglan {
		float: left;
	}

		.yorumlar .yorum .yorum-giris .baglan a {
			width: 34px;
			height: 34px;
			line-height: 38px;
			border-radius: 17px;
			text-align: center;
			background: #ccc;
			color: #fff;
			float: left;
			margin: 0 5px 0 0;
			font-size: 15pt;
		}

			.yorumlar .yorum .yorum-giris .baglan a:hover {
				box-shadow: 0 3px 5px #999;
			}

			.yorumlar .yorum .yorum-giris .baglan a:active {
				box-shadow: none;
				opacity: 0.8;
			}

			.yorumlar .yorum .yorum-giris .baglan a.facebook {
				background: #2d609b;
			}

			.yorumlar .yorum .yorum-giris .baglan a.twitter {
				background: #00c3f3;
			}

			.yorumlar .yorum .yorum-giris .baglan a.google {
				background: #eb4026;
			}

	.yorumlar .yorum .yorum-giris .veya {
		color: #999;
		font-size: 12pt;
		line-height: 32px;
		margin: 0 5px 0 0;
	}

	.yorumlar .yorum .yorum-giris .istenen {
		width: calc(100% - 48px);
	}

		.yorumlar .yorum .yorum-giris .istenen.uye-ozel {
			width: 65%;
			float: right;
		}

		.yorumlar .yorum .yorum-giris .istenen input {
			width: calc(100% - 22px) !important;
			height: 24px;
			padding: 5px 10px;
			font-size: 12pt;
			line-height: 16pt;
			background: #f1f1f1;
			border: 1px solid #dedede;
			float: left;
			border-radius: 3px;
		}

			.yorumlar .yorum .yorum-giris .istenen input.hata {
				color: #f00;
				border: 1px solid #f00;
				background: #FFEFEF;
			}

			.yorumlar .yorum .yorum-giris .istenen input:focus {
				background: #fff;
			}

			.yorumlar .yorum .yorum-giris .istenen input.ad {
				width: calc(59% - 32px) !important;
				margin: 0 10px 0 0;
			}

			.yorumlar .yorum .yorum-giris .istenen input.parola {
				width: calc(41% - 22px) !important;
			}

			.yorumlar .yorum .yorum-giris .istenen input.eposta {
				width: calc(100% - 22px) !important;
			}

.yorumlar .yorum .satirkapsam.custom-width .yorum-giris {
	width: calc(100% - 50px);
	float: right;
}

	.yorumlar .yorum .satirkapsam.custom-width .yorum-giris .istenen {
		width: 100%;
	}

		.yorumlar .yorum .satirkapsam.custom-width .yorum-giris .istenen input.eposta {
			width: 100% !important;
			float: right;
			box-sizing: border-box;
			padding: 17px 10px;
		}

.yorumlar .yorum .satirkapsam.custom-width .mesajgonder {
	width: calc(100% - 50px);
	float: right;
}

.yorumlar .yorum .mesajgonder {
	width: 100%;
	font-size: 11pt;
	line-height: 30px;
	color: #999;
}

	.yorumlar .yorum .mesajgonder .gonder {
		float: right;
		border: none;
		padding: 0 10px;
		height: 30px;
		background: #f5792a;
		color: #fff;
		cursor: pointer;
		font-size: 11pt;
		border-radius: 3px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
		margin: 0 0 0 10px;
	}

		.yorumlar .yorum .mesajgonder .gonder:hover {
			opacity: 0.9;
		}

		.yorumlar .yorum .mesajgonder .gonder:active {
			box-shadow: none;
			color: #f1f1f1;
		}

		.yorumlar .yorum .mesajgonder .gonder.pasif {
			background: #ccc;
			box-shadow: none;
		}

		.yorumlar .yorum .mesajgonder .gonder.alternatif {
			background: #d06724;
		}

	.yorumlar .yorum .mesajgonder .kim {
		float: left;
	}

		.yorumlar .yorum .mesajgonder .kim a {
			color: #999;
			font-weight: 600;
		}

	.yorumlar .yorum .mesajgonder .cb {
		float: right;
		margin: 0 10px 0 0;
		color: #999;
	}

/* Haftanın Yorumcuları */

.populer-yorumcular {
	width: 100%;
	margin: 0 0 30px 0;
}

	.populer-yorumcular .yorumcu {
		width: 100%;
		font-size: 11pt;
		line-height: 20px;
		height: 30px;
		color: #333;
		position: relative;
		float: left;
		z-index: 7;
		margin: 0 0 2px 0;
	}

		.populer-yorumcular .yorumcu:hover {
			background: #f9f9f9;
		}

		.populer-yorumcular .yorumcu:active {
			box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.20);
			background: #f1f1f1;
			border-radius: 3px;
		}

		.populer-yorumcular .yorumcu .nick {
			float: left;
			position: absolute;
			top: 5px;
			left: 10px;
			z-index: 8;
		}

			.populer-yorumcular .yorumcu .nick .sirasi {
				float: left;
				margin: 0 5px 0 -7px;
				background: #fff;
				color: #f5792a;
				text-align: center;
				font-weight: bold;
				width: 15px;
				border-radius: 30px;
				padding: 0 3px;
			}

			.populer-yorumcular .yorumcu .nick .kullanici-adi {
				float: left;
				max-width: 180px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

			.populer-yorumcular .yorumcu .nick .kacinci {
				float: left;
				margin: 3px 0 0 5px;
				background: rgba(0, 0, 0, 0.7);
				color: #fff;
				border-radius: 30px;
				padding: 0 4px;
				font-size: 8pt;
				line-height: 14px;
			}

		.populer-yorumcular .yorumcu .puan {
			float: right;
			color: #f5792a;
			font-size: 9pt;
			position: absolute;
			top: 5px;
			right: 10px;
		}

		.populer-yorumcular .yorumcu .bar {
			float: left;
			height: 30px;
			opacity: 0.5;
			border-radius: 3px;
		}

			.populer-yorumcular .yorumcu .bar.seviye-1 {
				background: rgba(245, 121, 42, 1);
			}

			.populer-yorumcular .yorumcu .bar.seviye-2 {
				background: rgba(245, 121, 42, 0.9);
			}

			.populer-yorumcular .yorumcu .bar.seviye-3 {
				background: rgba(245, 121, 42, 0.8);
			}

			.populer-yorumcular .yorumcu .bar.seviye-4 {
				background: rgba(245, 121, 42, 0.7);
			}

			.populer-yorumcular .yorumcu .bar.seviye-5 {
				background: rgba(245, 121, 42, 0.6);
			}

			.populer-yorumcular .yorumcu .bar.seviye-6 {
				background: rgba(245, 121, 42, 0.5);
			}

			.populer-yorumcular .yorumcu .bar.seviye-7 {
				background: rgba(245, 121, 42, 0.4);
			}

			.populer-yorumcular .yorumcu .bar.seviye-8 {
				background: rgba(245, 121, 42, 0.3);
			}

			.populer-yorumcular .yorumcu .bar.seviye-9 {
				background: rgba(245, 121, 42, 0.2);
			}

			.populer-yorumcular .yorumcu .bar.seviye-10 {
				background: rgba(245, 121, 42, 0.1);
			}

/* Sponsor */

.sponsor {
	width: calc(100% - 20px);
	padding: 10px;
	border-top: 1px solid #dedede;
	text-align: center;
	background: #fff;
	float: left;
}

	.sponsor:active {
		background: #f1f1f1;
	}

	.sponsor.alternatif {
		text-align: left;
	}

	.sponsor .marka {
		width: 100%;
		font-size: 15pt;
		line-height: 20pt;
	}

	.sponsor.alternatif .marka {
		font-size: 20pt;
		line-height: 24pt;
	}

	.sponsor .aciklama {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
	}

/* Sosyal Ağ */

.sosyal-ag {
	width: calc(100% - 20px);
	padding: 7px 10px;
	background: #333;
	color: #fff;
}

	.sosyal-ag:active {
		color: #f1f1f1;
	}

	.sosyal-ag .ust {
		width: 100%;
		font-size: 11pt;
		line-height: 15pt;
	}

	.sosyal-ag .alt {
		width: 100%;
		font-size: 17pt;
		line-height: 24pt;
		font-family: 'Ubuntu', Arial;
	}

		.sosyal-ag .alt span {
			font-size: 10pt;
		}

		.sosyal-ag .alt [class*=icon-] {
			margin: 0 0 0 5px;
			font-size: 18pt;
			text-align: center;
			width: 30px;
			float: right;
			line-height: 24pt;
		}

		.sosyal-ag .alt img {
			float: right;
			height: 28px;
			margin: 0 0 0 10px;
		}

		.sosyal-ag .alt b.baslik {
			display: inline-block;
			color: #000;
			font-weight: 700;
			font-size: 12px;
			padding-right: 8px;
		}

		.sosyal-ag .alt a.hakkinda {
			display: inline-block;
			background-color: #f1f1f1;
			padding: 5px 4px;
			border-radius: 4px;
			font-size: 11px;
			line-height: 12px;
			text-align: center;
		}

			.sosyal-ag .alt a.hakkinda i {
				font-size: 16px;
				line-height: 11px;
			}

		.sosyal-ag .alt .magaza {
			margin-top: 10px;
		}

/* Zaman Ayraç */

.zaman-ayrac {
	width: calc(100% - 20px);
	padding: 7px 0 0 20px;
	color: #999;
	border-top: 3px solid #f5792a;
	font-size: 14pt;
	line-height: 19pt;
	margin: 0 0 30px 0;
}

/* Tooltip (Data-Title) */

.tooltip {
	position: relative;
	z-index: 4;
}

	.tooltip:hover:after {
		background: rgba(0, 0, 0, 0.80);
		color: #fff;
		border-radius: 10px;
		font-size: 8pt;
		line-height: 10pt;
		padding: 5px 10px;
		content: attr(data-title);
		position: absolute;
		left: 50%;
		top: calc(100% + 10px);
		text-align: center;
		width: 140px;
		margin: 0 0 0 -80px;
		z-index: 4;
		font-weight: normal;
		font-style: normal;
		font-family: Arial;
	}

	.tooltip.ust:hover:after {
		top: inherit;
		bottom: calc(100% + 10px);
	}

	.tooltip.aktif[data-active-title]:hover:after {
		content: attr(data-active-title);
	}

	.tooltip.pasif[data-passive-title]:hover:after {
		content: attr(data-passive-title);
	}

/* Açılır Pencere (Modal) */

.pencere {
}

	.pencere:target {
		display: block !important;
	}

	.pencere .diyalog {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 460px;
		max-width: calc(100vw - 40px);
		height: fit-content;
		max-height: calc(100vh - 40px);
		margin: auto;
		background: #fff;
		padding: 20px 0 0;
		box-sizing: border-box;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		z-index: 999 !important;
		border-radius: 3px;
	}

		.pencere .diyalog > .nedir,
		.pencere .diyalog > hr,
		.pencere .diyalog > .satir:not(:last-child) {
			padding-left: 20px;
			padding-right: 20px;
			box-sizing: border-box;
		}

		.pencere .diyalog > .satir:last-child {
			position: sticky;
			bottom: 0;
			margin-bottom: 0;
			padding: 15px 20px 20px;
			background: #fff;
			border-top: 1px solid #dedede;
			box-sizing: border-box;
			z-index: 2;
		}

		.pencere .diyalog.buyuk {
			width: 660px;
			max-width: calc(100vw - 40px);
		}

	.pencere.fix .diyalog {
		position: fixed;
	}

	.pencere .kararti {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.80);
		content: '';
		z-index: 998 !important;
		cursor: default;
	}

	.pencere .kapat {
		position: absolute;
		top: 6px;
		right: 6px;
		background: #f5792a;
		width: 44px;
		height: 44px;
		line-height: 46px;
		text-align: center;
		color: #fff;
		font-size: 20pt;
		border-radius: 3px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	}

		.pencere .kapat:active {
			box-shadow: none;
			color: #f1f1f1;
		}

	.pencere .nedir {
		width: 100%;
		margin: 0 0 20px 0;
		font-size: 15pt;
		line-height: 18pt;
		font-weight: bold;
		color: #f5792a;
	}

	.pencere .satir {
		width: 100%;
		margin: 0 0 20px 0;
		font-size: 11pt;
		line-height: 14pt;
		color: #333;
	}

		.pencere .satir .menu-dd {
			border: 1px solid #f5792a;
			color: #333;
			margin: 0 5px 0 0;
			float: left;
		}

		.pencere .satir .btn.hiza-sag {
			margin-left: 10px;
		}

	.pencere hr {
		width: 100%;
		height: 1px;
		border: none;
		background: #dedede;
		margin: 0 0 20px 0;
	}

/* Onay Penceresi */

.onay-penceresi {
	position: fixed;
	bottom: 30px;
	right: 80px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid #f5792a;
	z-index: 223;
	width: 296px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

	.onay-penceresi .ust {
		width: calc(100% - 20px);
		float: left;
		background: #f5792a;
		color: #fff;
		padding: 10px 10px;
		margin: -2px 0 0 0;
	}

		.onay-penceresi .ust .nedir {
			float: left;
			font-weight: bold;
			font-family: 'Ubuntu', Arial;
			font-size: 15pt;
			line-height: 30px;
			margin: 0 0 0 5px;
		}

			.onay-penceresi .ust .nedir span {
				float: left;
				margin: 0 5px 0 0;
				line-height: 30px;
			}

		.onay-penceresi .ust .kapat {
			float: right;
			background: rgba(0, 0, 0, 0.3);
			width: 30px;
			height: 30px;
			line-height: 34px;
			text-align: center;
			color: #fff;
			font-size: 16pt;
			border-radius: 8px;
			cursor: pointer;
		}

			.onay-penceresi .ust .kapat:hover {
				background: rgba(0, 0, 0, 0.7);
			}

	.onay-penceresi .orta {
		width: calc(100% - 30px);
		float: left;
		padding: 20px 15px 0 15px;
		font-size: 12pt;
		line-height: 16pt;
	}

		.onay-penceresi .orta .satir {
			width: 100%;
			float: left;
			margin: 0 0 15px 0;
		}

			.onay-penceresi .orta .satir .cb {
				color: #999;
			}

			.onay-penceresi .orta .satir.aciklama {
				color: #ccc;
				font-size: 10pt;
			}

	.onay-penceresi .alt {
		width: calc(100% - 20px);
		float: left;
		background: #f1f1f1;
		color: #999;
		padding: 10px 10px;
	}

		.onay-penceresi .alt .lnk {
			float: left;
			line-height: 30px;
			font-size: 11pt;
			color: #999;
			padding: 0 5px;
			margin: 5px 0;
		}

			.onay-penceresi .alt .lnk:hover {
				color: #f5792a;
			}

		.onay-penceresi .alt .btn {
			float: right;
			padding: 5px 20px;
			font-weight: bold;
		}

			.onay-penceresi .alt .btn span {
				float: left;
				line-height: 30px;
				margin: 0 5px 0 0;
			}

/* Form (İletişim ve Benzer Sayfalar için) */

.form-sayfasi {
	width: 100%;
}

	.form-sayfasi .satir {
		width: 100%;
		margin: 0 0 20px 0;
		font-size: 13pt;
		line-height: 18pt;
		color: #333;
	}

		.form-sayfasi .satir .menu-dd {
			border: 1px solid #f5792a;
			color: #333;
			margin: 0 5px 0 0;
			float: left;
		}

	.form-sayfasi hr {
		width: 100%;
		height: 1px;
		border: none;
		background: #dedede;
		margin: 0 0 20px 0;
	}

/* Canlı Yayın Sohbet */

.sohbet {
	width: 100%;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	font-size: 11pt;
	line-height: 14pt;
}

	.sohbet .nedir {
		width: calc(100% - 20px);
		color: #333;
		font-size: 14pt;
		line-height: 19pt;
		padding: 5px 10px;
		float: left;
		background: #f1f1f1;
	}

	.sohbet .yazismalar {
		width: 100%;
		height: 315px;
		overflow-x: hidden;
		overflow-y: scroll;
		border-top: 1px solid #dedede;
		float: left;
	}

		.sohbet .yazismalar .yorum {
			width: calc(100% - 20px);
			padding: 10px;
			border-top: 1px solid #dedede;
			float: left;
		}

			.sohbet .yazismalar .yorum .kullanici {
				width: 100%;
				line-height: 20px;
				font-weight: bold;
				position: relative;
			}

				.sohbet .yazismalar .yorum .kullanici span {
					float: left;
				}

				.sohbet .yazismalar .yorum .kullanici .nick {
					font-size: 11pt;
					margin: 0 10px 0 0;
				}

				.sohbet .yazismalar .yorum .kullanici .zaman {
					font-size: 9pt;
					color: #999;
					font-weight: normal;
					float: right;
				}

				.sohbet .yazismalar .yorum .kullanici .avatar {
					width: 20px;
					height: 20px;
					float: left;
					margin: 0 10px 0 0;
				}

					.sohbet .yazismalar .yorum .kullanici .avatar img {
						width: 20px;
						height: 20px;
						border-radius: 20px;
					}

			.sohbet .yazismalar .yorum .mesaj {
				width: 100%;
				font-size: 11pt;
				line-height: 15pt;
				color: #111;
				word-wrap: break-word;
				overflow: hidden;
			}

				.sohbet .yazismalar .yorum .mesaj * {
					max-width: 100%;
				}

				.sohbet .yazismalar .yorum .mesaj p {
					width: 100%;
					margin: 0 0 10px 0;
				}

				.sohbet .yazismalar .yorum .mesaj a {
					font-weight: bold;
				}

		.sohbet .yazismalar .uyari {
			margin: 5px;
			width: calc(100% - 50px);
		}

	.sohbet .yaz {
		width: calc(100% - 10px);
		padding: 5px;
		border-top: 1px solid #dedede;
		float: left;
		background: #f1f1f1;
	}

		.sohbet .yaz .kutu {
			float: left;
			width: calc(100% - 125px);
		}

		.sohbet .yaz .kutu-butonu {
			float: right;
			width: 100px;
			height: 42px;
			border: none;
		}

	.sohbet .yazilamiyor {
		width: calc(100% - 40px);
		padding: 17px 20px;
		border-top: 1px solid #dedede;
		float: left;
	}

/* Header Trend Liste */

.trend-liste {
	width: calc(100% - 20px);
	background: #f1f1f1;
	position: relative;
}

	.trend-liste .nedir {
		width: 86px;
		padding: 0 2px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		background: #f5792a;
		color: #fff;
		position: absolute;
		font-size: 13px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	.trend-liste .oge {
		width: calc(100% - 10px);
		padding: 2px 5px 1px 4px;
		border-bottom: 1px solid #dedede;
		background: #f1f1f1;
		height: 26px;
		line-height: 26px;
		position: relative;
		overflow: hidden;
		float: left;
		font-size: 10pt;
	}

		/*.trend-liste .oge.bir {
	background:#fff; color:#333; }
.trend-liste .oge.iki {
	background:#f6f6f6; color:#666; }
.trend-liste .oge.uc {
	background:#f1f1f1; color:#999; }*/
		.trend-liste .oge.son {
			border: none;
		}

		.trend-liste .oge:hover {
			background: #FFFDE1;
		}

		.trend-liste .oge .bilgi {
			float: left;
			width: 25px;
			margin: 0 5px 0 0;
			color: #666;
			font-weight: bold;
			text-align: center;
			color: #f5792a;
		}

			.trend-liste .oge .bilgi span {
				line-height: 25px;
				margin: 0 4px 0 0;
				font-size: 8pt;
			}

		.trend-liste .oge .simge {
			width: 26px;
			height: 26px;
			background-position: center;
			background-size: cover;
			float: left;
		}

		.trend-liste .oge .baslik {
			float: right;
			width: calc(100% - 70px);
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

/* ------------------------------ Geçmiş ve Hareket Dökümü Gibi Sayfalar için Medya Üzeri Yüzen Bilgi Satırı ------------------------------ */

.yuzen-bilgi {
	background: #fff;
	border-top: 1px solid #f1f1f1;
	float: left;
	line-height: 14px;
	padding: 3px 10px;
	text-align: right;
	color: #999;
	font-size: 10pt;
	position: absolute;
	top: 100%;
	right: 0;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: 3px;
}

	.yuzen-bilgi .cihaz {
		float: left;
		margin: 0 5px 0 0;
	}

	.yuzen-bilgi .tip {
		position: relative;
		height: auto;
		width: auto;
		background: none;
		border: none;
		float: left;
		margin: 0 5px 0 0;
		border-right: 1px solid #dedede;
		padding: 0 5px 0 0;
		height: 15px;
	}

	.yuzen-bilgi .yildiz {
		float: right;
		margin: -3px -10px -3px 10px;
		padding: 3px 5px;
		color: #ccc;
		border-left: 1px solid #f1f1f1;
	}

		.yuzen-bilgi .yildiz.aktif {
			color: #f5792a;
			background: #f1f1f1;
		}

	.yuzen-bilgi .gizlilik {
		float: left;
		margin: -3px 10px -3px -10px;
		padding: 3px 5px;
		color: #999;
		border-right: 1px solid #f1f1f1;
	}

		.yuzen-bilgi .gizlilik:hover {
			color: #333;
		}

	.yuzen-bilgi select.menu-dd {
		float: left;
		margin: 0 12px 0 -7px;
		height: 15px;
		line-height: 15px;
		font-size: 8pt;
		border: none;
		display: none;
	}

		.yuzen-bilgi select.menu-dd:focus {
			display: inline-block;
		}

	.yuzen-bilgi:hover select.menu-dd {
		display: inline-block;
	}

/* ------------------------------ Şekilli Scroll Bar ------------------------------ */

/* Örnek kullanım alanları: Bana Özel'de, takip ettiklerimi filtreleme ekranı...*/

.sekilli-scroll-bar {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.sekilli-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	background-color: #F5F5F5;
	border-radius: 3px;
}

.sekilli-scroll::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
	border-radius: 3px;
}

.sekilli-scroll::-webkit-scrollbar-thumb {
	background-color: #f5792a;
}


.anlatimli {
	position: relative;
}

.anlatim {
	position: absolute;
	top: calc(100% + 5px);
	right: -10px;
	background: #fff;
	border-radius: 3px;
	color: #999;
	width: 180px;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 9999;
}

.anlatimli:hover .anlatim {
	display: inline-block;
}

.anlatim .not {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	float: left;
	white-space: initial;
}

.anlatim .gorsel {
	width: 100%;
	float: left;
}

	.anlatim .gorsel img {
		max-width: 100%;
		height: auto;
		opacity: 1 !important;
	}

.anlatim::before {
	content: '';
	position: absolute;
	top: -20px;
	right: 15px;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
}

/* ------------------------------ Pagination (Detay.html Yorum Kısmında Mevcut) ------------------------------ */

.pagination {
	position: relative;
	width: 100%;
	text-align: center;
}

	.pagination ul {
		display: inline-block;
	}

		.pagination ul li {
			display: inline-block;
			font-size: 15px;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
			border-radius: 3px;
			background-color: #ffffff;
			padding: 5px 13px;
			cursor: pointer;
			color: #000;
			font-weight: 700;
		}

			.pagination ul li:hover {
				background-color: #f9f9f9;
			}

			.pagination ul li.selected {
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				background-color: #f5792a;
				color: #fff;
			}

			.pagination ul li.pg-first:before,
			.pagination ul li.pg-last:after {
				font-size: 20px;
				line-height: 20px;
				vertical-align: sub;
				position: relative;
				right: 2px;
				bottom: 1px;
			}

			.pagination ul li.pg-first:before {
				font-family: "icomoon";
				content: "\e92a";
			}

			.pagination ul li.pg-last:after {
				font-family: "icomoon";
				content: "\e92b";
			}

/* ------------------------------ Genel Ezici Sınıf Stilleri ------------------------------ */

/* Hizalama */

.hiza-sol {
	float: left !important;
}

.hiza-sag {
	float: right !important;
}

.hiza-yazi-sol {
	text-align: left;
}

.hiza-yazi-sag {
	text-align: right;
}

.hiza-dikey-orta {
	vertical-align: middle !important;
}

/* Yazı Boyutu */

.fs-1 {
	font-size: 8pt;
	line-height: 11pt;
}

.fs-2 {
	font-size: 9pt;
	line-height: 12pt;
}

.fs-3 {
	font-size: 10pt;
	line-height: 13pt;
}

.fs-4 {
	font-size: 11pt;
	line-height: 15pt;
}

.fs-5 {
	font-size: 12pt;
	line-height: 16pt;
}

.fs-6 {
	font-size: 13pt;
	line-height: 17pt;
}

.fs-7 {
	font-size: 14pt;
	line-height: 19pt;
}

/* Yazı Özellikleri */

.kalin {
	font-weight: bold;
}

.yatik {
	font-style: italic;
}

.alti-cizili {
	text-decoration: underline;
}

.imlec-soru {
	cursor: help;
}

/* Metin Renkleri */

.r-beyaz {
	color: #ffffff !important;
}

.r-siyah {
	color: #000000 !important;
}

.r-gri {
	color: #333333 !important;
}

.r-gri1 {
	color: #666666 !important;
}

.r-gri2 {
	color: #999999 !important;
}

.r-gri3 {
	color: #cccccc !important;
}

.r-turuncu {
	color: #f5792a !important;
}

.r-yesil {
	color: #72bb12 !important;
}

.r-kirmizi {
	color: #b6100a !important;
}

/* Arkaplan Renkleri */

.ap-beyaz {
	background: #ffffff !important;
}

.ap-siyah {
	background: #000000 !important;
}

.ap-gri {
	background: #333333 !important;
}

.ap-gri1 {
	background: #666666 !important;
}

.ap-gri2 {
	background: #999999 !important;
}

.ap-gri3 {
	background: #cccccc !important;
}

.ap-turuncu {
	background: #ff6600 !important;
}

.ap-krem {
	background: #dac0b0 !important;
}

.ap-yesil {
	background: #35b33d !important;
}

.ap-kirmizi {
	background: #ff0000 !important;
}

/* Font Entegrasyonları */

@font-face {
	font-family: 'Ubuntu - Medium';
	src: url('../font/Ubuntu/Ubuntu-Medium.woff2') format('woff2'), url('../font/Ubuntu/Ubuntu-Medium.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Ubuntu - Bold';
	src: url('../font/Ubuntu/Ubuntu-Bold.woff2') format('woff2'), url('../font/Ubuntu/Ubuntu-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../font/Ubuntu.woff2') format('woff2'), url('../font/Ubuntu.woff') format('woff'), url('../font/Ubuntu.ttf') format('truetype'), url('../font/Ubuntu.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	/*unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Arama Sayfasi */
.arama-bg {
	width: 1080px;
	height: 462px;
	background-size: cover;
	margin-top: 30px;
	border-radius: 20px;
}

	.arama-bg.gunduz {
		background-image: url('../img/searchpage.jpg');
	}

	.arama-bg.gece {
		background-image: url('../img/searchpagegece.jpg');
	}





.video-quality-option {
	width: 100%;
	float: left;
	height: 30px;
	border-radius: 0 0 5px 5px;
	background-color: #dedede;
	margin: -3px 0 0 0;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

	.video-quality-option span {
		line-height: 30px;
		float: left;
		color: #000;
		font-size: 11px;
	}

	.video-quality-option .buttons {
		float: right;
		margin: 5px 0 0 0;
	}

		.video-quality-option .buttons a {
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			border-radius: 3px;
			background-color: #ffffff;
			color: #000;
			font-size: 11px;
			padding: 4px 12px;
			float: left;
			margin: 0 5px 0 0;
		}

			.video-quality-option .buttons a.active {
				background-color: #f5792a;
				color: #fff;
				padding: 11px 12px 4px 12px;
				margin: -7px 5px 0 0;
			}



.opportunity-products {
	width: 100%;
	float: left;
	border-radius: 5px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.24);
	border: solid 1px #ccc;
	background-color: #fff;
}

	.opportunity-products li {
		width: 100%;
		float: left;
		border-bottom: 1px solid #ccc;
		color: #000;
		font-size: 16px;
		display: flex;
	}

		.opportunity-products li:first-child > div {
			font-weight: bold;
		}

		.opportunity-products li:last-child {
			border: none;
		}

		.opportunity-products li > div {
			border-right: 1px solid #ccc;
			float: left;
			padding: 8px;
			text-align: center;
			box-sizing: border-box;
			margin: 0 !important;
			position: relative;
		}

			.opportunity-products li > div:last-child {
				border: none;
			}

			.opportunity-products li > div span {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				padding: 0 10px;
				box-sizing: border-box;
			}

		.opportunity-products li .name {
			font-weight: bold;
			width: 339px;
			text-align: left;
		}

		.opportunity-products li .category {
			width: 129px;
		}

		.opportunity-products li .price {
			color: #f47a2c;
			width: 99px;
			font-weight: bold;
		}

		.opportunity-products li:first-child .price {
			color: #000;
		}

		.opportunity-products li .discount {
			width: 150px;
		}

			.opportunity-products li .discount a {
				border-radius: 3px;
				background-color: #4baa32;
				color: #fff;
				font-weight: bold;
				position: relative;
				padding: 3px 16px;
			}

				.opportunity-products li .discount a:after {
					content: attr(data-discount);
					position: absolute;
					left: -8px;
					top: -4px;
					font-size: 10px;
					color: #fff;
					border-radius: 3px;
					background-color: #9e3124;
					font-weight: bold;
					padding: 1px 4px;
					line-height: 11px;
					transform: rotate(-30deg);
				}

#rising-posts {
	width: 100%;
	overflow: hidden;
	float: left;
	position: relative;
	padding: 0 0 20px 30px;
}

	#rising-posts:before {
		width: 60px;
		height: 250px;
		position: absolute;
		top: 0;
		right: 0;
		content: '';
		background-image: linear-gradient(to left, rgba(241, 241, 241, 1) 0, rgba(241, 241, 241, 0) 100%);
		z-index: 9;
	}

	#rising-posts .owl-dots {
		position: absolute;
		bottom: 20px;
		right: 13px;
		z-index: 11;
	}

		#rising-posts .owl-dots .owl-dot {
			margin: 2px;
			width: 10px;
			height: 10px;
			background: #ccc;
			border-radius: 5px;
		}

			#rising-posts .owl-dots .owl-dot.active {
				background: #fff;
			}

	#rising-posts .item {
		margin: 0;
		width: 100% !important;
	}


/*Crypto Icons*/

.bg-litecoin_icon {
	width: 25px;
	height: 25px;
	background: url('../img/crypto-module-sprite.png') -10px -50px;
	display: inline-block;
}

.bg-paribu_logo {
	width: 100px;
	height: 20px;
	background: url('../img/crypto-module-sprite.png') -10px -10px;
	display: inline-block;
}

.bg-right_arrow_crypto_icon {
	width: 11px;
	height: 18px;
	background: url('../img/crypto-module-sprite.png') -130px -55px;
	display: inline-block;
}

.bg-up_crypto_icon {
	width: 13px;
	height: 8px;
	background: url('../img/crypto-module-sprite.png') -137px -95px;
	display: inline-block;
}

.bg-bitcoin_cash_icon {
	width: 25px;
	height: 25px;
	background: url('../img/crypto-module-sprite.png') -55px -50px;
	display: inline-block;
}

.bg-tether_icon {
	width: 25px;
	height: 25px;
	background: url('../img/crypto-module-sprite.png') -130px -10px;
	display: inline-block;
}

.bg-eth_icon {
	width: 17px;
	height: 23px;
	background: url('../img/crypto-module-sprite.png') -100px -95px;
	display: inline-block;
}

.bg-xrp_icon {
	width: 25px;
	height: 23px;
	background: url('../img/crypto-module-sprite.png') -55px -95px;
	display: inline-block;
}

.bg-down_crypto_icon {
	width: 13px;
	height: 8px;
	background: url('../img/crypto-module-sprite.png') -10px -140px;
	display: inline-block;
}

.bg-btc_icon {
	width: 25px;
	height: 25px;
	background: url('../img/crypto-module-sprite.png') -10px -95px;
	display: inline-block;
}


.crypto-content {
	width: 100%;
	float: left;
	background-color: #f7f7f7;
	border-top: 1px solid #dedede;
	padding: 30px 30px;
	box-sizing: border-box;
	font-family: Arial;
}

	.crypto-content .head {
		width: 100%;
		float: left;
		margin: 0 0 20px 0;
	}

		.crypto-content .head h3 {
			margin: 0;
			float: left;
			font-size: 19px;
			color: #666;
			line-height: 22px;
			font-weight: normal;
		}

		.crypto-content .head .powered-by {
			float: right;
			font-size: 14px;
			color: #97a926;
		}

			.crypto-content .head .powered-by .bg-right_arrow_crypto_icon {
				margin: 0 0 0 3px;
			}

	.crypto-content ul {
		border-radius: 3px;
		box-shadow: 4px 3px 10px 0 rgba(0, 0, 0, 0.15);
		background-color: #fff;
		width: 100%;
		float: left;
	}

		.crypto-content ul li {
			width: 16.6%;
			float: left;
			box-sizing: border-box;
			padding: 20px 0 20px 25px;
			position: relative;
		}

			.crypto-content ul li:after {
				content: '';
				position: absolute;
				right: 0;
				top: 30px;
				bottom: 30px;
				width: 1px;
				background-color: #ccc;
			}

			.crypto-content ul li:last-child:after {
				content: initial;
			}

			.crypto-content ul li .name {
				font-size: 17px;
				letter-spacing: -0.41px;
				color: #999;
				margin: 0 0 10px 0;
			}

			.crypto-content ul li .middle {
				display: block;
			}

				.crypto-content ul li .middle .img {
					float: left;
					width: 25px;
					height: 25px;
					margin: 0 5px 0 0;
					text-align: center;
				}

					.crypto-content ul li .middle .img img {
						max-width: 100%;
						height: auto;
					}

				.crypto-content ul li .middle .price {
					font-size: 26px;
					font-weight: bold;
					letter-spacing: -0.63px;
					color: #000;
					float: left;
					line-height: 30px;
					margin: -3px 0 0 0;
				}

			.crypto-content ul li .percent {
				font-size: 17px;
				letter-spacing: -0.41px;
				float: left;
				margin: 5px 0 0 0;
				line-height: 20px;
			}

				.crypto-content ul li .percent.green {
					color: #21a621;
				}

				.crypto-content ul li .percent.red {
					color: #ff0000;
				}

				.crypto-content ul li .percent i {
					margin: -1px 0 0 10px;
					vertical-align: middle;
				}

/* member card css */

#member-card-container {
	position: absolute;
	z-index: 999;
	display: none;
}

#member-card {
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
	border: 1px solid #bbbbbb;
	background-color: #ffffff;
	border-radius: 6px;
	min-height: 272px;
	position: relative;
	width: 243px;
}

	#member-card.top {
		margin-top: 8px;
	}

	#member-card.top {
		margin-bottom: 8px;
	}

		#member-card.top:before {
			content: '';
			position: absolute;
			top: -8px;
			left: 40px;
			width: 0;
			height: 0;
			border: 8px solid transparent;
			border-bottom-color: #bbb;
			border-top: 0;
			margin-left: -20px;
		}

		#member-card.top:after {
			content: '';
			position: absolute;
			top: -8px;
			left: 40px;
			width: 0;
			height: 0;
			border: 8px solid transparent;
			border-bottom-color: white;
			border-top: 0;
			margin-left: -20px;
			margin-top: 1px;
		}

	#member-card.bottom:before {
		content: '';
		position: absolute;
		bottom: -8px;
		left: 40px;
		width: 0;
		height: 0;
		border: 8px solid transparent;
		border-top-color: #bbb;
		border-bottom: 0;
		margin-left: -20px;
	}

	#member-card.bottom:after {
		content: '';
		position: absolute;
		bottom: -7px;
		left: 40px;
		width: 0;
		height: 0;
		border: 8px solid transparent;
		border-top-color: white;
		border-bottom: 0;
		margin-left: -20px;
	}

.member-card-header {
	border-bottom: 1px solid #dedede;
	padding: 10px 11px 4px 11px;
	width: calc(100% - 22px);
}

	.member-card-header .member-card-image {
		width: 42px;
		height: 42px;
		overflow: hidden;
		float: left;
		overflow: hidden;
		border-radius: 50%;
		line-height: 42px;
		text-align: center;
	}

	.member-card-header .member-card-info {
		width: calc(100% - 42px);
	}

		.member-card-header .member-card-info > a {
			line-height: 17px;
			display: inline-block;
			height: 17px;
			overflow: hidden;
			padding-left: 5px;
			font-size: 15px;
			font-weight: bold;
			margin-top: 4px;
			color: black;
			white-space: nowrap;
			text-overflow: ellipsis;
			max-width: 100%;
			display: block;
			font-family: Arial, Helvetica, sans-serif;
		}

		.member-card-header .member-card-info > div > span {
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			font-style: normal;
			font-weight: 400;
		}

		.member-card-header .member-card-info > div {
			padding-left: 5px;
			font-size: 11px;
			line-height: 15px;
			font-weight: normal;
			color: #999;
			display: block;
			margin-top: 4px;
		}

		.member-card-header .member-card-info .damga:after {
			content: ".";
			position: relative;
			bottom: 3px;
			left: 0px;
		}

.member-card-statistic {
	padding: 14px 11px 13px 11px;
	display: block;
}

	.member-card-statistic > div {
		width: 33%;
		float: left;
	}

		.member-card-statistic > div > div:first-child {
			font-size: 15px;
			line-height: 15px;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
		}

		.member-card-statistic > div > .statistic-description {
			font-size: 11px;
			line-height: 14px;
			color: #999;
			margin-top: 8px;
			font-family: Arial, Helvetica, sans-serif;
			font-style: normal;
		}

.member-card-buttons {
	padding: 0 11px;
}

	.member-card-buttons a {
		margin-bottom: 10px;
		border: 1px solid #df7618;
		border-radius: 5px;
		height: 34px;
		color: #df7618;
		font-size: 14px;
		line-height: 34px;
		font-weight: bold;
		display: inline-block;
		width: 100%;
		text-align: center;
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
	}

		.member-card-buttons a label {
			cursor: pointer;
		}

		.member-card-buttons a.active {
			border-color: #ccc;
			color: #ccc;
			background-color: #f1f1f1;
		}

		.member-card-buttons a.follow-button {
			display: none;
		}

	.member-card-buttons.follow .follow {
		display: inherit;
	}

	.member-card-buttons.following .unfollow {
		display: inherit;
	}

	.member-card-buttons.waiting .waiting {
		display: inherit;
	}

	.member-card-buttons.rejected .rejected {
		display: inherit;
	}

	.member-card-buttons.login-required a.login-required {
		display: inherit;
	}

.gecemodu #member-card {
	background-color: #333;
	border-color: #222;
}

.gecemodu .member-card-buttons a.active {
	background-color: #111;
}

.gecemodu .member-card-header,
.gecemodu .member-card-buttons a {
	border-color: #222;
}

	.gecemodu .member-card-statistic > div > div:first-child,
	.gecemodu .member-card-header .member-card-info > a,
	.gecemodu .member-card-buttons a {
		color: #dedede;
	}


.gecemodu #member-card.top:before,
.gecemodu #member-card.top:after {
	border-bottom-color: #333;
}

.gecemodu #member-card.bottom:before,
.gecemodu #member-card.bottom:after {
	border-top-color: #333;
}

.radio-circle {
	position: relative;
}

	.radio-circle input {
		display: none;
	}

	.radio-circle label span {
		width: 16px;
		height: 16px;
		border: 1px solid #000;
		border-radius: 50%;
		margin: 0 9px 0 0;
		float: left;
		position: relative;
	}

	.radio-circle input:checked + label span::after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #000;
		transform: translate(-50%, -50%);
	}


.yorumlar .yorum .aksiyon .app-info {
	float: right;
	color: #ccc;
	font-size: 13px;
	letter-spacing: -0.41px;
}

	.yorumlar .yorum .aksiyon .app-info a {
		color: #999;
		text-decoration: underline;
		margin: 0 2px 0 0;
	}

	.yorumlar .yorum .aksiyon .app-info i {
		float: left;
		margin: 2px 5px 0 0;
	}

		.yorumlar .yorum .aksiyon .app-info i:before {
			color: #999;
		}



.liste-kapak .temel-bilgiler .ne .switch-user {
	display: inline-block;
	margin: 5px 0;
	vertical-align: middle;
	position: relative;
}

	.liste-kapak .temel-bilgiler .ne .switch-user .button {
		width: 40px;
		height: 40px;
		border-radius: 5px;
		background-color: #dedede;
		text-align: center;
		cursor: pointer;
	}

	.liste-kapak .temel-bilgiler .ne .switch-user > .button img {
		vertical-align: middle;
		display: inline-block;
		margin: -20px 0 0 0;
	}

	.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip {
		position: absolute;
		left: 0;
		top: 100%;
		box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
		border: 1px solid #dedede;
		background-color: #fff;
		width: 375px;
		z-index: 99;
		border-radius: 5px;
		display: none;
	}

		.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip::before {
			content: '';
			position: absolute;
			top: -20px;
			left: 9px;
			width: 0;
			height: 0;
			border-width: 10px;
			border-style: solid;
			border-color: transparent transparent #fff transparent;
			z-index: 9;
		}

		.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip::after {
			content: '';
			position: absolute;
			top: -22px;
			left: 8px;
			width: 0;
			height: 0;
			border-width: 11px;
			border-style: solid;
			border-color: transparent transparent #dedede transparent;
		}

		.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip > span.title {
			width: 100%;
			float: left;
			box-sizing: border-box;
			color: #000;
			font-size: 15px;
			font-weight: 700;
			padding: 11px 5px;
			text-align: center;
		}

		.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul {
			width: 100%;
			float: left;
		}

			.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul li {
				width: 100%;
				float: left;
				border-top: 1px solid #dedede;
				padding: 11px 11px;
				box-sizing: border-box;
			}

				.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul li .avatar {
					float: left;
					width: 30px;
					height: 30px;
					border-radius: 50%;
					margin: 0 15px 0 0;
					color: #fff;
					font-size: 18px;
					font-weight: 700;
					text-align: center;
					line-height: 30px;
					background-color: #3fd0ec;
				}

				.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul li .user-name {
					float: left;
					line-height: 30px;
					font-size: 16px;
					color: #000;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: 400;
					text-decoration: none;
					max-width: calc(100% - 185px);
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

					.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul li .user-name.link {
						max-width: initial;
					}

				.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul li .action-button {
					float: right;
					border-radius: 9px;
					background-color: #f1f1f1;
					color: #999;
					font-size: 13px;
					letter-spacing: -0.38px;
					line-height: 18px;
					padding: 0 10px;
					margin: 6px 0
				}

					.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul li .action-button.active {
						background-color: #f88d49;
						color: #fff;
						cursor: pointer;
					}

				.liste-kapak .temel-bilgiler .ne .switch-user .user-tooltip ul li .icon-log-in {
					float: left;
					font-size: 20px;
					color: #000;
					padding: 5px;
					margin: 0 15px 0 0;
				}

	.liste-kapak .temel-bilgiler .ne .switch-user:hover .user-tooltip {
		display: block;
	}



header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user {
	float: right;
}

	header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .button {
		width: 30px;
		height: 30px;
		border-radius: 5px;
		background-color: #f1f1f1;
		display: inline-block;
		text-align: center;
		margin: 0 -20px 0 0;
		cursor: pointer;
	}

		header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .button img {
			opacity: 0.5;
			vertical-align: middle;
		}

		header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .button i {
			display: none;
		}

		header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .button.active {
			background-color: #999;
		}

			header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .button.active img {
				display: none;
			}

			header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .button.active i {
				font-size: 20px;
				color: #fff;
				vertical-align: middle;
				display: inline-block;
				margin: -2px 0 0 0;
			}


	header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		z-index: 9999;
		top: 74px;
		border: 1px solid #f1f1f1;
		box-sizing: border-box;
		display: none;
	}

		header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip .title {
			width: 100%;
			float: left;
			padding: 11px;
			box-sizing: border-box;
			color: #000;
			font-size: 15px;
			font-weight: 700;
			text-align: center;
		}

		header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul {
			width: 100%;
			float: left;
		}

			header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li {
				width: 100%;
				float: left;
				border-top: 1px solid #f1f1f1;
				padding: 11px 11px;
				box-sizing: border-box;
			}

				header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li .avatar {
					float: left;
					width: 30px;
					height: 30px;
					border-radius: 50%;
					margin: 0 15px 0 0;
					color: #fff;
					font-size: 18px;
					font-weight: 700;
					text-align: center;
					line-height: 30px;
					background-color: #3fd0ec;
				}

				header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li .user-name {
					float: left;
					line-height: 30px;
					font-size: 16px;
					color: #000;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: 400;
					text-decoration: none;
					max-width: calc(100% - 176px);
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

header .uye .bildirim-menu .profil-ozeti .baglantilar .cikis-yap .switch-user .user-tooltip ul li .user-name.link {
	max-width: initial;
}

header .uye .bildirim-menu .profil-ozeti .baglantilar .cikis-yap .switch-user .user-tooltip ul li .user-name {
	max-width: calc(100% - 125px);
}

header .uye .bildirim-menu .profil-ozeti .baglantilar .cikis-yap .switch-user .user-tooltip::before {
	right: initial;
	left: 78px;
}

header .uye .bildirim-menu .profil-ozeti .baglantilar .cikis-yap .switch-user .user-tooltip::after {
	right: initial;
	left: 77px;
}


header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li .action-button {
	float: right;
	border-radius: 9px;
	background-color: #f1f1f1;
	color: #999;
	font-size: 13px;
	letter-spacing: -0.38px;
	line-height: 18px;
	padding: 0 10px;
	margin: 6px 0
}

	header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li .action-button.active {
		background-color: #f88d49;
		color: #fff;
		cursor: pointer;
	}

header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li i {
	float: left;
	font-size: 20px;
	color: #000;
	padding: 5px;
	margin: 0 15px 0 0;
}

	header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li i.icon-exit {
		padding: 2px 5px;
	}


header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip ul li .action-button.black {
	background-color: #333;
	color: #fff;
}

header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip::before {
	content: '';
	position: absolute;
	top: -20px;
	right: 12px;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	z-index: 9;
}

header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip::after {
	content: '';
	position: absolute;
	top: -22px;
	right: 11px;
	width: 0;
	height: 0;
	border-width: 11px;
	border-style: solid;
	border-color: transparent transparent #dedede transparent;
}

header .uye .bildirim-menu .profil-ozeti .baglantilar .switch-user .user-tooltip.active {
	display: block;
}



.account-activity-head {
	padding: 0 10px;
}

	.account-activity-head span {
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 700;
		box-sizing: border-box;
		float: left;
	}

		.account-activity-head span.title-3 {
			float: right;
			width: 170px;
			text-align: right;
		}

		.account-activity-head span.title-1 {
			margin: 0 0 0 45px;
			width: 325px;
		}

		.account-activity-head span.title-2 {
			width: 150px;
			text-align: center;
		}

.account-activity-line {
	padding: 15px 10px 15px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 0 0 10px 30px !important
}

	.account-activity-line .icon {
		float: left;
		font-size: 24px;
		margin: 0 15px 0 5px;
		width: 24px;
		text-align: center;
	}

	.account-activity-line span {
		color: #000;
		letter-spacing: -0.38px;
		font-size: 13px;
		line-height: 24px;
		float: left;
		text-align: center;
	}

		.account-activity-line span.title {
			font-size: 18px;
			font-family: 'Ubuntu';
			letter-spacing: -0.53px;
			padding: 0 15px 0 0;
			width: 325px;
			text-align: left;
			box-sizing: border-box;
		}

			.account-activity-line span.title .logout {
				float: right;
				margin: 2px 0 -2px 0;
			}

		.account-activity-line span.ip {
			width: 150px;
		}

		.account-activity-line span.date {
			width: 170px;
			text-align: right;
		}

	.account-activity-line .img-orange {
		display: none;
	}

	.account-activity-line .img-black {
		display: block;
	}

	.account-activity-line:hover .img-orange {
		display: block;
	}

	.account-activity-line:hover .img-black {
		display: none;
	}

	.account-activity-line.active span.title {
		color: #f77928;
	}

	.account-activity-line.loading {
		background-color: #f1f1f1;
	}

		.account-activity-line.loading .icon {
			width: 24px;
			height: 24px;
			border-radius: 5px;
			background-image: linear-gradient(270deg, #c9c9c9 0%, #999999 100%);
		}

		.account-activity-line.loading .title {
		}

			.account-activity-line.loading .title .text {
				width: 203px;
				height: 16px;
				border-radius: 9px;
				background-image: linear-gradient(270deg, #e8e8e8 0%, #cccccc 100%);
				float: left;
				margin: 4px 0 0 0;
			}

			.account-activity-line.loading .title .logout {
				float: right;
				width: 24px;
				height: 16px;
				border-radius: 9px;
				background-image: linear-gradient(270deg, #e8e8e8 0%, #cccccc 100%);
				margin: 4px 0 0 0;
			}

		.account-activity-line.loading .ip {
			width: 108px;
			height: 16px;
			border-radius: 9px;
			background-image: linear-gradient(to right, #b5b5b5 0%, #dedede 100%);
			margin: 4px 0 0 21px;
		}

		.account-activity-line.loading .date {
			width: 165px;
			height: 16px;
			border-radius: 9px;
			background-image: linear-gradient(to right, #b5b5b5 0%, #dedede 100%);
			margin: 4px 0 0 0;
			float: right;
		}



.fs-15 {
	font-size: 15px;
}

.fs-18 {
	font-size: 18px;
}

.text-color-grey {
	color: #999;
}

.mr-7 {
	margin-right: 7px;
}

.mt-7 {
	margin-top: 7px;
}

.mt-0 {
	margin-top: 0px !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.py-3 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.lh-36 {
	line-height: 36px;
}

.radius-5 {
	border-radius: 5px;
}

.width-auto {
	width: auto !important;
}

.tv-bkz * {
	margin: 0 !important
}

.tv-bkz-content {
	width: 100%;
	float: left;
	text-align: center;
}

.tv-bkz {
	border-radius: 10px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	border: solid 1px #143f74;
	background-color: #eef5ff;
	width: 620px;
	display: inline-block !important;
	margin: 0 !important;
	text-align: left;
}

	.tv-bkz .left {
		width: 220px;
		float: left;
		height: 122px;
		background-color: #fff;
		position: relative;
		border-radius: 10px 0 0 10px;
	}

		.tv-bkz .left img {
			height: 100%;
			width: auto;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			border-radius: 10px 0 0 10px;
		}

	.tv-bkz .right {
		width: calc(100% - 221px);
		float: right;
		padding: 10px 14px;
		box-sizing: border-box;
	}

		.tv-bkz .right .title {
			text-overflow: ellipsis;
			overflow: hidden;
			letter-spacing: -0.53px;
			color: #143f74;
			font-family: Arial;
			font-size: 22px;
			font-weight: bold;
		}

		.tv-bkz .right .description {
			width: 100%;
			float: left;
			letter-spacing: -0.34px;
			color: #999;
			font-family: Arial;
			font-size: 14px;
		}

			.tv-bkz .right .description span {
				margin: 0 10px;
			}

				.tv-bkz .right .description span:first-child {
					margin: 0 10px 0 0;
				}

			.tv-bkz .right .description.blue {
				color: #143f74;
			}

.infografik-content {
	width: 100%;
	float: left;
	border-radius: 3px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	background-color: #222;
	padding: 21px 0 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

	.infografik-content > .title {
		font-family: Arial;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		margin: 0 0 5px 0;
		padding: 0 20px;
	}

	.infografik-content .content {
	}

		.infografik-content .content img {
			width: 100%;
			height: auto;
		}

	.infografik-content .bottom {
		border-radius: 0 0 3px 3px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
		background-color: #000;
		width: 100%;
		padding: 5px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 20px;
		align-items: center;
		box-sizing: border-box;
	}

		.infografik-content .bottom .left {
			display: flex;
			flex-direction: row;
			gap: 15px;
			align-items: center;
		}

			.infografik-content .bottom .left .redirect-post {
				border-radius: 3px;
				background-color: #111;
				display: flex;
				flex-direction: row;
				gap: 5px;
				align-items: center;
				font-family: Arial;
				font-size: 15px;
				color: #ccc;
				padding: 6px 9px;
			}

				.infografik-content .bottom .left .redirect-post img {
					width: 18px;
				}

			.infografik-content .bottom .left .item {
				display: flex;
				flex-direction: row;
				gap: 2.5px;
				align-items: center;
				font-family: Arial;
				font-size: 15px;
				color: #ccc;
			}

				.infografik-content .bottom .left .item i {
					font-size: 18px;
				}

				.infografik-content .bottom .left .item .clock {
					height: 18px;
				}

		.infografik-content .bottom .right {
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
		}

			.infografik-content .bottom .right .button {
				border-radius: 3px;
				background-color: #111;
				width: 30px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				cursor: pointer;
			}

				.infografik-content .bottom .right .button > i {
					font-size: 20px;
					color: #666;
				}

				.infografik-content .bottom .right .button.menu {
				}

					.infografik-content .bottom .right .button.menu .menu-options {
						position: absolute;
						right: -4px;
						top: 100%;
						background: #333;
						border-radius: 3px;
						margin-top: 5px;
						display: flex;
						flex-direction: column;
						gap: 9px;
						width: 150px;
						padding: 6px 10px;
						box-sizing: border-box;
						display: none;
					}

						.infografik-content .bottom .right .button.menu .menu-options:before {
							content: '';
							position: absolute;
							top: -14px;
							right: 12px;
							width: 0;
							height: 0;
							border-width: 7px;
							border-style: solid;
							border-color: transparent transparent #333 transparent;
						}

						.infografik-content .bottom .right .button.menu .menu-options li {
						}

							.infografik-content .bottom .right .button.menu .menu-options li a {
								font-size: 10px;
								font-weight: bold;
								color: #fff;
								padding: 3px 0;
							}

						.infografik-content .bottom .right .button.menu .menu-options.active {
							display: flex;
						}

.infografik-ad-area {
	width: 100%;
	float: left;
	text-align: center;
	padding: 30px;
	box-sizing: border-box;
}

	.infografik-ad-area img {
		margin: 0 auto;
		display: inline-block;
	}

.infografik-more-button {
	width: 100%;
	float: left;
	padding: 45px 10px;
	box-sizing: border-box;
	text-align: center;
}

	.infografik-more-button .button {
		cursor: pointer;
		display: inline-block;
		font-family: 'Ubuntu', Arial;
		font-size: 19px;
		font-weight: 500;
		text-align: center;
		color: #fff;
		border-radius: 510px;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
		background-color: #f6792a;
		padding: 12px 33px;
	}

/* DonanımHaber 2017 */
/* emre was here */
/* Resetlemeler */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

body {
    line-height: 1;
    overflow-y: scroll;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Genel Stiller */
body {
    background: #febf56 url("../img/bg.jpg") repeat-x top left;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    /*text-align:center; */
}

header,
nav,
div,
p,
a,
span {
    display: inline-block;
}

a {
    text-decoration: none;
}

.yarisaydam {
    opacity: 0.5 !important;
    cursor: default !important;
}

.float-initial {
    float: initial !important;
}

.text-center {
    text-align: center;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pr-30 {
    padding-right: 30px;
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pt-0 {
    padding-top: 0px !important;
}

.pull-right {
    float: right !important;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-30 {
    margin-left: 30px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-30 {
    margin-top: 30px;
}

.mt--1 {
    margin-top: -1px;
}

.mt--10 {
    margin-top: -10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.w-100 {
    width: 100% !important;
}

.box-border-box {
    box-sizing: border-box;
}

/*body * { transition: all 0.1s ease; } */

/* Arkaplan Reklam Giydirme */

.arkaplan-giydirme {
    position: fixed;
    left: 0;
    top: 310px;
    bottom: 0;
    right: 0;
}

.new-bg-ad {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

    .new-bg-ad .content {
        width: 1140px;
        height: 13px;
        display: inline-block;
        position: relative;
    }

        .new-bg-ad .content .left {
            left: 0;
            top: 0;
            position: absolute;
            transform: translate(-100%, 0);
            -webkit-transform: translate(-100%, 0);
            -moz-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
            -o-transform: translate(-100%, 0);
        }

        .new-bg-ad .content .right {
            right: 0;
            top: 0;
            position: absolute;
            transform: translate(100%, 0);
            -webkit-transform: translate(100%, 0);
            -moz-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
            -o-transform: translate(100%, 0);
        }

/*.arkaplan-baglanti {position:fixed; top:0; z-index:2; width:400px; height:1080px; } 
.arkaplan-baglanti.sol {margin:0 0 0 -400px; } 
.arkaplan-baglanti.sag {margin:0 -400px 0 0; } */

/*.sitekapsam { margin: 0 auto; display: block; width: 1140px; } */

/* DH Kapsam */

.dhkapsam {
    /*width:100%; */
    /*background:#dedede; */
    display: block;
    text-align: left;
    position: relative;
    z-index: 1;
    vertical-align: middle;
}

    .dhkapsam.reklam-var {
        /*sayfa giydirme reklamı varsa bu sınıf aktif oluyor*/
        max-width: 1140px;
    }

/* Tepe Alan - Reklam ve Yatay Küçük Liste */

.tepe-alan {
    width: calc(100% - 20px);
    min-width: 1120px;
    padding: 10px;
    background: #333;
    float: left;
    position: relative;
    z-index: 9;
}

    .tepe-alan .ortala {
        max-width: 1140px;
        margin: 0 auto;
        display: block;
    }

    .tepe-alan.listesiz {
        text-align: center;
    }

    .tepe-alan .reklam-yatay {
        width: 728px;
        height: 90px;
        text-align: center;
        float: left;
        background: #666;
        overflow: hidden;
    }

    .tepe-alan .reklam-masthead {
        width: 970px;
        height: 250px;
        text-align: center;
        /*float:left; */
        background: #666;
        margin: 0 auto;
        display: block;
    }

    .tepe-alan.listesiz .reklam-yatay {
        float: none;
    }

    .tepe-alan.listesiz .reklam-masthead {
        float: none;
    }

    .tepe-alan .trend-liste {
        width: calc(100% - 760px);
        height: 90px;
        float: right;
    }

/* Reklam Alanları */

/*.reklam-yatay {width:100%; min-width:1140px; text-align:center; background:#333; padding:10px 0; float:left; } 
.reklam-dikey {width:160px; float:right; padding:10px 10px 0 10px; text-align:center; } 
.reklam-dikey a {margin:0 0 10px 0; } 
.reklam-dikey .btn {width:100%; padding:0; } */
.reklam-kare {
    width: calc(100% - 3px);
    text-align: center;
    background: #dedede;
    padding: 2px;
    margin: 0 0 30px 0;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

    .reklam-kare img {
        width: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

.detay .reklam-dikey {
    position: absolute;
    top: -10px;
    right: -180px;
}

.reklam-fix {
    width: calc(100% - 20px);
    text-align: center;
    background: #dedede;
    padding: 10px;
    margin: 0 0 30px 0;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

    .reklam-fix .w300 {
        display: inline-block;
    }

    .reklam-fix .w160 {
        display: none;
    }

    .reklam-fix img {
        width: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

    .reklam-fix.fixed {
        position: fixed;
        top: 30px;
        width: 320px;
    }

    .reklam-fix.sabitw .fixed {
        width: 320px !important;
    }

    .reklam-fix.kuculmesin {
        width: 320px !important;
    }

        .reklam-fix.kuculmesin .w300 {
            display: inline-block !important;
        }

        .reklam-fix.kuculmesin .w160 {
            display: none !important;
        }

/* Header */

header.site-header {
    width: 100%;
    min-width: 1140px;
    z-index: 99;
    line-height: 40px;
    background: #f5792a;
    position: relative;
    float: left;
    -webkit-overflow-scrolling: touch;
}

header.detayda {
    /*border-top:5px solid #000; */
}

header.listede {
    /*border-top:5px solid #000; */
}

header.sayfada {
    /*border-top:5px solid #000; */
}

header .ortala {
    width: 100%;
    padding: 0 20px;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1920px;
}

header .logo {
    height: 50px;
    float: left;
    /*margin:0 0 0 10px; */
    /*padding:0 10px; */
    font-weight: bold;
    color: #fff;
    /*margin:0 10px 0 30px; */
    padding: 0 5px 0 0;
}

    header .logo img {
        margin: 5px 0 0 0;
        height: 40px;
    }

header .uye {
    float: left;
    margin: 5px 5px 5px 5px;
    color: #d06724;
    background: #fff;
    border-radius: 20px;
    height: 40px;
    position: relative;
}

header.tuttur .uye {
    height: 30px;
}

header .uye .ben {
    height: 38px !important;
}

header .uye .avatar {
    float: left;
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #fff;
}

    header .uye .avatar img {
        width: 38px;
        height: 38px;
    }

    header .uye .avatar.avatarsiz {
        background-color: #d85757;
        color: #fff;
        text-align: center;
        line-height: 38px;
    }

header .uye .bildirim-no {
    position: absolute;
    min-width: 10px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    padding: 0 3px;
    top: -1px;
    right: -10px;
    z-index: 99;
    font-weight: bold;
    text-align: center;
    animation: pop 0.3s linear 3;
    border-radius: 14px;
    border: 1px solid #fff;
    background-color: #fe0002;
    color: #fff;
}

    header .uye .bildirim-no.yellow {
        background-color: #fff105;
        color: #000;
        top: initial;
        bottom: -3px;
    }

@keyframes pop {
    50% {
        transform: scale(1.2);
    }
}

header .uye .bildirim-menu {
    width: 310px;
    position: absolute;
    top: 45px;
    left: 0;
    background: #f1f1f1;
    color: #333;
    font-size: 11pt;
    line-height: 15pt;
    z-index: 9;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    /*display:none; */
}

    header .uye .bildirim-menu:before {
        content: "";
        position: absolute;
        top: -20px;
        left: 10px;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    header .uye .bildirim-menu:after {
        content: "";
        position: absolute;
        top: -5px;
        left: 0;
        width: 170px;
        height: 5px;
    }

header.tuttur .uye .bildirim-menu {
    top: 35px;
    left: -2px;
}

header.tuttur .uye .bildirim-no {
    bottom: 4px;
}

/*header .uye:hover > .bildirim-menu {display:inline-block; } */

header .uye .bildirim-menu .profil-ozeti {
    width: calc(100% - 20px);
    padding: 10px;
    border-bottom: 1px solid #dedede;
    background: #fff;
    float: right;
}

    header .uye .bildirim-menu .profil-ozeti .temel-bilgiler {
        float: left;
        width: calc(100% - 90px);
        color: #333;
    }

    header .uye .bildirim-menu .profil-ozeti .kullanici-adi {
        width: 100%;
        font-weight: bold;
        font-size: 16pt;
        line-height: 18pt;
        float: left;
    }

        header .uye .bildirim-menu .profil-ozeti .kullanici-adi a:hover {
            color: #f5792a;
        }

    /*header .uye .bildirim-menu .profil-ozeti .rutbe {width:100%; margin:0 0 10px 0; color:#ccc; font-size:11pt; line-height:14pt; } */
    header .uye .bildirim-menu .profil-ozeti .baglantilar {
        width: 100%;
        font-size: 10pt;
        line-height: 20pt;
        float: left;
        margin: 0 0 10px 0;
    }

        header .uye .bildirim-menu .profil-ozeti .baglantilar .tek {
            float: left;
            /*background:#f5792a; color:#fff; border-radius:3px; padding:3px 5px; */
            margin: 0 15px 0 0;
            color: #999;
        }

            header .uye .bildirim-menu .profil-ozeti .baglantilar .tek:hover {
                /*opacity:0.9; */
                color: #000;
                text-decoration: underline;
            }

            header .uye .bildirim-menu .profil-ozeti .baglantilar .tek span {
                float: left;
            }

            header .uye .bildirim-menu .profil-ozeti .baglantilar .tek [class*="icon-"] {
                margin: -1px 3px 0 0;
                line-height: 20pt;
            }

            header .uye .bildirim-menu .profil-ozeti .baglantilar .tek .icon-chevron-up {
                margin: 0 3px 0 0;
            }

            header .uye .bildirim-menu .profil-ozeti .baglantilar .tek.cikis-yap {
                /*background:#333; */
                margin: 0;
            }

    header .uye .bildirim-menu .profil-ozeti .avatar {
        float: left;
        width: 60px;
        height: 60px;
        background-color: #dedede;
        background-size: cover;
        background-position: center;
        border-radius: 50px;
        margin: 0 10px 0 0;
        position: relative;
    }

        /*header .uye .bildirim-menu .profil-ozeti .avatar .git {line-height:60px; text-align:center; background:rgba(0,0,0,0.50); font-size: 9pt; color:#fff; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50px; display:none; } 
header .uye .bildirim-menu .profil-ozeti .avatar:hover .git {display:inline-block; } */
        header .uye .bildirim-menu .profil-ozeti .avatar.avatarsiz {
            background-color: #d85757;
            color: #fff;
            text-align: center;
            line-height: 60px;
            font-size: 30px;
        }

header .uye .bildirim-menu .segment {
    width: calc(100% - 1px);
    padding: 0 0 0 1px;
    background: #dedede;
    line-height: 30px;
    font-size: 11pt;
    border-bottom: 1px solid #dedede;
    float: left;
}

    header .uye .bildirim-menu .segment label {
        float: left;
        text-align: center;
        margin: 0 1px 0 0;
        background: #f1f1f1;
        cursor: pointer;
        position: relative;
    }

        header .uye .bildirim-menu .segment label input {
            display: none;
        }

            header .uye .bildirim-menu .segment label input:checked + div {
                background: #fff;
                font-weight: bold;
                letter-spacing: -0.6px;
            }

        header .uye .bildirim-menu .segment label div {
            letter-spacing: -0.2px;
            padding: 0 17px;
        }

        header .uye .bildirim-menu .segment label span {
            position: absolute;
            top: -10px;
            right: 1px;
            background: #999;
            color: #fff;
            font-size: 8pt;
            line-height: 9pt;
            padding: 2px 6px;
            border-radius: 20px;
        }

            header .uye .bildirim-menu .segment label span.red {
                background-color: #fe0002;
            }

            header .uye .bildirim-menu .segment label span.yellow {
                border: 1px solid #f1f1f1;
                background-color: #fff105;
                color: #000;
            }

header .uye .bildirim-menu .alt {
    width: calc(100% - 20px);
    padding: 0 10px;
    font-size: 9pt;
    background: #f5792a;
    line-height: 30px;
    float: left;
    color: #fff;
}

    header .uye .bildirim-menu .alt a {
        color: #fff;
    }

        header .uye .bildirim-menu .alt a:hover {
            opacity: 0.8;
        }

    header .uye .bildirim-menu .alt span {
        float: left;
        margin: 0 5px 0 0;
        line-height: 30px;
    }

    header .uye .bildirim-menu .alt .hiza-sag {
        /*color:#dedede; */
    }

header .uye .bildirim-menu .ara-tercih {
    width: calc(100% - 20px);
    padding: 0 10px;
    font-size: 9pt;
    background: #fff;
    line-height: 30px;
    float: left;
    border-bottom: 1px solid #dedede;
}

    header .uye .bildirim-menu .ara-tercih .cb {
        font-size: 9pt;
        margin-left: -3px;
    }

        header .uye .bildirim-menu .ara-tercih .cb input + label span {
            margin-right: 6px;
        }

/*header .uye .bildirim-menu .alt {width:calc(100% - 20px); padding:0 10px; background:#f5792a; line-height:30px; } 
header .uye .bildirim-menu .alt a {color:#fff; } 
header .uye .bildirim-menu .alt .simge {margin:0 0 0 5px; } */
header .uye .bildirim-menu .govde {
    width: 100%;
    background: #fff;
    float: left;
    max-height: 340px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    header .uye .bildirim-menu .govde .bildirim-tek {
        width: calc(100% - 40px);
        padding: 5px 10px 5px 30px;
        background: #fff;
        position: relative;
        float: left;
        border-bottom: 1px solid #dedede;
        font-size: 10pt;
        line-height: 12pt;
    }

        header .uye .bildirim-menu .govde .bildirim-tek:hover {
            background: #f5f5f5;
        }

        header .uye .bildirim-menu .govde .bildirim-tek.yeni {
            background: rgba(248, 255, 0, 0.1);
        }

            header .uye .bildirim-menu .govde .bildirim-tek.yeni:hover {
                background: rgba(248, 255, 0, 0.3);
            }

        header .uye .bildirim-menu .govde .bildirim-tek .simge {
            position: absolute;
            top: 5px;
            left: 10px;
        }

        header .uye .bildirim-menu .govde .bildirim-tek.onemli .simge {
            color: #f00;
        }

        header .uye .bildirim-menu .govde .bildirim-tek .olay {
            width: 100%;
            color: #333;
        }

            header .uye .bildirim-menu .govde .bildirim-tek .olay strong {
                color: #000;
                width: calc(100% - 43px);
            }

            header .uye .bildirim-menu .govde .bildirim-tek .olay .zaman {
                float: right;
                color: #999;
                margin: 0 0 0 5px;
                font-weight: normal;
            }

        header .uye .bildirim-menu .govde .bildirim-tek .ayrinti {
            width: 100%;
            margin: 3px 0 0 0;
            color: #777;
        }

        header .uye .bildirim-menu .govde .bildirim-tek.icerik-bildirimi {
            width: calc(100% - 85px);
            padding: 5px 10px 5px 75px;
            min-height: 48pt;
        }

            header .uye .bildirim-menu .govde .bildirim-tek.icerik-bildirimi .onizleme {
                width: 60px;
                height: 60px;
                background-size: cover;
                background-position: center;
                position: absolute;
                top: 8px;
                left: 8px;
            }

    header .uye .bildirim-menu .govde .daha-fazla {
        width: 100%;
        padding: 30px 0;
        text-align: center;
        background: #dedede;
    }

    header .uye .bildirim-menu .govde .uyari {
        margin-top: 10px;
    }

nav {
    float: left;
    font-family: Arial;
    /*text-transform:uppercase; */
}

    /*nav.gundem:after {position:absolute; content:''; top:0; right:0; width:70px; height:50px; background-image:linear-gradient(to right,rgba(245,121,42,0) 0,rgba(245,121,42,1) 30%); } */
    /*nav.gundem .tumu {position:absolute; top:10px; left:0; float:left; height:20px; line-height:20px; color:#fff; z-index:2; text-align:center; font-size:7pt; font-family:Arial; background:rgba(0,0,0,0.30); border-radius:3px; padding:5px 10px; } */
    nav .oge {
        float: left;
        position: relative;
        height: 50px;
        z-index: 2;
    }

        nav .oge a.oge-ad {
            color: #fff;
            font-size: 11pt;
            padding: 0 8px;
            margin: 5px 0;
            height: 40px;
            border-radius: 3px;
            position: relative;
            min-width: 30px;
            text-align: center;
        }

    nav.gundem .oge a.oge-ad {
        display: inline;
        padding: 10px 8px;
    }

        nav.gundem .oge a.oge-ad span.hot-topic-word {
            height: 40px;
            margin: 5px 0;
            position: relative;
        }

    nav .oge a.oge-ad:hover {
        background: #f7904e;
    }

    nav .oge:hover a.oge-ad {
        background: #f7904e;
    }

    nav .oge a.oge-ad .miktar {
        /*background:#fff; border:1px solid #fff; */
        color: #fff;
        line-height: 14px;
        float: right;
        border-radius: 3px;
        padding: 0 4px;
        font-size: 7pt;
        position: absolute;
        top: -1px;
        right: -2px;
        z-index: 3;
    }

        nav .oge a.oge-ad .miktar.black {
            background-color: rgba(0, 0, 0, 0.15);
            top: -4px;
            right: 6px;
        }

    nav .oge a.oge-ad:hover .miktar {
        background: rgba(255, 255, 255, 1);
        color: #111;
    }

    /*nav a.oge-ad:active {background:#d06724; } */
    nav a [class*="icon-"] {
        line-height: 14px;
        padding: 2px 0;
        font-size: 14pt;
        position: absolute;
        top: 5px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    nav .oge a.oge-ad img {
        padding: 2px 0;
    }

    nav a.hamburger [class*="icon-"] {
        top: 11px;
    }

    nav a .kisa-ad {
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 11px;
        line-height: 11px;
    }

    nav .oge ul.menu {
        position: absolute;
        top: 50px;
        left: 0;
        background: #f1f1f1;
        color: #f5792a;
        line-height: 20px;
        padding: 5px 0;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
        /*display:none; */
        z-index: 11;
    }

        nav .oge ul.menu:before {
            content: "";
            position: absolute;
            top: -20px;
            left: 10px;
            width: 0;
            height: 0;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #f1f1f1 transparent;
        }

        nav .oge ul.menu:after {
            content: "";
            position: absolute;
            top: -5px;
            left: 0;
            width: 170px;
            height: 5px;
        }

        /*nav ul.oge li:hover > ul.menu {display:inline-block; } */
        nav .oge ul.menu a {
            width: 220px;
            background: #f1f1f1;
            color: #000;
            font-size: 15px;
            font-weight: normal;
            padding: 5px 15px;
        }

            nav .oge ul.menu a:hover {
                background: #fff;
                color: #f60;
            }

            nav .oge ul.menu a img {
                height: 14px;
                width: auto;
                position: inherit;
                float: left;
                margin: 2px 5px 0 -7px;
            }

            nav .oge ul.menu a span[class*="icon-"] {
                position: inherit;
                float: left;
                width: 22px;
                border-radius: 3px;
                text-align: center;
                font-size: 10pt;
                line-height: 16px;
                height: 16px;
                margin: 0 5px 0 -10px;
                color: #000;
            }

                nav .oge ul.menu a span[class*="icon-"]::before {
                    color: #000;
                }

            nav .oge ul.menu a span.ekbilgi {
                float: right;
                color: #f5792a;
                font-size: 9pt;
                font-weight: bold;
            }

        nav .oge ul.menu ul.altmenu {
            position: absolute;
            top: 0;
            left: 250px;
            background: #f1f1f1;
            color: #f5792a;
            line-height: 20px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
            display: none;
            z-index: 12;
        }

            nav .oge ul.menu ul.altmenu:before {
                display: none;
            }

        nav .oge ul.menu li {
            position: relative;
        }

            nav .oge ul.menu li:hover > ul.altmenu {
                display: inline-block;
            }

            nav .oge ul.menu li:hover > a {
                background: #fff;
                color: #f60;
            }

        nav .oge ul.menu ul.altmenu a {
            color: #333;
        }

            nav .oge ul.menu ul.altmenu a:hover {
                background: #dedede;
            }

    nav .oge li {
        list-style: none;
    }

    nav.gundem {
        width: calc(100% - 806px);
        height: 50px;
        overflow: hidden;
        position: relative;
        margin: 0 0 0 5px;
        padding: 0 0 0 5px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10%);
    }

        nav.gundem .oge {
            height: 50px !important;
            float: none;
            display: inline;
        }

            nav.gundem .oge li {
                display: inline;
            }

            nav.gundem .oge.gorsel {
                height: 50px !important;
                margin: 0 0 0 5px;
                float: right;
            }

                /*nav.gundem .oge.gorsel a {background: #d06724; } */
                nav.gundem .oge.gorsel img {
                    height: 40px !important;
                }

        nav.gundem .tumu {
            font-size: 11pt;
            padding: 0 8px;
            margin: 5px 0;
            border-radius: 3px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 70%);
            font-weight: bold;
            /*color:rgba(0,0,0,0.3); */
            color: #fff;
            float: left;
        }

        nav.gundem .daha {
            float: right;
            font-weight: bold;
        }

header .arama {
    float: right;
    position: relative;
    width: 120px;
    margin: 5px 5px 5px 10px;
    /*margin:0 0 0 20px; position:absolute; top:5px; right:5px; */
}

    header .arama .kutu {
        position: absolute;
        right: 0;
        z-index: 19;
        background: #d06724;
        color: #ffc9a7;
        width: 80px;
        transition: all 0.1s ease;
        padding: 8px 30px 8px 15px;
        line-height: 14px;
        height: 14px !important;
        margin: 5px 0;
        float: left;
        border: none;
        border-radius: 15px;
        font-size: 12px;
        cursor: text !important;
    }

        header .arama .kutu::-webkit-input-placeholder {
            color: #ffc9a7;
        }

        header .arama .kutu:focus {
            width: 160px;
        }

    /*header .arama:active > .kutu {width:200px; } */
    header .arama .buton {
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 20;
        width: 30px;
        height: 20px;
        line-height: 20px;
        background: none;
        border: none;
        color: #ffc9a7;
        font-size: 14px;
        cursor: pointer;
    }

        header .arama .buton:active {
            color: #fff;
        }

header .search-history {
    position: absolute;
    top: 38px;
    right: -2px;
    max-height: 350px;
    width: 205px;
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: 1px solid #d2d1cc;
    background-color: #ffffff;
}

    header .search-history .header {
        height: 28px;
        line-height: 35px;
        width: 100%;
        border-bottom: 1px solid #dedede;
    }

        header .search-history .header span {
            position: absolute;
            top: -4px;
            left: 10px;
            color: #999999;
            font-size: 11px;
            font-family: Verdana;
            letter-spacing: 0.1px;
        }

        header .search-history .header .clear {
            position: absolute;
            right: 10px;
            top: -3px;
            color: #333333;
            font-size: 11px;
            font-weight: 400;
            letter-spacing: -0.35px;
            text-transform: uppercase;
        }

    header .search-history ul {
        display: block;
        line-height: 0;
        margin-top: -10px;
        margin-right: 4px;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 300px;
    }

        header .search-history ul::-webkit-scrollbar {
            width: 5px;
        }

::-webkit-scrollbar-track {
    box-shadow: none;
    background: none;
}

::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 3px;
}

header .search-history ul li a {
    display: block;
    line-height: 20px;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    header .search-history ul li a:before {
        font-family: IcoMoon;
        content: "\e94d";
        color: #cccccc;
        position: relative;
        top: 3px;
        padding: 0 5px 0 0;
        font-size: 20px;
    }

    header .search-history ul li a:hover {
        background-color: #f1f1f1;
    }

header .tip {
    z-index: 99999;
    width: 0px;
    height: 0px;
    position: absolute;
    background: transparent;
    border: 10px solid #fff;
}

    header .tip.tip-up {
        top: -19px;
        left: 13px;
        border-right-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
    }

header .arama .akilli-arama {
    width: 310px;
    position: absolute;
    top: 45px;
    right: 0;
    background: #f1f1f1;
    color: #333;
    font-size: 11pt;
    line-height: 15pt;
    z-index: 9;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    /*display:none; */
}

    header .arama .akilli-arama:before {
        content: "";
        position: absolute;
        top: -20px;
        right: 10px;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #f1f1f1 transparent;
    }

    header .arama .akilli-arama:after {
        content: "";
        position: absolute;
        top: -5px;
        right: 0;
        width: 270px;
        height: 5px;
    }

    /*header .arama:hover > .akilli-arama {display:inline-block; } */
    header .arama .akilli-arama .ust {
        width: calc(100% - 20px);
        padding: 0 10px;
        background: #f1f1f1;
        line-height: 30px;
        border-bottom: 1px solid #dedede;
    }

        header .arama .akilli-arama .ust .ayarlar {
            color: #666;
            font-size: 10pt;
        }

    header .arama .akilli-arama .alt {
        width: calc(100% - 20px);
        padding: 0 10px;
        background: #f5792a;
        line-height: 30px;
    }

        header .arama .akilli-arama .alt a {
            color: #fff;
        }

        header .arama .akilli-arama .alt .simge {
            margin: 0 0 0 5px;
        }

    header .arama .akilli-arama .govde {
        width: 100%;
        background: #fff;
        float: left;
        max-height: 240px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 5px 0;
    }

        header .arama .akilli-arama .govde::-webkit-scrollbar {
            width: 5px;
        }

::-webkit-scrollbar-track {
    box-shadow: none;
    background: none;
}

::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 3px;
}

header .arama .akilli-arama .govde .sonuc-tek {
    width: calc(100% - 20px);
    padding: 5px 10px 5px 10px;
    background: #fff;
    position: relative;
    float: left;
    line-height: 20px;
}

    header .arama .akilli-arama .govde .sonuc-tek:hover {
        background: #f5f5f5;
    }

    header .arama .akilli-arama .govde .sonuc-tek .onizleme {
        float: left;
        width: 80px;
        height: 60px;
        background-size: cover;
        background-position: center;
    }

    header .arama .akilli-arama .govde .sonuc-tek .sonuc-adi {
        width: calc(100% - 90px);
        float: right;
        font-size: 10pt;
        max-height: 40px;
        overflow: hidden;
    }

    header .arama .akilli-arama .govde .sonuc-tek .zaman {
        width: calc(100% - 90px);
        color: #999;
        font-size: 10pt;
        float: right;
    }

header .populer-mini {
    float: right;
    position: relative;
    height: 50px;
    /*margin:0 0 0 20px; position:absolute; top:5px; right:5px; */
}

header.tuttur .populer-mini {
    height: 40px;
    margin-right: 135px;
}

    header.tuttur .populer-mini.trendicin {
        height: 40px;
        margin-right: 0;
    }

header .populer-mini a.oge-ad {
    color: #d06724;
    font-size: 11pt;
    padding: 0 8px;
    margin: 5px 0;
    border-radius: 3px;
    position: relative;
    height: 40px;
    line-height: 40px;
}

    header .populer-mini a.oge-ad:hover {
        background: #f7904e;
    }

header .populer-mini:hover a.oge-ad {
    background: #f7904e;
}

header .populer-mini .roket {
    font-size: 21px;
    color: #d06724;
    line-height: 30px;
    padding: 5px 1px;
}

header .populer-mini .barlar {
    /*trend haberler için*/
    font-size: 24px;
    color: #d06724;
    line-height: 30px;
    padding: 5px 1px;
}

header .populer-mini .ozet-populer {
    width: 310px;
    position: absolute;
    top: 50px;
    right: 0;
    background: #f1f1f1;
    color: #333;
    font-size: 11pt;
    line-height: 15pt;
    z-index: 9;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    /*display:none; */
}

    header .populer-mini .ozet-populer:before {
        content: "";
        position: absolute;
        top: -20px;
        right: 10px;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #f1f1f1 transparent;
    }

    header .populer-mini .ozet-populer:after {
        content: "";
        position: absolute;
        top: -5px;
        right: 0;
        width: 270px;
        height: 5px;
    }

    /*header .populer-mini:hover > .ozet-populer {display:inline-block; } */
    header .populer-mini .ozet-populer .ust {
        width: calc(100% - 20px);
        padding: 0 10px;
        background: #f1f1f1;
        line-height: 30px;
        border-bottom: 1px solid #dedede;
    }

        header .populer-mini .ozet-populer .ust .ayarlar {
            color: #666;
            font-size: 10pt;
        }

    header .populer-mini .ozet-populer .alt {
        width: calc(100% - 20px);
        padding: 0 10px;
        background: #f5792a;
        line-height: 30px;
    }

        header .populer-mini .ozet-populer .alt a {
            color: #fff;
        }

        header .populer-mini .ozet-populer .alt .simge {
            margin: 0 0 0 5px;
        }

    header .populer-mini .ozet-populer .govde {
        width: 100%;
        background: #fff;
        float: left;
        max-height: 380px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 5px 0;
    }

        header .populer-mini .ozet-populer .govde .sonuc-tek {
            width: calc(100% - 20px);
            padding: 5px 10px 5px 10px;
            background: #fff;
            position: relative;
            float: left;
            line-height: 20px;
        }

            header .populer-mini .ozet-populer .govde .sonuc-tek:hover {
                background: #f5f5f5;
            }

            header .populer-mini .ozet-populer .govde .sonuc-tek .onizleme {
                float: left;
                width: 80px;
                height: 60px;
                background-size: cover;
                background-position: center;
            }

            header .populer-mini .ozet-populer .govde .sonuc-tek .sonuc-adi {
                width: calc(100% - 90px);
                float: right;
                font-size: 10pt;
                max-height: 40px;
                overflow: hidden;
            }

            header .populer-mini .ozet-populer .govde .sonuc-tek .zaman {
                width: calc(50% - 45px);
                color: #999;
                font-size: 10pt;
                float: left;
                margin: 0 0 0 10px;
            }

            header .populer-mini .ozet-populer .govde .sonuc-tek .okunma {
                width: calc(50% - 45px);
                color: #999;
                font-size: 10pt;
                float: right;
                text-align: right;
            }

header .populer-mini.trendicin .ozet-populer .govde .sonuc-tek .okunma {
    width: calc(80% - 45px);
}

header .hizli-ayar {
    float: right;
    position: relative;
    height: 50px;
}

    header .hizli-ayar a.oge-ad {
        color: #d06724;
        font-size: 11pt;
        padding: 0 8px;
        margin: 5px 0;
        border-radius: 3px;
        position: relative;
        height: 40px;
        line-height: 40px;
    }

        header .hizli-ayar a.oge-ad:hover {
            background: #f7904e;
        }

    header .hizli-ayar:hover a.oge-ad {
        background: #f7904e;
    }

    header .hizli-ayar .cark {
        font-size: 23px;
        color: #d06724;
        line-height: 30px;
        padding: 5px 1px;
        height: 30px;
        width: 20px;
    }

    header .hizli-ayar .ay {
        font-size: 19px;
        color: #d06724;
        line-height: 30px;
        padding: 5px 1px;
        height: 30px;
        width: 19px;
    }

    header .hizli-ayar .ayar-listesi {
        width: 310px;
        position: absolute;
        top: 50px;
        right: 0;
        background: #f1f1f1;
        color: #333;
        font-size: 11pt;
        line-height: 15pt;
        z-index: 9;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
        /*display:none; */
    }

        header .hizli-ayar .ayar-listesi:before {
            content: "";
            position: absolute;
            top: -20px;
            right: 10px;
            width: 0;
            height: 0;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #f1f1f1 transparent;
        }

        header .hizli-ayar .ayar-listesi:after {
            content: "";
            position: absolute;
            top: -5px;
            right: 0;
            width: 270px;
            height: 5px;
        }

        header .hizli-ayar .ayar-listesi .ust {
            width: calc(100% - 20px);
            padding: 0 10px;
            background: #f1f1f1;
            line-height: 30px;
            border-bottom: 1px solid #dedede;
        }

            header .hizli-ayar .ayar-listesi .ust .ayarlar {
                color: #666;
                font-size: 10pt;
            }

        header .hizli-ayar .ayar-listesi .alt {
            width: calc(100% - 20px);
            padding: 0 10px;
            background: #f5792a;
            line-height: 30px;
        }

            header .hizli-ayar .ayar-listesi .alt a {
                color: #fff;
            }

            header .hizli-ayar .ayar-listesi .alt .simge {
                margin: 0 0 0 5px;
            }

        /*header .hizli-ayar .ayar-listesi {width:100%; background:#fff; float:left; max-height:240px; overflow-x:hidden; overflow-y:scroll; padding:5px 0; } */
        header .hizli-ayar .ayar-listesi .ayar {
            width: calc(100% - 20px);
            padding: 10px 10px 10px 10px;
            background: #fff;
            position: relative;
            line-height: 20px;
            border-bottom: 1px solid #dedede;
            float: left;
        }

            /*header .hizli-ayar .ayar-listesi .ayar:hover {background:#f5f5f5; } */
            header .hizli-ayar .ayar-listesi .ayar .ackapa {
                float: right;
                height: 20px;
            }

            header .hizli-ayar .ayar-listesi .ayar .ackapa {
                float: right;
            }

header .oturum {
    float: left;
    height: 40px;
    margin: 0 0 0 5px;
    position: relative;
    font-size: 11pt;
}

    header .oturum .eylem {
        float: left;
        margin: 5px 5px 5px 0;
        padding: 0 15px 0 10px;
        color: #fff;
        background: #d06724;
        border-radius: 20px;
        height: 40px !important;
        line-height: 40px;
        position: relative;
    }

header.tuttur .oturum .eylem {
    height: 30px !important;
}

header .oturum .eylem .simge {
    float: left;
    min-width: 20px;
    text-align: center;
    margin: 0 5px 0 0;
    font-size: 14pt;
}

header .oturum .oturum-menu {
    width: 310px;
    position: absolute;
    top: 45px;
    left: 0;
    background: #f1f1f1;
    color: #333;
    font-size: 11pt;
    line-height: 15pt;
    z-index: 9;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    /*display:none; */
}

    header .oturum .oturum-menu:before {
        content: "";
        position: absolute;
        top: -20px;
        left: 10px;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #f1f1f1 transparent;
    }

    header .oturum .oturum-menu:after {
        content: "";
        position: absolute;
        top: -5px;
        left: 0;
        width: 170px;
        height: 5px;
    }

    /*header .oturum:hover > .oturum-menu {display:inline-block; } */
    header .oturum .oturum-menu .ust {
        width: calc(100% - 20px);
        padding: 0 10px;
        background: #f1f1f1;
        line-height: 30px;
    }

        header .oturum .oturum-menu .ust .cb {
            color: #666;
            font-size: 10pt;
            float: right;
        }

    header .oturum .oturum-menu .alt {
        width: calc(100% - 20px);
        padding: 0 10px;
        background: #f5792a;
        line-height: 30px;
    }

        header .oturum .oturum-menu .alt a {
            color: #fff;
        }

        header .oturum .oturum-menu .alt .simge {
            margin: 0 0 0 5px;
        }

header .oturum .govde {
    width: 100%;
    background: #fff;
    float: left;
    padding: 10px 0 0 0;
}

    header .oturum .govde .satir {
        width: calc(100% - 20px);
        margin: 0 10px 10px 10px;
        float: left;
        position: relative;
    }

        header .oturum .govde .satir.kisa {
            width: calc(100% - 115px);
            margin: 0 0 10px 10px;
        }

    header .oturum .govde input {
        width: calc(100% - 62px);
        padding: 10px;
        border: 1px solid #dedede;
        border-left: 41px solid #dedede;
        border-radius: 3px;
        font-size: 14pt;
        height: 25px;
        float: left;
    }

        header .oturum .govde input:focus {
            border-color: #f5792a;
            color: #f5792a;
        }

        header .oturum .govde input.ad {
        }

        header .oturum .govde input.parola {
            width: calc(68% - 62px);
            padding-right: 70px;
        }

        header .oturum .govde input.gir {
            width: calc(32% - 10px);
            margin: 0 10px 0 0;
            text-align: center;
            float: right;
            cursor: pointer;
            border: none;
            background: #f5792a;
            color: #fff;
            height: 47px;
        }

    header .oturum .govde .satir .sifirla {
        position: absolute;
        top: 7px;
        right: 10px;
        text-align: center;
        width: 25px;
        background: #dedede;
        border-radius: 5px;
        line-height: 32px;
        font-size: 11pt;
        color: #fff;
    }

        header .oturum .govde .satir .sifirla:hover {
            background: #ccc;
        }

    header .oturum .govde .satir .simge {
        color: #fff;
        text-align: center;
        width: 45px;
        height: 45px;
        line-height: 45px;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 18pt;
    }

    header .oturum .govde .kayit {
        width: calc(100% - 20px);
        text-align: center;
        color: #999;
        margin: 5px 10px 15px 10px;
    }

header .oturum .baglan {
    float: left;
    width: calc(100% - 20px);
    text-align: center;
    margin: 10px 10px 0 10px;
    padding: 20px 0;
    border-top: 1px solid #dedede;
    position: relative;
}

    header .oturum .baglan .nedir {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -12px;
        left: 0;
    }

        header .oturum .baglan .nedir span {
            background: #fff;
            padding: 0 10px;
        }

    header .oturum .baglan a {
        width: 34px;
        height: 34px;
        line-height: 38px;
        border-radius: 17px;
        text-align: center;
        background: #ccc;
        color: #fff;
        margin: 0 1px;
        font-size: 15pt;
    }

        header .oturum .baglan a.facebook {
            background: #2d609b;
        }

        header .oturum .baglan a.twitter {
            background: #000;
        }

        header .oturum .baglan a.google {
            background: #eb4026;
        }

header .acilir-menu .acici {
    cursor: pointer;
    height: 50px;
}

header .acilir-menu .acilan {
    display: none;
}

header .acilir-menu.acilsin .acilan {
    display: inline-block;
}

header .acilir-menu .uyari {
    margin: 0 10px 10px 10px;
    width: calc(100% - 62px);
}

header .header-baslik {
    max-width: calc(100% - 933px);
    float: left;
    color: #fff;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12pt;
    border-left: 1px solid #d06724;
    margin: 0 0 0 15px;
    padding: 0 15px;
    display: none;
}

header .header-enter-news {
    float: right;
    border-radius: 15px;
    border: 2px solid #d06724;
    background-color: #f5792a;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 16px;
    padding: 5px 14px;
    margin: 10px 10px 0 0;
    display: inline-block;
}

    header .header-enter-news i {
        font-size: 16px;
        height: 16px;
        width: 16px;
        margin: 0 7px 0 0;
        float: left;
    }

header.tuttur .header-enter-news {
    margin: 5px 10px 0 0;
}

header .header-paylasim {
    float: left;
    margin: 10px 0 0 10px;
    height: 30px;
}

    header .header-paylasim .lnk-paylas {
        float: left;
        margin: 0 0 0 5px;
    }

        header .header-paylasim .lnk-paylas .simge {
            border-radius: 3px;
        }

header .yukari {
    float: right;
    margin: 0 5px 0 0;
    color: #fff;
    padding: 0 10px;
    font-size: 15pt;
}

/* Header (Tutturulmuş) */
header.tuttur {
    position: fixed;
    top: 0;
    left: 0;
    /*padding:0; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    transform: translateZ(0);
    line-height: 30px;
}

    header.tuttur .uye .avatar {
        width: 30px;
        height: 30px;
    }

        header.tuttur .uye .avatar.avatarsiz {
            line-height: 30px;
        }

        header.tuttur .uye .avatar img {
            width: 30px;
            height: 30px;
        }

    header.tuttur nav .oge {
        height: 30px;
    }

        header.tuttur nav .oge a.oge-ad {
            line-height: 30px;
            height: 30px;
        }

    header.tuttur nav a [class*="icon-"] {
        margin-top: -3px;
        font-size: 12pt;
    }

    header.tuttur nav a.hamburger [class*="icon-"] {
        margin: 0;
        font-size: 14pt;
    }

    header.tuttur nav a .kisa-ad {
        /*display:none; */
        margin-bottom: -3px;
    }

    header.tuttur nav a.hamburger [class*="icon-"] {
        top: 5px;
    }

    header.tuttur .logo {
        height: 30px;
        /*padding:0 5px 0 0; */
    }

        header.tuttur .logo img {
            margin: 0;
        }

    header.tuttur .oturum {
        height: 30px;
    }

        header.tuttur .oturum .eylem {
            margin: 5px 5px 5px 0;
            height: 30px;
            line-height: 30px;
        }

    header.tuttur .tagler {
        display: none;
    }

    header.tuttur nav.gundem {
        height: 40px;
    }

        /*header.tuttur .arama {display:none; } */
        /*header.tuttur .hizli-ayar {display:none; } */

        header.tuttur nav.gundem .oge {
            height: 40px !important;
        }

            header.tuttur nav.gundem .oge.gorsel {
                height: 40px !important;
            }

                header.tuttur nav.gundem .oge.gorsel img {
                    height: 30px !important;
                }

    header.tuttur .header-baslik {
        display: inline-block;
        line-height: 40px;
        height: 40px;
    }

    /*header.tuttur nav.gundem {width:calc(100% - 590px); } */
    header.tuttur nav.hiza-sag {
        margin-right: 40px;
    }

header .header-paylasim {
    display: none;
}

header.tuttur .header-paylasim {
    display: inline-block;
    margin: 5px 0 0 5px;
}

header.detayda.tuttur .gundem {
    display: none;
}

header.listede.tuttur .gundem {
    display: none;
}

header.sayfada.tuttur .gundem {
    display: none;
}

header.tuttur .hizli-ayar {
    height: 40px;
}

    header.tuttur .hizli-ayar a.oge-ad {
        height: 30px;
        line-height: 30px;
    }

    header.tuttur .hizli-ayar .cark {
        padding: 0 1px;
    }

    header.tuttur .hizli-ayar .ay {
        padding: 0 1px;
    }

header.tuttur .populer-mini .roket {
    padding: 0 1px;
}

header.tuttur .populer-mini .barlar {
    /*trend haberler için*/
    padding: 0 1px;
}

header.tuttur .acilir-menu .acici {
    height: 40px;
}

header.tuttur .populer-mini a.oge-ad {
    margin: 0;
}

header.tuttur .arama {
    /*margin:0 5px 0 10px; */
    margin-top: 0;
    /*margin-bottom: 0; */
}

header.tuttur .populer-mini a.oge-ad {
    margin: 5px 0;
    height: 30px;
}

span.icon-double-click:before {
    content: url("../img/icon-double-click.png");
}

span.icon-double-click2:before {
    content: url("../img/icon-double-click2.png");
}

/* Taşıyıcı ve İçerik */

.tasiyici {
    /*width:100%; max-*/
    width: 1140px;
    display: block;
    margin: 0 auto 0 auto;
}

.icerik {
    /*width:calc(100% - 180px); */
    width: 100%;
    float: left;
    background: #e4e4e4;
    margin-top: 0;
    /*background:#ede9e4 url(../temp/doseme-bg-3.png) left top repeat; */
}

.tasiyici.ittir {
    margin-top: 40px;
}

/*.icerik.duzen-doseme, .icerik.duzen-blog {background:#e4e4e4; } 
.icerik.duzen-liste {margin:10px 0 0 0; } */

/* Footer */

footer {
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 11pt;
    line-height: 15pt;
    margin: -20px 0 30px 0;
}

    footer a {
        color: #333;
    }

/* Yüzen Bağlantılar */

#toplink {
    cursor: pointer;
    display: none;
    position: fixed;
    font-size: 14pt;
    line-height: 20px;
    height: 20px;
    width: 20px;
    padding: 5px 10px;
    top: 5px;
    right: 5px;
    /*background:#f5792a; */
    text-align: center;
    z-index: 100;
    color: #fff;
    background: #f5792a;
    border-radius: 5px;
}

.geri-bildirim {
    z-index: 999;
    position: fixed;
    font-size: 11pt;
    line-height: 20px;
    height: 20px;
    padding: 10px;
    bottom: 170px;
    right: -40px;
    background: #fff;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    border-radius: 3px;
    text-align: center;
    color: #333 !important;
    width: 120px;
}

    .geri-bildirim .icon-envelope {
        font-size: 13pt;
        margin: 0 5px 0 0;
    }

.eski-gorunum {
    position: fixed;
    font-size: 11pt;
    line-height: 20px;
    height: 20px;
    padding: 10px;
    bottom: 320px;
    right: -40px;
    background: #f5792a;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    border-radius: 3px;
    text-align: center;
    z-index: 100;
    color: #fff;
    width: 120px;
}

    .eski-gorunum .icon-mail-reply {
        font-size: 13pt;
        margin: 0 5px 0 0;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

.alternatif-gorunumler {
    position: fixed;
    font-size: 11pt;
    line-height: 20px;
    height: 20px;
    padding: 10px;
    bottom: 360px;
    right: -65px;
    background: #f5792a;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    border-radius: 3px;
    text-align: center;
    z-index: 100;
    color: #fff;
    width: 170px;
    z-index: 999;
}

    .alternatif-gorunumler .icon-equalizer2 {
        font-size: 13pt;
        margin: 0 10px 0 0;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

.alternatif-gorunum {
    width: calc(33.3% - 28px);
    float: left;
    margin: 0 3px 0 3px;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 7px;
    padding: 7px 10px;
    color: #999;
}

    .alternatif-gorunum:hover {
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    }

    .alternatif-gorunum.aktif {
        border-color: #f5792a;
        color: #f5792a;
        font-weight: bold;
    }

    .alternatif-gorunum .not {
        font-size: 15px;
        line-height: 16px;
    }

    .alternatif-gorunum img {
        width: 100%;
        border-top: 1px solid #ccc;
        margin: 5px 0 0 0;
        height: auto;
    }

    .alternatif-gorunum.aktif img {
        border-color: #f5792a;
    }

/* Slayt (Üstteki Manşet ile Uyumlu) */

.slayt {
    width: 100%;
    min-width: 1130px;
    background: #ccc;
    /*margin:0 0 30px 0; */
    float: left;
    position: relative;
}

    .slayt .buzlucam {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-size: cover;
        background-position: center;
    }

    .slayt .slayt-kapsam {
        /*width:calc(100% - 5px); */
        width: 100%;
        float: left;
        overflow: hidden;
        height: 312px;
    }

    .slayt .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
    }

    .slayt .owl-wrapper {
        display: none;
        position: relative;
    }

    .slayt .owl-wrapper-outer {
        position: relative;
        width: 100%;
        float: left;
    }

    /*.slayt .owl-controls {position:absolute; top:30px; right:30px; } */
    .slayt .owl-nav div {
        cursor: pointer;
        color: #fff;
        width: 30px;
        height: 80px;
        line-height: 85px;
        padding: 10px 0;
        font-size: 15pt !important;
        text-align: center;
        font-size: 11pt;
        background: rgba(0, 0, 0, 0.77);
        position: absolute;
        top: 50%;
        margin: -50px 0 0 0;
        z-index: 11;
    }

    .slayt .owl-nav .owl-prev {
        left: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .slayt .owl-nav .owl-next {
        right: 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .slayt .owl-nav div:hover {
        background: #fff;
        color: #f60;
        width: 30px;
    }

    .slayt .owl-nav div:active {
        background: #dedede;
        color: #333;
        width: 30px;
    }

    .slayt .owl-dots {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 11;
    }

        .slayt .owl-dots .owl-dot {
            margin: 2px;
            width: 10px;
            height: 10px;
            background: #ccc;
            border-radius: 5px;
        }

            .slayt .owl-dots .owl-dot.active {
                background: #fff;
            }

    .slayt .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 20px;
        background: #dedede;
        cursor: pointer;
    }

        .slayt .owl-page span:hover {
            background: #f1f1f1;
        }

        .slayt .owl-page span:active {
            background: #f60;
        }

    .slayt .owl-page.active span {
        background: #fff;
    }

    .slayt .kaydir
    /* dokunmatik ekranlar için */ {
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .slayt .kaydir .manset-kolon {
            width: 3580px;
        }

            .slayt .kaydir .manset-kolon .oge {
                width: 455px;
                margin-bottom: 30px;
                height: 260px;
            }

                .slayt .kaydir .manset-kolon .oge.boyut-1 {
                    width: 240px;
                }

                .slayt .kaydir .manset-kolon .oge.boyut-2 {
                    width: 350px;
                }

                .slayt .kaydir .manset-kolon .oge .onizleme {
                    height: 260px;
                }

/* Manşet Kolon (Slayt İçi) */

.owl-carousel.owl-loaded {
    display: block;
}

.manset-kolon {
    width: calc(100% - 5px);
    padding: 5px 0 5px 0;
    float: left;
}

.detay .manset-kolon {
    padding: 0;
}

.manset-kolon .oge {
    width: calc(25% - 7px);
    height: 300px;
    float: left;
    position: relative;
    margin: 0 0 0 5px;
    /*box-shadow:0 0 10px #333; */
    overflow: hidden;
    z-index: 9;
    background: #000;
    border: 1px solid #777;
    border-radius: 4px;
}

    .manset-kolon .oge:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        color: #fff;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
        z-index: 10;
    }

    .manset-kolon .oge:hover:before {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 90%);
    }

    /*.manset-kolon .oge:hover {box-shadow:0 0 20px #ccc; } 
.manset-kolon .oge:active {box-shadow:0 0 2px #dedede; } */
    .manset-kolon .oge.boyut-2 {
        width: calc(50% - 7px);
    }

        .manset-kolon .oge.boyut-2:before {
            display: none;
        }

        .manset-kolon .oge.boyut-2:hover:before {
            display: none;
        }

    /*.manset-kolon .oge.boyut-2:before {background-image:linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%); } 
.manset-kolon .oge.boyut-2:hover:before {background-image:linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 90%); } */
    /*.manset-kolon .oge.boyut-2 {width:calc(25% - 7px); } */
    .manset-kolon .oge .nedir {
        line-height: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 224;
        font-size: 8pt;
        color: #999;
        background: rgba(255, 255, 255, 0.2);
        padding: 0 7px;
        border-top-right-radius: 3px;
    }

        .manset-kolon .oge .nedir.sag {
            left: inherit;
            right: 0;
            border-radius: 0;
            border-top-left-radius: 3px;
        }

    .manset-kolon .oge .onizleme {
        width: 100%;
        height: 300px;
        background-size: cover;
        background-position: center;
        position: relative;
        float: left;
        -webkit-filter: blur(0);
    }

    .manset-kolon .oge:hover .onizleme {
        -ms-transform: scale(1.05, 1.05);
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        -webkit-filter: blur(5px);
        opacity: 0.5;
    }

    /*.manset-kolon .oge .onizleme.dikey {display: none; } 
.reklam-var .manset-kolon .oge .onizleme {display: none; } 
.reklam-var .manset-kolon .oge .onizleme.dikey {display: inline-block; } */
    .manset-kolon .oge .onizleme:before {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        /*background-image:linear-gradient(to bottom left,rgba(245,121,42,0.3) 0,rgba(245,121,42,0) 100%); */
    }

    .manset-kolon .oge .tur-icon {
        left: 10px;
        top: 10px;
        margin: 0;
    }

    /*.manset-kolon .oge.boyut-1 .onizleme .tur-icon {bottom:10px; left:10px; top:auto; } 
.manset-kolon .oge.boyut-2 .onizleme .tur-icon {left:10px; } */
    /*.manset-kolon .oge.renk-1 .onizleme:before {background-image:linear-gradient(to bottom left,rgba(255,0,0,0.3) 0,rgba(255,0,0,0) 100%); } 
.manset-kolon .oge.renk-2 .onizleme:before {background-image:linear-gradient(to bottom left,rgba(0,255,162,0.3) 0,rgba(0,255,162,0) 100%); } 
.manset-kolon .oge.renk-3 .onizleme:before {background-image:linear-gradient(to bottom left,rgba(255,0,204,0.3) 0,rgba(255,0,204,0) 100%); } */
    .manset-kolon .oge .videonizleme {
        float: left;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -100;
        transform: translateX(-50%) translateY(-50%);
    }

    .manset-kolon .oge .govde {
        width: calc(100% - 40px);
        padding: 20px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 11;
        color: #fff;
        /*position:absolute; bottom:0; left:0; background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 90%); */
    }

    /*.manset-kolon .oge:hover .govde {background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 90%); } */
    .manset-kolon .oge.boyut-1 .govde {
        /*text-align:center; */
        top: 0;
    }

    .manset-kolon .oge.boyut-2 .govde {
        /*text-align:center; */
    }

    .manset-kolon .oge .govde .baslik {
        width: 100%;
        margin: 0 0 5px 0;
        font-size: 20pt;
        line-height: 24pt;
        text-shadow: 0 1px 2px #000;
        font-family: "Ubuntu", Arial;
        z-index: 10;
        position: relative;
        font-weight: bold;
    }

    .manset-kolon .oge:hover .govde .baslik {
        /*opacity:0.1; */
        display: none;
    }

    .manset-kolon .oge.boyut-1:hover .govde .baslik {
        /*display:none; */
        font-size: 11pt;
        line-height: 15pt;
    }

    /*.manset-kolon .oge:hover .govde .baslik {opacity:0.5; } */
    .manset-kolon .oge:active .govde .baslik {
        color: #dedede;
    }

/*.manset-kolon .oge.boyut-1 .govde .baslik {font-size:16pt; line-height:20pt; } 
.manset-kolon .oge.boyut-2 .govde .baslik {font-size:20pt; line-height:24pt; } */
.reklam-var .manset-kolon .oge .govde .baslik {
    font-size: 16pt;
    line-height: 20pt;
}

.manset-kolon .oge .govde .aciklama {
    width: 100%;
    font-size: 12pt;
    line-height: 17pt;
    color: #fff;
    display: none;
    margin: 10px 0;
    text-shadow: 0 1px 2px #000;
}

    .manset-kolon .oge .govde .aciklama:first-letter {
        font-size: 40pt !important;
        line-height: 32pt !important;
        float: left;
        margin: -2px 5px 0 -5px;
        font-family: "Ubuntu", Arial;
        color: #fff;
        /*html'den manuel olarak veriliyor bu renk artık*/
        /*text-shadow:0 0 2px #000; */
        text-shadow: 0 0 1px #fff !important;
    }

/*.manset-kolon .oge.renk-1 .govde .aciklama:first-letter {color:#A9AAA7; } 
.manset-kolon .oge.renk-2 .govde .aciklama:first-letter {color:#EEF5DB; } 
.manset-kolon .oge.renk-3 .govde .aciklama:first-letter {color:#EC91D8; } */
.manset-kolon .oge:hover .govde .aciklama {
    display: inline-block;
    max-height: 240px;
}

/*.manset-kolon .oge:hover .govde .aciklama {opacity:0.5; } */
.manset-kolon .oge .damga {
    position: absolute;
    top: 10px;
    right: 0;
    width: 80px;
    height: 80px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);
}

.manset-kolon .oge.boyut-1 .damga {
    top: auto;
    bottom: 10px;
}

.manset-kolon .oge:hover .damga {
    display: none;
}

.manset-kolon .oge .damga img {
    width: 100%;
    height: 100%;
}

.manset-kolon .oge .yukleniyor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.8);
    background-image: url(../img/yukleniyor.svg);
    background-repeat: no-repeat;
    background-position: center;
}

/* Medya Dev ve Kapsam (Üstteki Slayt ile Aynı Mantık Çalışıyor) */

.medya-dev-kapsam {
    width: 100%;
    /*height:670px; */
    height: 490px;
    float: left;
    overflow: hidden;
    margin: 0 0 40px 0;
    padding: 0;
}

    .medya-dev-kapsam .manset-kolon {
        padding: 0;
        width: 100%;
    }

    .medya-dev-kapsam .owl-carousel {
        display: none;
        position: relative;
        width: calc(100% - 1px);
    }

    .medya-dev-kapsam .owl-wrapper {
        display: none;
        position: relative;
    }

    .medya-dev-kapsam .owl-wrapper-outer {
        position: relative;
        width: 100%;
        float: left;
    }

    /*.medya-dev-kapsam .owl-controls {position:absolute; top:30px; right:30px; } */
    .medya-dev-kapsam .owl-nav div {
        cursor: pointer;
        color: #fff;
        width: 24px;
        height: 80px;
        line-height: 85px;
        padding: 10px 0;
        font-size: 15pt !important;
        text-align: center;
        font-size: 11pt;
        background: rgba(0, 0, 0, 0.77);
        position: absolute;
        top: 50%;
        margin: -85px 0 0 0;
        z-index: 11;
    }

    .medya-dev-kapsam .owl-nav .owl-prev {
        left: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .medya-dev-kapsam .owl-nav .owl-next {
        right: 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .medya-dev-kapsam .owl-nav div:hover {
        background: #fff;
        color: #f60;
        width: 30px;
    }

    .medya-dev-kapsam .owl-nav div:active {
        background: #dedede;
        color: #333;
        width: 30px;
    }

    .medya-dev-kapsam .owl-dots {
        position: absolute;
        z-index: 11;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

        .medya-dev-kapsam .owl-dots .owl-dot {
            width: 18px;
            height: 18px;
            border-radius: 20px;
            background: #ccc;
            cursor: pointer;
            margin: 0 2px;
        }

            .medya-dev-kapsam .owl-dots .owl-dot.active {
                background: #f60;
            }

    .medya-dev-kapsam .kaydir
    /* dokunmatik ekranlar için */ {
        width: 100%;
        height: 300px;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .medya-dev-kapsam .kaydir .manset-kolon {
            width: 3580px;
            height: 260px;
        }

            .medya-dev-kapsam .kaydir .manset-kolon .oge {
                width: 455px;
                margin-bottom: 30px;
                height: 260px;
            }

                .medya-dev-kapsam .kaydir .manset-kolon .oge.boyut-1 {
                    width: 240px;
                }

                .medya-dev-kapsam .kaydir .manset-kolon .oge.boyut-2 {
                    width: 350px;
                }

                .medya-dev-kapsam .kaydir .manset-kolon .oge .onizleme {
                    height: 260px;
                }

.medya-dev {
    width: 100%;
    /*height:641px; */
    height: 460px;
    background: #333;
    position: relative;
    float: left;
    /*border-radius:3px; */
}

    .medya-dev .onizleme {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        position: relative;
        /*border-top-left-radius:3px; border-top-right-radius:3px; */
    }

    .medya-dev .govde {
        width: calc(100% - 60px);
        padding: 100px 30px 0 30px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
        color: #fff;
        min-width: initial;
        float: initial;
        background-color: initial;
    }

    .medya-dev .post-baslik {
        color: #fff;
    }

    .medya-dev .surmanset {
        color: #ccc;
    }

        .medya-dev .surmanset:before {
            color: #ccc;
        }

    .medya-dev .bakanlar {
        position: absolute;
        top: 20px;
        right: 0;
        background: #f00;
        color: #fff;
        font-size: 10pt;
        line-height: 20px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        padding: 4px 7px 3px 10px;
        box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
    }

        .medya-dev .bakanlar .simge {
            float: left;
            margin: 0 5px 0 0;
            font-size: 13pt;
            height: 20px;
        }

            .medya-dev .bakanlar .simge * {
                line-height: 20px;
            }

        .medya-dev .bakanlar .nedir {
            float: right;
        }

/*.medya-dev .bilgi {width:100%; font-size:10pt; line-height:13pt; color:#f5792a; } */
/*.medya-dev .aciklama {width:100%; font-size:22px; line-height:30px; color:#dedede; margin:0 0 20px 0; } */

/* Manşet içi Slayt (Noktalı) Stilleri */

.ekslaytkapsam {
    width: 100%;
    height: 300px;
}

    .ekslaytkapsam .nedir {
        line-height: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 224;
        font-size: 8pt;
        color: #999;
        background: rgba(255, 255, 255, 0.2);
        padding: 0 7px;
        border-top-right-radius: 3px;
    }

        .ekslaytkapsam .nedir:hover {
            color: #fff;
            background: #f60;
        }

    .ekslaytkapsam .ekslayt {
        width: 100%;
        height: 300px;
        z-index: 10;
        position: relative;
    }

        .ekslaytkapsam .ekslayt .ekoge {
            width: 100%;
            height: 300px;
            position: relative;
            display: none;
        }

            .ekslaytkapsam .ekslayt .ekoge.aktif {
                display: inline-block;
            }

            .ekslaytkapsam .ekslayt .ekoge:before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                top: 0;
                right: 0;
                color: #fff;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
                z-index: 10;
            }

            .ekslaytkapsam .ekslayt .ekoge:hover:before {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 90%);
            }

            .ekslaytkapsam .ekslayt .ekoge .ekonizleme {
                width: 100%;
                height: 300px;
                background-size: cover;
                background-position: center;
                position: relative;
                float: left;
            }

            .ekslaytkapsam .ekslayt .ekoge:hover .ekonizleme {
                -ms-transform: scale(1.05, 1.05);
                -webkit-transform: scale(1.05, 1.05);
                transform: scale(1.05, 1.05);
                -webkit-filter: blur(5px);
                opacity: 0.5;
            }

            .ekslaytkapsam .ekslayt .ekoge .ekonizleme:before {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                content: "";
            }

            .ekslaytkapsam .ekslayt .ekoge .tur-icon {
                left: 10px;
                top: 10px;
                margin: 0;
            }

            .ekslaytkapsam .ekslayt .ekoge .ekgovde {
                width: calc(100% - 40px);
                padding: 20px 20px 45px 20px;
                position: absolute;
                bottom: 0;
                right: 0;
                z-index: 11;
                color: #fff;
                /*text-align: center; */
            }

                .ekslaytkapsam .ekslayt .ekoge .ekgovde .baslik {
                    width: 100%;
                    margin: 0 0 5px 0;
                    font-size: 20pt;
                    line-height: 24pt;
                    text-shadow: 0 1px 2px #000;
                    font-family: "Ubuntu", Arial;
                    z-index: 10;
                    position: relative;
                    font-weight: bold;
                }

            .ekslaytkapsam .ekslayt .ekoge:hover .ekgovde .baslik {
                display: none;
                /*color: #999; */
            }

            .ekslaytkapsam .ekslayt .ekoge:active .ekgovde .baslik {
                color: #dedede;
            }

            .ekslaytkapsam .ekslayt .ekoge .ekgovde .aciklama {
                width: 100%;
                font-size: 12pt;
                line-height: 17pt;
                color: #fff;
                display: none;
                margin: 10px 0;
                text-shadow: 0 1px 2px #000;
            }

            /*.ekslaytkapsam .ekslayt .ekoge .ekgovde .aciklama:first-letter {font-size:40pt !important; line-height:32pt !important; float:left; margin:-2px 5px 0 -5px; font-family: 'Ubuntu', Arial; color:#fff; text-shadow:0 0 1px #fff !important; } */
            .ekslaytkapsam .ekslayt .ekoge:hover .ekgovde .aciklama {
                display: inline-block;
                max-height: 240px;
            }

            /*.manset-kolon .oge:hover .govde .aciklama {opacity:0.5; } */
            .ekslaytkapsam .ekslayt .ekoge .ekdamga {
                position: absolute;
                top: 10px;
                right: 0;
                width: 80px;
                height: 80px;
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                background: #fff;
                box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);
            }

                /*.ekslaytkapsam .ekslayt .ekoge:hover .ekdamga {display:none; } */
                .ekslaytkapsam .ekslayt .ekoge .ekdamga img {
                    width: 100%;
                    height: 100%;
                }

            .ekslaytkapsam .ekslayt .ekoge .yukleniyor {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 11;
                background-color: rgba(0, 0, 0, 0.8);
                background-image: url(../img/yukleniyor.svg);
                background-repeat: no-repeat;
                background-position: center;
            }

            .ekslaytkapsam .ekslayt .ekoge.dark::after {
                content: "";
                z-index: 99;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.63);
            }

            .ekslaytkapsam .ekslayt .ekoge.swiping {
                position: absolute;
                top: 0;
                -webkit-transition: all 0.25s ease;
                -moz-transition: all 0.25s ease;
                -o-transition: all 0.25s ease;
                -ms-transition: all 0.25s ease;
                transition: all 0.25s ease;
                z-index: 99;
            }

    .ekslaytkapsam .ekslaytnoktalari {
        /*width: 100%; */
        width: 350px;
        position: absolute;
        bottom: 0;
        left: 50%;
        z-index: 99;
        padding: 5px 0 15px 0;
        text-align: center;
        margin-left: -175px;
    }

        .ekslaytkapsam .ekslaytnoktalari .sirano {
            width: 20px;
            height: 20px;
            line-height: 20px;
            /*margin: 3px 1px; */
            margin: 3px 3px;
            border-radius: 20px;
            font-size: 8pt;
            color: #fff;
            background: rgba(255, 255, 255, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.4);
            float: left;
        }

            .ekslaytkapsam .ekslaytnoktalari .sirano.aktif {
                background: #f5792a;
                border: 1px solid #f5792a;
                color: #fff;
                font-weight: bold;
                font-size: 11pt;
            }

            .ekslaytkapsam .ekslaytnoktalari .sirano.reklam {
                /*width:0; height: 0; border: none; margin: 0 -2px; font-size: 0; */
                font-size: 0;
            }

                .ekslaytkapsam .ekslaytnoktalari .sirano.reklam.aktif {
                    /*width:0; height: 0; border: none; margin: 0 -2px; font-size: 0; */
                    font-size: 8pt;
                }

/* Klasik Manşet */

.klasik-manset {
    width: 100%;
    float: left;
}

    .klasik-manset .slayt-alani {
        width: 730px;
        padding: 5px 5px 5px 4px;
        float: left;
        background: #f1f1f1;
        border-left: 1px solid #e4e4e4;
        position: relative;
        z-index: 1;
        font-family: "Ubuntu", Arial;
    }

    .klasik-manset #klasik-manset .contentdiv {
        width: calc(100% - 90px);
        height: 360px;
        position: relative;
        z-index: 2;
        float: right;
    }

        .klasik-manset #klasik-manset .contentdiv .onizleme {
            width: 100%;
            height: 360px;
            border-radius: 3px;
            background-size: cover;
            background-position: center;
        }

        /*#klasik-manset .contentdiv .onizleme img { width: 100%; height: 360px; } */
        .klasik-manset #klasik-manset .contentdiv .bandrol {
            position: absolute;
            top: 10px;
            right: 10px;
            line-height: 24px;
            background: #f5792a;
            color: #fff;
            font-weight: bold;
            font-size: 11pt;
            padding: 0 7px;
            border-radius: 3px;
        }

    .klasik-manset #klasik-manset .kucuk-resimler {
        width: 80px;
        position: absolute;
        left: 5px;
        top: 3px;
        z-index: 3;
    }

        .klasik-manset #klasik-manset .kucuk-resimler a {
            width: 100%;
            height: 45px;
            float: left;
            border-radius: 6px;
            background-size: cover;
            background-position: center;
            border: 3px solid #f1f1f1;
        }

            .klasik-manset #klasik-manset .kucuk-resimler a.selected {
                border: 3px solid #f5792a;
                width: 92px;
                height: 52px;
                margin-left: -11px;
            }

    /* Popüler Haberler (Klasik) */

    .klasik-manset .populer-haberler {
        width: 398px;
        border-right: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        float: right;
        background: #dedede;
    }

    .klasik-manset .populer-baslik {
        width: calc(100% - 14px);
        float: left;
        background: #fff;
        color: #f60;
        padding: 4px 5px 4px 9px;
        font-weight: bold;
        line-height: 18px;
    }

        .klasik-manset .populer-baslik span {
            float: right;
            color: #666;
            font-size: 9pt;
            font-weight: normal;
        }

    .klasik-manset .populer-tek {
        width: calc(100% - 4px);
        float: left;
        background: #f1f1f1;
        padding: 3px 2px;
        border-top: 1px solid #e4e4e4;
    }

        .klasik-manset .populer-tek.tooltip {
            z-index: inherit;
        }

            .klasik-manset .populer-tek.tooltip:hover:after {
                width: 300px;
                margin-left: -160px;
                font-size: 10pt;
                line-height: 16px;
                letter-spacing: 0.2px;
                top: -1px;
                right: calc(100% + 1px);
                left: inherit;
                border-radius: 3px;
                text-align: left;
            }

        .klasik-manset .populer-tek.alt {
            background: #fff;
        }

        .klasik-manset .populer-tek:hover {
            background: #fef1e0;
        }

        .klasik-manset .populer-tek.alt:hover {
            background: #fdf4e5;
        }

        .klasik-manset .populer-tek .simge {
            float: left;
            width: 36px;
            height: 36px;
            margin: 0 10px 0 0;
            background-size: cover;
            background-position: center;
            border-radius: 5px;
        }

        .klasik-manset .populer-tek .govde {
            float: left;
            width: calc(100% - 120px);
            height: 36px;
        }

            .klasik-manset .populer-tek .govde .baslik {
                float: left;
                width: 100%;
                font-size: 10.5pt;
                letter-spacing: 0.1px;
                line-height: 16px;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                max-height: 32px;
                overflow: hidden;
            }

        .klasik-manset .populer-tek .hit {
            float: right;
            width: 60px;
            text-align: center;
            color: #f60;
            font-size: 9pt;
            line-height: 24px;
            border-radius: 15px;
            position: relative;
            margin: 5px 5px 5px 0;
            background: #fff;
            border: 1px solid #e4e4e4;
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.06);
        }

        .klasik-manset .populer-tek.alt .hit {
            background: #f1f1f1;
        }

        .klasik-manset .populer-tek:hover .hit {
            font-weight: bold;
            font-size: 10pt;
            letter-spacing: 0.2px;
        }

        .klasik-manset .populer-tek .hit span {
            position: absolute;
            line-height: 14px;
            bottom: -5px;
            right: -3px;
            color: #999;
        }

        .klasik-manset .populer-tek:hover .hit span {
            bottom: -6px;
            right: -4px;
            color: #f60;
        }

/* Klasik Manşet */

.klasik-manset2 {
    width: 100%;
    float: left;
    background-image: url(../temp/slayt-arkasi-blur.jpg);
    background-size: cover;
    background-position: center;
}

    .klasik-manset2 .slayt-alani {
        width: 618px;
        padding: 10px 10px 10px 10px;
        float: left;
        border-left: 1px solid #e4e4e4;
        position: relative;
        z-index: 1;
        font-family: "Ubuntu", Arial;
    }

    .klasik-manset2 #klasik-manset2 .contentdiv {
        width: calc(100% - 102px);
        height: 290px;
        position: relative;
        z-index: 2;
        float: right;
        border: 1px solid #777;
        border-radius: 4px;
    }

        .klasik-manset2 #klasik-manset2 .contentdiv .onizleme {
            width: 100%;
            height: 290px;
            border-radius: 3px;
            background-size: cover;
            background-position: center;
        }

        /*#klasik-manset .contentdiv .onizleme img { width: 100%; height: 360px; } */
        .klasik-manset2 #klasik-manset2 .contentdiv .bandrol {
            position: absolute;
            top: 10px;
            right: 10px;
            line-height: 24px;
            background: #f5792a;
            color: #fff;
            font-weight: bold;
            font-size: 11pt;
            padding: 0 7px;
            border-radius: 3px;
        }

        .klasik-manset2 #klasik-manset2 .contentdiv .dinamik-baslik {
            position: absolute;
            bottom: 0;
            left: 0;
            color: #fff;
            font-weight: bold;
            font-size: 20pt;
            line-height: 24pt;
            padding: 70px 20px 15px 20px;
            width: calc(100% - 40px);
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 70%);
        }

    .klasik-manset2 #klasik-manset2 .kucuk-resimler {
        width: 90px;
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 3;
    }

        .klasik-manset2 #klasik-manset2 .kucuk-resimler a {
            width: 100%;
            height: 50px;
            float: left;
            border-radius: 4px;
            background-size: cover;
            background-position: center;
            margin: 0 0 7px 0;
            border: 1px solid #777;
        }

            .klasik-manset2 #klasik-manset2 .kucuk-resimler a.selected {
                border: 2px solid #fff;
                width: 94px;
                height: 52px;
                margin-left: -3px;
                border-radius: 6px;
            }

    /* Popüler Haberler (Klasik) */

    .klasik-manset2 .populer-haberler {
        width: 500px;
        font-family: "Ubuntu", Arial;
        border-right: 1px solid #e4e4e4;
        float: right;
        position: relative;
    }

    .klasik-manset2 .populer-tek {
        width: calc(100% - 2px);
        float: left;
        background: rgba(0, 0, 0, 0.3);
        padding: 2px 0 3px 2px;
        /*border-top: 1px solid #666; */
    }

        .klasik-manset2 .populer-tek:hover {
            background: rgba(0, 0, 0, 0.8);
        }

        .klasik-manset2 .populer-tek .simge {
            float: left;
            width: 30px;
            height: 30px;
            margin: 2px 10px 2px 2px;
            background-size: cover;
            background-position: center;
            border-radius: 5px;
            position: relative;
        }

            .klasik-manset2 .populer-tek .simge::after {
                content: "";
                position: absolute;
                top: 50%;
                right: calc(100% + 4px);
                margin-top: -7px;
                border-width: 7px;
                border-style: solid;
                border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
                z-index: 5;
                display: none;
            }

        .klasik-manset2 .populer-tek:hover .simge::after {
            display: inline-block;
        }

        .klasik-manset2 .populer-tek .govde {
            float: left;
            width: calc(100% - 75px);
            height: 34px;
        }

            .klasik-manset2 .populer-tek .govde .baslik {
                float: left;
                width: 100%;
                font-size: 12pt;
                line-height: 32px;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                max-height: 32px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-weight: bold;
                color: #fff;
            }

        .klasik-manset2 .populer-tek .pozisyon {
            float: right;
            width: 24px;
            height: 24px;
            margin: 5px 3px 5px 0;
        }

            .klasik-manset2 .populer-tek .pozisyon img {
                width: 100%;
                height: 100%;
            }

        .klasik-manset2 .populer-tek .onizleme {
            position: absolute;
            right: calc(100% + 4px);
            top: 5px;
            width: 627px;
            height: 301px;
            background: #fff;
            z-index: 2;
            background-size: cover;
            background-position: center;
            border-radius: 5px;
            border: 1px solid #777;
            display: none;
        }

        .klasik-manset2 .populer-tek:hover .onizleme {
            display: inline-block;
        }

        .klasik-manset2 .populer-tek .onizleme .tam-baslik {
            position: absolute;
            bottom: 0;
            left: 0;
            color: #fff;
            font-weight: bold;
            font-size: 20pt;
            line-height: 24pt;
            padding: 70px 20px 15px 20px;
            width: calc(100% - 40px);
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 70%);
            border-radius: 5px;
            text-align: center;
        }

.klasik-manset4 {
    width: 100%;
    height: 384px;
    font-family: "Ubuntu";
    padding: 0 30px;
    float: left;
    box-sizing: border-box;
    background: #e4e4e4;
    overflow: hidden;
    position: relative;
    border-bottom: 30px solid #e4e4e4;
    border-top: 30px solid #e4e4e4;
}

    .klasik-manset4 .left {
        width: 651px;
        float: left;
        height: 100%;
    }

        .klasik-manset4 .left .changes-image {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 5px 0 0 5px;
            box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
            border-radius: 5px 0 0 5px;
        }

    .klasik-manset4 .right {
        width: calc(100% - 651px);
        float: right;
        height: 100%;
        background-color: #dedede;
        position: relative;
    }

        .klasik-manset4 .right:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            box-shadow: inset 0 0 21px 9px rgba(0, 0, 0, 0.85);
            border-radius: 0 5px 5px 0;
            background-color: rgba(0, 0, 0, 0.5);
            pointer-events: none;
        }

        .klasik-manset4 .right ul {
            width: 100%;
            float: left;
        }

            .klasik-manset4 .right ul li {
                width: 100%;
                float: left;
                position: relative;
            }

                .klasik-manset4 .right ul li a {
                    width: 100%;
                    float: left;
                    padding: 6px 8px 6px 6px;
                    box-sizing: border-box;
                    position: relative;
                }

                    .klasik-manset4 .right ul li a .icon {
                        width: 24px;
                        height: 24px;
                        float: left;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center center;
                        margin: 0 10px 0 0;
                        position: relative;
                    }

                    .klasik-manset4 .right ul li a .status {
                        float: right;
                        width: 24px;
                        height: 24px;
                        margin: 0 0 0 10px;
                    }

                    .klasik-manset4 .right ul li a .title {
                        max-width: calc(100% - 68px);
                        float: left;
                        color: #333;
                        font-size: 17px;
                        font-weight: bold;
                        line-height: 24px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        position: relative;
                    }

                    .klasik-manset4 .right ul li a .view-count {
                        float: right;
                        line-height: 24px;
                        margin: 0 0 0 10px;
                        color: #333;
                        font-size: 14px;
                        display: none;
                        position: relative;
                    }

                .klasik-manset4 .right ul li:last-child::after {
                    top: initial !important;
                    transform: none !important;
                    bottom: 6px;
                }

                .klasik-manset4 .right ul li:first-child::after {
                    transform: none !important;
                    top: 6px !important;
                }

                .klasik-manset4 .right ul li.active a * {
                    z-index: 99;
                }

                .klasik-manset4 .right ul li.active a .title {
                    max-width: calc(100% - 110px);
                }

                .klasik-manset4 .right ul li.active a .status {
                    display: none;
                }

                .klasik-manset4 .right ul li.active a .view-count {
                    display: inline-block;
                }

                .klasik-manset4 .right ul li.active {
                    background-color: #dedede;
                    z-index: 99;
                }

                    .klasik-manset4 .right ul li.active a:after {
                        content: "";
                        position: absolute;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        width: 20px;
                        background-image: linear-gradient(to right, #dedede 55%, rgba(0, 0, 0, 0.85) 100%);
                    }

                    .klasik-manset4 .right ul li.active a:before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        width: 60px;
                        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, #dedede 90%);
                    }

                .klasik-manset4 .right ul li:before,
                .klasik-manset4 .right ul li:after {
                    content: initial !important;
                }

            .klasik-manset4 .right ul:hover li.active:before {
                content: "" !important;
            }

            .klasik-manset4 .right ul:hover li.active:after {
                content: attr(data-title) !important;
            }

            .klasik-manset4 .right ul li.active:before {
                content: "";
                position: absolute;
                left: -651px;
                height: 211px;
                border-radius: 5px;
                opacity: 0.8;
                width: 651px;
                top: -88px;
                background-image: url("../img/manset-bg.png");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
            }

            .klasik-manset4 .right ul li.active:after {
                position: absolute;
                left: -430px;
                top: 50%;
                transform: translate(0, -50%);
                width: 410px;
                font-size: 22px;
                color: #fff;
                font-weight: bold;
                line-height: 28px;
                text-align: right;
            }

/* Klasik Manşet */

.klasik-manset3 {
    width: 100%;
    float: left;
    /*background-image: url(../temp/slayt-arkasi-blur.jpg); background-size: cover; background-position: center; */
    background: #e4e4e4;
}

    .klasik-manset3 .slayt-alani {
        width: 625px;
        padding: 30px 0 0 26px;
        float: left;
        /*border-left: 1px solid #e4e4e4; */
        position: relative;
        z-index: 1;
        font-family: "Ubuntu", Arial;
    }

/*.klasik-manset3 #klasik-manset3 { } */

.klasik-ekslayt-kapsam {
    width: 100%;
    height: 352px;
    overflow: hidden;
    border-radius: 5px;
    /*border: 1px solid #777; */
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

    .klasik-ekslayt-kapsam .ekslayt {
        width: 100%;
        height: 352px;
        z-index: 10;
        position: relative;
    }

    .klasik-ekslayt-kapsam .ekoge {
        width: 100%;
        height: 352px;
        position: relative;
        display: none;
    }

        .klasik-ekslayt-kapsam .ekoge.aktif {
            display: inline-block;
        }

    .klasik-ekslayt-kapsam .ekslayt .ekoge:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        color: #fff;
        /*background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%); */
        z-index: 10;
    }

    /*.klasik-ekslayt-kapsam .ekslayt .ekoge:hover:before {background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 90%); } */
    .klasik-ekslayt-kapsam .ekslayt .ekoge .ekonizleme {
        width: 100%;
        height: 352px;
        background-size: cover;
        background-position: top;
        position: relative;
        float: left;
    }

        /*.klasik-ekslayt-kapsam .ekslayt .ekoge:hover .ekonizleme {-ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-filter: blur(5px); opacity:0.5; } */
        .klasik-ekslayt-kapsam .ekslayt .ekoge .ekonizleme:before {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            content: "";
        }

    .klasik-ekslayt-kapsam .ekslayt .ekoge .tur-icon {
        right: 20px;
        bottom: 20px;
        top: inherit;
        border-radius: 60px;
        transition: all 0.05s ease-in-out;
    }

        .klasik-ekslayt-kapsam .ekslayt .ekoge .tur-icon .icon-play {
            width: 30px;
            height: 40px;
        }

    .klasik-ekslayt-kapsam .ekslayt .ekoge:hover .tur-icon {
        transform: scale(1.4);
        opacity: 0.5;
    }

    .klasik-ekslayt-kapsam .ekslayt .ekoge .ekgovde {
        width: calc(100% - 40px);
        padding: 20px 20px 45px 20px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 11;
        color: #fff;
        /*text-align: center; */
    }

        .klasik-ekslayt-kapsam .ekslayt .ekoge .ekgovde .baslik {
            width: 100%;
            margin: 0 0 5px 0;
            font-size: 20pt;
            line-height: 24pt;
            text-shadow: 0 1px 2px #000;
            font-family: "Ubuntu", Arial;
            z-index: 10;
            position: relative;
            font-weight: bold;
        }

    .klasik-ekslayt-kapsam .ekslayt .ekoge:active .ekgovde .baslik {
        color: #dedede;
    }

    .klasik-ekslayt-kapsam .ekslayt .ekoge .ekgovde .aciklama {
        width: 100%;
        font-size: 12pt;
        line-height: 17pt;
        color: #fff;
        display: none;
        margin: 10px 0;
        text-shadow: 0 1px 2px #000;
    }

    /*.ekslaytkapsam .ekslayt .ekoge .ekgovde .aciklama:first-letter {font-size:40pt !important; line-height:32pt !important; float:left; margin:-2px 5px 0 -5px; font-family: 'Ubuntu', Arial; color:#fff; text-shadow:0 0 1px #fff !important; } */
    .klasik-ekslayt-kapsam .ekslayt .ekoge:hover .ekgovde .aciklama {
        display: inline-block;
        max-height: 240px;
    }

    /*.manset-kolon .oge:hover .govde .aciklama {opacity:0.5; } */
    .klasik-ekslayt-kapsam .ekslayt .ekoge .yukleniyor {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 11;
        background-color: rgba(0, 0, 0, 0.8);
        background-image: url(../img/yukleniyor.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .klasik-ekslayt-kapsam .ekslaytnoktalari {
        width: 100%;
        text-align: center;
        position: relative;
        bottom: 40px;
        z-index: 99;
        padding: 5px 0 10px 0;
        text-align: center;
    }

        .klasik-ekslayt-kapsam .ekslaytnoktalari .sirano {
            width: 18px;
            height: 18px;
            line-height: 18px;
            /*margin: 3px 1px; */
            margin: 2px 2px;
            border-radius: 20px;
            font-size: 8pt;
            color: #fff;
            background: rgba(255, 255, 255, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.4);
        }

            .klasik-ekslayt-kapsam .ekslaytnoktalari .sirano.aktif {
                background: #f5792a;
                border: 1px solid #f5792a;
                color: #fff;
                font-weight: bold;
                font-size: 11pt;
            }

            .klasik-ekslayt-kapsam .ekslaytnoktalari .sirano.reklam {
                font-size: 0;
            }

                .klasik-ekslayt-kapsam .ekslaytnoktalari .sirano.reklam.aktif {
                    line-height: 32px;
                    font-size: 8pt;
                }

                    .klasik-ekslayt-kapsam .ekslaytnoktalari .sirano.reklam.aktif:before {
                        position: relative;
                        bottom: 8px;
                        content: "R";
                    }

    .klasik-ekslayt-kapsam .ekslayt .ekoge.dark::after {
        content: "";
        z-index: 99;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.63);
    }

    .klasik-ekslayt-kapsam .ekslayt .ekoge.swiping {
        position: absolute;
        top: 0;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        z-index: 99;
    }

/* Popüler Haberler (Klasik) */

.klasik-manset3 .populer-haberler {
    width: 433px;
    font-family: "Ubuntu", Arial;
    /*border-right: 1px solid #e4e4e4; */
    float: right;
    position: relative;
    margin: 30px 30px 0 0;
    /*border: 1px solid #f5792a; */
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
}

.klasik-manset3 .populer-tek {
    width: 100%;
    float: left;
    /*background: rgb(0,0,0,0.3); */
    background: #fff;
    padding: 2.65px 0 2.65px 0;
    /*border-top: 1px solid #666; */
    border-radius: 5px;
    cursor: pointer;
}

    /*.klasik-manset3 .populer-tek:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } 
.klasik-manset3 .populer-tek:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } */
    .klasik-manset3 .populer-tek:hover {
        /*background: rgb(0,0,0,0.8); */
        background: #dedede;
    }

    .klasik-manset3 .populer-tek .simge {
        float: left;
        width: 26px;
        height: 26px;
        margin: 4px 10px 4px 5px;
        background-size: cover;
        background-position: center;
        border-radius: 5px;
        position: relative;
        background-size: 18px 18px;
        background-repeat: no-repeat;
        border-radius: 3px;
        background-color: #fff;
    }

        .klasik-manset3 .populer-tek .simge::after {
            content: "";
            position: absolute;
            top: 50%;
            right: calc(100% + 6px);
            margin-top: -13px;
            border-width: 13px;
            border-style: solid;
            border-color: transparent
            /*rgb(0,0,0,0.8)*/
            #f5792a transparent transparent;
            z-index: 5;
            display: none;
        }

    .klasik-manset3 .populer-tek:hover .simge::after {
        display: inline-block;
    }

    .klasik-manset3 .populer-tek .govde {
        float: left;
        width: calc(100% - 75px);
        height: 34px;
    }

        .klasik-manset3 .populer-tek .govde .baslik {
            float: left;
            width: 100%;
            font-size: 12pt;
            line-height: 32px;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            max-height: 32px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight: 500;
            color: #333;
            letter-spacing: -0.18px;
            font-family: "Ubuntu - Medium";
        }

    .klasik-manset3 .populer-tek .pozisyon {
        float: right;
        width: 24px;
        height: 24px;
        margin: 5px 3px 5px 0;
    }

        .klasik-manset3 .populer-tek .pozisyon img {
            width: 100%;
            height: 100%;
        }

    .klasik-manset3 .populer-tek .onizleme {
        position: absolute;
        right: calc(100% + 26px);
        top: 0;
        width: 625px;
        height: 352px;
        background: #fff;
        z-index: 2;
        background-size: cover;
        background-position: center;
        border-radius: 5px;
        /*border: 1px solid #777; */
        display: none;
    }

    .klasik-manset3 .populer-tek:hover .onizleme {
        display: inline-block;
    }

    .klasik-manset3 .populer-tek .onizleme .tam-baslik {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        font-weight: bold;
        font-size: 20pt;
        line-height: 24pt;
        padding: 70px 20px 15px 20px;
        width: calc(100% - 40px);
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 70%);
        border-radius: 5px;
        text-align: center;
    }

/* Anasayfa Düzenleri */

.kolon.genis {
    width: calc(100% - 400px);
    float: left;
    padding: 28px 30px 30px 0;
    /*background:#dedede; */
}

.kolon.full {
    width: 100%;
    float: left;
    padding: 28px 30px 30px 0;
    /*background:#dedede; */
}

.kolon.genis.duzen-blog {
    padding-top: 28px;
}

.kolon.genis.duzen-liste {
    padding-top: 28px;
}

.ozel-liste-video .kolon.genis {
    padding: 28px 30px 30px 25px;
    width: calc(100% - 425px);
}

/* Masonry (Döşeme) Stilleri */

.kolon.genis.duzen-masonry {
    width: calc(100% - 30px);
    min-height: 1000px;
    padding-top: 10px;
    /*background:url(../temp/doseme-bg-1.jpg) left top; */
}

.kolon.full {
    width: 100%;
    float: left;
    padding: 30px;
    box-sizing: border-box;
}

.wrapper {
    width: 100%;
    float: left;
}

.masonry {
    width: 100%;
    float: left;
    margin-top: 30px;
}

    .masonry .oge {
        width: calc(33.3% - 30px);
        float: left;
        margin: -13px 0 13px 30px;
        z-index: 2;
    }

        .masonry .oge.genis {
            width: calc(66.666% - 30px);
        }

        .masonry .oge.genisleyebilir {
            width: calc(33.3% - 30px);
        }

        .masonry .oge.tam {
            width: calc(100% - 30px);
        }

        .masonry .oge .medya {
            /*width: calc(100% - 2px); */
            width: 100%;
            margin: 0 0 30px 0;
        }

        .masonry .oge .anket {
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
        }

        .masonry .oge .infografik {
            width: 100%;
            border-radius: 3px;
            background-image: linear-gradient(to bottom, #f60, #dfe1c2);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
            padding: 15px 9px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            gap: 19px;
            margin-bottom: 30px;
        }

            .masonry .oge .infografik .head {
                padding: 3px 10px 0;
                display: flex;
                flex-direction: row;
                gap: 10px;
                align-items: center;
            }

                .masonry .oge .infografik .head .icon {
                    width: 24px;
                }

                .masonry .oge .infografik .head .title {
                    font-family: Arial;
                    font-size: 17px;
                    font-weight: bold;
                    color: #fff;
                }

                .masonry .oge .infografik .head .show-all {
                    border-radius: 3px;
                    background-color: rgba(255, 255, 255, 0.25);
                    font-family: Arial;
                    font-size: 10px;
                    font-weight: bold;
                    letter-spacing: 0.3px;
                    text-align: center;
                    color: #fff;
                    margin-left: auto;
                    padding: 5px 10px;
                }

            .masonry .oge .infografik .content {
                padding: 0;
            }

                .masonry .oge .infografik .content img {
                    max-width: 100%;
                }

/* Masonry'e, Anasayfa Hibrit Eklemeleri */

.kolon.genis.duzen-hibrit {
    min-height: 1000px;
    padding-top: 27px;
}

.duzen-hibrit .masonry {
    width: 100%;
    margin-top: 30px;
}

    .duzen-hibrit .masonry .oge {
        width: calc(50% - 30px);
        margin: -30px 0 30px 30px;
    }

        .duzen-hibrit .masonry .oge.genis {
            width: calc(100% - 30px);
        }

        .duzen-hibrit .masonry .oge.genisleyebilir {
            width: calc(33.3% - 30px);
        }

        .duzen-hibrit .masonry .oge.tam {
            width: calc(100% - 30px);
        }

        .duzen-hibrit .masonry .oge .medya {
            width: 100%;
            margin: 0 0 30px 0;
        }

        .duzen-hibrit .masonry .oge.advice {
            width: calc(33.3% - 30px) !important;
        }

/*.icerik.duzen-doseme .tab, .icerik.duzen-blog .tab { width:calc(100% - 40px); height:auto; margin:0 0 0 0; background:#ccc; padding:10px 30px 0 10px; border-bottom-right-radius:4px; } */
.icerik.duzen-liste .tab {
    margin: -33px 0 30px 0;
    float: left;
}

    .icerik.duzen-liste .tab.mb10 {
        margin: -33px 0 10px 0;
    }

/*.icerik.duzen-doseme .tab .simgeli, .icerik.duzen-blog .tab .simgeli { float:right; margin:2px -20px 0 20px; } */
/*.icerik.duzen-doseme .tab .simgeli .simge, .icerik.duzen-blog .tab .simgeli .simge { float:left; margin:0 5px 0 0; font-size:20px; color:#ccc; } 
.icerik.duzen-doseme .tab .simgeli .dugme, .icerik.duzen-blog .tab .simgeli .dugme { margin:4px 10px 0 0; float:right; } */

/*.icerik.duzen-doseme .tab .tab-oge a, .icerik.duzen-blog .tab .tab-oge a { padding:5px 25px; margin-top:2px; border-bottom:1px solid #ccc; border-bottom-left-radius:0; border-bottom-right-radius:0; box-shadow:none; background:#dadada; } */
/*.icerik.duzen-doseme .tab .tab-oge.aktif a, .icerik.duzen-blog .tab .tab-oge.aktif a { font-weight:bold; background:#e4e4e4; color:#f5792a; margin-top:0; border:none; border-top:3px solid #f5792a; } */

.kolon.genis .medya-blog {
    width: calc(100% - 30px);
    margin: 0 0 30px 30px;
}

.kolon.genis .medya-yatay {
    width: calc(100% - 30px);
    margin: 0 0 30px 30px;
}

.kolon.genis .sayfa-yonlendirme-yatay {
    width: calc(100% - 30px);
    margin: 0 0 30px 30px;
}

.kolon.genis .yorum-yonlendirme-yatay {
    width: calc(100% - 30px);
    margin: 0 0 30px 30px;
}

.kolon.genis .bilgi-yonlendirme-yatay {
    width: calc(100% - 30px);
    margin: 0 0 30px 30px;
}

    .kolon.genis .bilgi-yonlendirme-yatay .medya-yatay {
        width: 100%;
        margin: 0 0 0 0;
        float: left;
        box-shadow: none;
        border-top: 1px solid #f1f1f1;
    }

    .kolon.genis .bilgi-yonlendirme-yatay .anket {
        width: 100%;
        margin: 0;
        border-radius: 0;
        border: none;
        border-top: 1px solid #f1f1f1;
    }

        .kolon.genis .bilgi-yonlendirme-yatay .anket .sonuclar {
            border-bottom: 1px solid #f1f1f1;
        }

.kolon.genis .tab {
    width: calc(100% - 30px);
}

    .kolon.genis .tab .menu-dd {
        width: 120px;
        height: 30px;
        font-weight: normal;
    }

    .kolon.genis .tab .ikon-uyari {
        position: relative;
        float: right;
        width: 120px;
        color: #999999;
        font-size: 13px;
        line-height: 14px;
        right: 5px;
    }

.kolon.genis .uyari {
    width: calc(100% - 72px);
    margin-left: 30px;
}

.kolon.genis .daha-fazla {
    width: calc(100% - 30px);
    margin-left: 30px;
    margin-top: 0;
}

.kolon .daha-fazla {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    color: #ccc;
}

.oge .konu-liste .daha-fazla {
    width: calc(100% - 60px);
    margin: 10px 30px 15px 30px;
}

.oge .kolon-kutu .daha-fazla {
    width: calc(100% - 60px);
    margin: 20px 30px;
    line-height: 20px;
    font-size: 10pt;
    color: #333;
}

.kolon .daha-fazla {
    width: calc(100% - 60px);
    margin: 20px 30px;
    line-height: 20px;
    font-size: 10pt;
    color: #333;
    border-color: #dedede !important;
}

.kolon-kutu .anlasmali {
    width: calc(100% - 10px);
    padding: 10px 5px;
    line-height: 20px;
    font-size: 13pt;
    color: #f5792a;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    text-align: center;
}

    .kolon-kutu .anlasmali.amazon {
        color: #232f40;
        font-size: 13px;
        border-bottom: none;
        padding: 14px 5px;
    }

    .kolon-kutu .anlasmali img {
        height: 20px;
        width: auto;
        vertical-align: middle;
    }

.pencere .daha-fazla {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    color: #ccc;
}

/* Sağ Sütun */

.kolon.dar {
    width: 340px;
    margin: 30px 30px 0 0;
    float: right;
}

    .kolon.dar .oge[partial-name="Reklam"] {
        width: 100%;
    }

.kolon-kutu {
    /*width:calc(100% - 40px); */
    width: 100%;
    background: #fff;
    /*border:1px solid #dedede; */
    margin: 0 0 30px 0;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

    .kolon-kutu .modul-baslik .aciklamali-dugme {
        float: right;
        font-size: 9pt;
        font-weight: normal;
    }

        .kolon-kutu .modul-baslik .aciklamali-dugme .not {
            margin: 0 10px 0 0;
            line-height: 16pt;
            color: #999;
            font-size: 11pt;
        }

    /*.kolon-kutu.boya-1 { border:1px solid #e42730; } */
    .kolon-kutu.boya-1 .modul-baslik {
        color: #e42730;
    }

    .kolon-kutu.boya-1 .modul-hakkinda {
        background: #e42730;
    }

    .kolon-kutu.boya-1 .bilgi {
        color: #e42730;
    }

    .kolon-kutu.boya-1 .btn {
        background: #e42730;
    }

    /*.kolon-kutu.boya-2 { border:1px solid #61b76f; } */
    .kolon-kutu.boya-2 .modul-baslik {
        color: #61b76f;
    }

    .kolon-kutu.boya-2 .modul-hakkinda {
        background: #61b76f;
    }

    .kolon-kutu.boya-2 .bilgi {
        color: #61b76f;
    }

    .kolon-kutu.boya-2 .btn {
        background: #61b76f;
    }

    /*.kolon-kutu.boya-3 { border:1px solid #57c0b5; } */
    .kolon-kutu.boya-3 .modul-baslik {
        color: #57c0b5;
    }

    .kolon-kutu.boya-3 .modul-hakkinda {
        background: #57c0b5;
    }

    .kolon-kutu.boya-3 .bilgi {
        color: #57c0b5;
    }

    .kolon-kutu.boya-3 .btn {
        background: #57c0b5;
    }

    /*.kolon-kutu.boya-4 { border:1px solid #8e5b97; } */
    .kolon-kutu.boya-4 .modul-baslik {
        color: #8e5b97;
    }

    .kolon-kutu.boya-4 .modul-hakkinda {
        background: #8e5b97;
    }

    .kolon-kutu.boya-4 .bilgi {
        color: #8e5b97;
    }

    .kolon-kutu.boya-4 .btn {
        background: #8e5b97;
    }

    .kolon-kutu.boya-6 .modul-hakkinda {
        background-color: #658a9f;
    }

    .kolon-kutu.boya-7 .modul-hakkinda {
        background-color: #a69870;
    }

    /*.kolon-kutu.boya-5 { border:1px solid #ccc; } */
    .kolon-kutu.boya-5 .modul-baslik {
        color: #ccc;
    }

    .kolon-kutu.boya-5 .modul-hakkinda {
        background: #f1f1f1;
        padding: 10px 20px;
    }

        .kolon-kutu.boya-5 .modul-hakkinda .konu {
            color: #333;
        }

        .kolon-kutu.boya-5 .modul-hakkinda .alt-secimli {
            color: #333;
        }

    .kolon-kutu.boya-5 .bilgi {
        color: #ccc;
    }

    .kolon-kutu.boya-5 .btn {
        background: #ccc;
    }

.kolon.dar .anket {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.sponsorlar {
    width: 100%;
    margin: 0 0 30px 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    overflow: hidden;
}

    /*.sponsorlar a { margin:0 0 1px 0; } */
    .sponsorlar a.boya-1 {
        color: #ff2400;
    }

    .sponsorlar a.boya-2 {
        color: #2ca8f7;
    }

    .sponsorlar a.boya-3 {
        color: #49c6a4;
    }

    .sponsorlar a.boya-4 {
        color: #ce2020;
    }

    .sponsorlar a.boya-5 {
        color: #4d6ec3;
    }

.sosyal-aglar {
    width: 100%;
    margin: 0 0 30px 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    overflow: hidden;
}

.sosyal-ag.boya-1 {
    background: #4862a3;
}

.sosyal-ag.boya-2 {
    background: #55acee;
}

.sosyal-ag.boya-3 {
    background: #b6100a;
}

.sosyal-ag.boya-4 {
    background: #f5792a;
}

.sosyal-ag.boya-5 {
    background: #ff9900;
}

.sosyal-ag.boya-6 {
    background: #ffffff;
}

.sosyal-ag.boya-7 {
    background: #bc2a8d;
}

.sosyal-ag.boya-8 {
    background: #121212;
}

.sosyal-ag.boya-7 .icon-instagram:before {
    color: #fff;
}

.sosyal-aglar .mobile-app {
    background-color: #fff;
    padding: 12px 5px 9px 5px;
    text-align: center;
}

    .sosyal-aglar .mobile-app .head {
        width: 100%;
        float: left;
        text-align: left;
        color: #000000;
        font-family: Ubuntu;
        font-size: 15px;
        font-weight: bold;
        padding: 0 7px;
        box-sizing: border-box;
        margin-bottom: 13px;
    }

        .sosyal-aglar .mobile-app .head a {
            border-radius: 4px;
            font-size: 11px;
            font-family: Arial, Helvetica, sans-serif;
            background-color: #f1f1f1;
            line-height: 13px;
            padding: 3px 7px;
            float: right;
            margin: -1px 0 0;
        }

            .sosyal-aglar .mobile-app .head a i {
                font-size: 13px;
                margin: 0px 6px 0 0;
                float: left;
            }

@media only screen and (max-width: 1370px) {
    .amazon-prime-mini .counter span {
        display: none;
    }

    .amazon-prime-mini .counter .amazon-time-small {
        display: inline-block !important;
    }

    .sosyal-aglar .mobile-app {
        padding: 12px 3px 9px 3px;
    }

        .sosyal-aglar .mobile-app .head {
            font-size: 13px;
        }

            .sosyal-aglar .mobile-app .head a {
                padding: 3px 3px;
                margin: -3px 0 0;
            }
}

.sistem-tavsiyeleri {
}

    .sistem-tavsiyeleri .kriterler {
        width: calc(100% - 40px);
        padding: 0 20px;
        margin: 20px 0 0 0;
        float: left;
    }

        .sistem-tavsiyeleri .kriterler .menu-dd {
            float: left;
            width: calc(50% - 5px);
        }

            .sistem-tavsiyeleri .kriterler .menu-dd.tam {
                width: 100%;
            }

    .sistem-tavsiyeleri .tablo.bilesenler {
        width: calc(100% - 40px);
        padding: 20px;
        float: left;
        background: none;
    }

        .sistem-tavsiyeleri .tablo.bilesenler * {
            border: none;
            vertical-align: top;
            padding: 0;
            background: none;
        }

        .sistem-tavsiyeleri .tablo.bilesenler tr {
            border-bottom: 5px solid #fff;
        }

        .sistem-tavsiyeleri .tablo.bilesenler th {
            font-weight: normal;
            color: #8e5b97;
        }

        .sistem-tavsiyeleri .tablo.bilesenler td .simge {
            float: right;
            color: #ccc;
        }

            .sistem-tavsiyeleri .tablo.bilesenler td .simge:hover {
                color: #000;
            }

            .sistem-tavsiyeleri .tablo.bilesenler td .simge span {
                line-height: 20px;
                margin: 0 0 0 5px;
            }

        .sistem-tavsiyeleri .tablo.bilesenler .btn {
            padding: 0 10px;
            font-weight: bold;
            color: #666;
            margin: 0 10px 0 0;
        }

            .sistem-tavsiyeleri .tablo.bilesenler .btn.aktif {
                background: #f1f1f1;
                color: #333;
            }

        .sistem-tavsiyeleri .tablo.bilesenler h4.baslik {
            color: #646464;
            padding: 0 0 20px 0;
        }

    .sistem-tavsiyeleri.tavsiye-listesi {
        margin: 10px 30px;
        width: calc(100% - 30px);
    }

/* Duyuru */

.duyuru {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
}

    .duyuru:hover {
        background: #fff9f6;
    }

    .duyuru .ayrinti {
        width: calc(100% - 255px);
        padding: 15px 30px;
        float: left;
        line-height: 30px;
        font-size: 16pt;
        font-family: "Ubuntu", Arial;
    }

        .duyuru .ayrinti .tur {
            width: 100%;
            color: #f5792a;
            height: 30px;
            font-weight: bold;
            float: left;
        }

        .duyuru .ayrinti .bilgi {
            width: 100%;
            color: #333;
            height: 30px;
            overflow: hidden;
            font-weight: bold;
            float: left;
        }

        .duyuru .ayrinti .youtube-buton {
            position: absolute;
            top: 20px;
            right: 180px;
        }

    .duyuru .onizleme {
        width: 160px;
        height: 90px;
        overflow: hidden;
        float: right;
        position: relative;
        background: #333;
    }

        .duyuru .onizleme img {
            width: 160px;
            height: 90px;
            /*opacity:0.5; */
        }

        .duyuru .onizleme video {
            width: 100%;
        }

        .duyuru .onizleme .damga {
            position: absolute;
            top: 0;
            right: 0;
            height: 16px;
            line-height: 16px;
            font-size: 11px;
            color: #fff;
            background: #f00;
            padding: 0 3px;
        }

/*.duyuru:hover .ayrinti { width:calc(100% - 415px); padding:30px 30px; line-height:40px; font-size:26pt; } 
.duyuru:hover .ayrinti .tur { height:40px; } 
.duyuru:hover .ayrinti .bilgi { height:80px; } 
.duyuru:hover .onizleme { width:320px; height:180px; } 
.duyuru:hover .onizleme img { width:320px; height:180px; } */

/* Blog Arası Reklamlı Modül */

.blog-arasi-modul {
    width: calc(100% - 70px);
    background: #dedede;
    padding: 20px;
    margin: 0 0 30px 30px;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

    .blog-arasi-modul .banner {
        float: left;
    }

    .blog-arasi-modul .kolon-kutu {
        float: right;
        width: calc(100% - 320px);
        margin: 0;
    }

        .blog-arasi-modul .kolon-kutu .modul-hakkinda {
            padding: 15px 20px 15px 20px;
        }

            .blog-arasi-modul .kolon-kutu .modul-hakkinda .konu {
                text-align: left;
            }

        .blog-arasi-modul .kolon-kutu .medya-sag .baslik {
            height: 30pt;
            overflow: hidden;
        }

/* Blog Arası Büyük Reklam */

.blog-arasi-reklam {
    width: calc(100% - 30px);
    background: #dedede;
    /*border-radius:3px; box-shadow:inset 0 1px 3px rgba(0,0,0,0.2); padding:5px; */
    margin: 0 0 30px 30px;
    text-align: center;
}

    .blog-arasi-reklam img {
        max-width: 100%;
        vertical-align: middle;
    }

/* Detay */

.detay {
    width: calc(100% - 60px);
    padding: 0 30px;
    position: relative;
    background: #fff;
}

.yuzen-uyarilar {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    max-width: 20%;
    text-align: left;
}

    .yuzen-uyarilar .uyari {
        margin: 20px 0 0 0;
    }

/* Yeni Haber Bildirimi */
.news-notification {
    display: none;
    font-family: "Ubuntu", Arial;
    line-height: 34px;
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    align-items: center;
    border-radius: 0 0 5px 5px;
    background-color: #fff3eb;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    width: 940px;
    margin: 0 auto;
    z-index: 9999;
}

    .news-notification.display {
        display: inline-flex;
    }

    .news-notification:hover {
        filter: brightness(0.95);
    }

    .news-notification span.notification-type {
        background-color: #f2e0d5;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 12px;
        margin-right: 10px;
    }

    .news-notification a.notification-text {
        font-size: 20px;
        padding: 5px 10px;
        color: #333;
        font-weight: 700;
        display: inline-block;
        width: calc(100% - 90px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 30px;
        vertical-align: middle;
    }

    .news-notification a.close-notification {
        display: none;
        position: absolute;
        right: 10px;
        top: 6px;
        background-color: #f37a2b;
        border-radius: 3px;
        padding: 5px;
    }

        .news-notification a.close-notification:hover {
            filter: brightness(0.95);
        }

        .news-notification a.close-notification i {
            color: #fff;
            vertical-align: middle;
        }

    .news-notification .thumb {
        display: none;
    }

    .news-notification:hover a.close-notification {
        display: inline-flex;
    }

    .news-notification.thumbnail {
        position: relative;
        padding: 5px 30px;
        min-height: 90px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        top: auto !important;
        display: inline-flex;
        align-items: center;
        width: calc(100% - 60px);
        margin: 0;
    }

        .news-notification.thumbnail span.notification-type {
            display: none;
        }

        .news-notification.thumbnail a.close-notification {
            display: none;
        }

        .news-notification.thumbnail span.notification-text {
            width: calc(100% - 160px);
            font-size: 32px;
            color: #333;
            font-weight: 700;
            display: inline-block;
            line-height: 38px;
            vertical-align: middle;
        }

        .news-notification.thumbnail .thumb {
            display: grid;
            position: absolute;
            right: 0;
            top: 0;
            width: 160px;
            height: 100%;
            background-size: cover;
        }

            .news-notification.thumbnail .thumb span.info {
                color: #fff;
                font-size: 13px;
                background-color: #ff0000;
                line-height: 25px;
                text-align: right;
                padding: 0 6px;
                position: absolute;
                right: 0;
                top: 13px;
            }

/* yeni haber uyarısı Detay sayfası */
.new-news {
    position: fixed;
    display: inline-flex;
    align-items: center;
    bottom: 20px;
    right: 20px;
    width: 310px;
    box-shadow: 4px 6px 15px 3px rgba(0, 0, 0, 0.21);
    background-color: #ffffff;
    z-index: 999999;
}

    .new-news:hover {
        background-color: #f1f1f1;
    }

    .new-news .overlay-link {
        position: absolute;
        z-index: 9999;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

.new-news-right {
    display: inline-block;
    width: calc(100% - 130px);
}

.new-news .new-news-header {
    display: block;
    position: absolute;
    top: 1px;
    padding: 0px 10px;
    color: #bdbdbd;
    width: 175px;
}

    .new-news .new-news-header span.title {
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 11px;
    }

    .new-news .new-news-header span.close {
        display: none;
        position: absolute;
        z-index: 99999;
        top: 0px;
        right: 1px;
        padding: 3px;
        font-size: 14px;
        border-radius: 0 0 0 5px;
        border: 1px solid #cccccc;
        background-color: #fff;
        color: #f5792a;
        margin: 0;
    }

        .new-news .new-news-header span.close i {
            vertical-align: bottom;
            pointer-events: none;
        }

        .new-news .new-news-header span.close:hover {
            filter: brightness(0.95);
        }

.new-news:hover .new-news-header span.close {
    display: block;
}

.new-news .new-news-body {
    position: relative;
    margin-top: 15px;
    padding: 5px 10px 30px 10px;
    width: calc(100% - 5px);
}

.new-news img.thumbnail {
    height: 110px;
    width: 110px;
    margin: 5px 0 5px 5px;
    vertical-align: middle;
}

.new-news .new-news-body .content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: 0.14px;
}

.new-news span.date {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 13px;
    color: #999;
}

/* Detay İlerleme Barı (Okunan Kısım) */

progress {
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    top: -5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #d06724;
    z-index: -1;
    border: none;
    background-color: #111;
}

    progress::-webkit-progress-bar {
        background-color: transparent;
    }

    progress::-webkit-progress-value {
        background-color: #d06724;
    }

    progress::-moz-progress-bar {
        background-color: #d06724;
    }

/* Sayfa */

.sayfa {
    width: calc(100% - 60px);
    padding: 0 30px;
    background: #fff;
}

/* Detay ve Sayfa Elementleri */

.detay .video-buyuk {
    width: calc(100% + 60px);
    height: 641px;
    background: #000;
    margin: 0 0 30px -30px;
    float: left;
    position: relative;
}

    .detay .video-buyuk img {
        width: 100%;
        float: left;
    }

    .detay .video-buyuk iframe {
        width: 100%;
        float: left;
    }

    .detay .video-buyuk video {
        width: 100%;
        float: left;
    }

.detay .video-alternatif {
    width: 100%;
    float: left;
    margin: 30px 0 -10px 0;
}

    .detay .video-alternatif .video-kucuk {
        width: calc(100% - 340px);
        float: left;
        position: relative;
        margin: 0 0 50px 0;
    }

    .detay .video-alternatif .sag {
        width: 340px;
        float: right;
    }

.detay .oynatici-tercihleri {
    position: absolute;
    bottom: -34px;
    left: 0;
    background: #f1f1f1;
    height: 24px;
    line-height: 24px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 5px 0 3px 0;
    width: 1140px;
    color: #333;
    font-size: 8pt;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.detay .video-kucuk .oynatici-tercihleri {
    width: 710px;
}

.detay .oynatici-tercihleri div {
    margin: 0 5px;
}

.detay .oynatici-tercihleri .tercih {
    display: inline-block;
}

.detay .oynatici-tercihleri [class*="icon-"] {
    float: left;
    margin: 0 5px 0 0;
    line-height: 20px;
}

.detay .oynatici-tercihleri .not {
    float: left;
}

.detay .oynatici-tercihleri .dugme {
    float: right;
}

.detay .oynatici-tercihleri .acilir-menu {
    margin: 0;
}

    .detay .oynatici-tercihleri .acilir-menu .acici {
        cursor: pointer;
        margin: 0 5px;
    }

    .detay .oynatici-tercihleri .acilir-menu .acilan {
        display: none;
    }

    .detay .oynatici-tercihleri .acilir-menu.acilsin .acilan {
        display: inline-block;
    }

    .detay .oynatici-tercihleri .acilir-menu.acilsin .acici {
        display: none;
    }

.detay .temel-bilgi .menu-dd-kucuk {
    margin: 0 0 0 20px;
    float: left;
}

    .detay .temel-bilgi .menu-dd-kucuk .oge {
        margin: 0;
    }

.tam-kucuk-sorgu {
    width: calc(100% + 60px);
    height: 220px;
    /*scroll gizleyici*/
    margin: 0 0 0 -30px;
    background: #f1f1f1;
    padding: 10px 0 8px 0;
    overflow: hidden;
    position: relative;
    float: left;
}

    .tam-kucuk-sorgu:before {
        width: 60px;
        height: 160px;
        position: absolute;
        bottom: 26px;
        right: 0;
        content: "";
        background-image: linear-gradient(to left, rgba(241, 241, 241, 1) 0, rgba(241, 241, 241, 0) 100%);
        z-index: 9;
    }

    .tam-kucuk-sorgu:after {
        width: 60px;
        height: 160px;
        position: absolute;
        bottom: 26px;
        left: 0;
        content: "";
        background-image: linear-gradient(to right, rgba(241, 241, 241, 1) 0, rgba(241, 241, 241, 0) 100%);
        z-index: 9;
    }

    /*.tam-kucuk-sorgu.gomulu { background:#dedede; margin-bottom:30px; } 
.tam-kucuk-sorgu.gomulu:before { background-image:linear-gradient(to left,rgba(222,222,222,1) 0,rgba(222,222,222,0) 100%); } 
.tam-kucuk-sorgu.gomulu:after { background-image:linear-gradient(to right,rgba(222,222,222,1) 0,rgba(222,222,222,0) 100%); } */
    .tam-kucuk-sorgu .ara-baslik {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 10px 0;
    }

        .tam-kucuk-sorgu .ara-baslik .lnk {
            float: right;
            margin: 0;
        }

    .tam-kucuk-sorgu .medyalar {
        /*width:100%; */
        float: left;
    }

        .tam-kucuk-sorgu .medyalar .medya-kucuk {
            float: left;
            margin: 0 0 0 30px;
            /*width:calc(20% - 32px); */
            width: calc(100% - 30px);
        }

    .tam-kucuk-sorgu .owl-carousel {
        position: relative;
        width: 100%;
    }

    .tam-kucuk-sorgu .owl-wrapper {
        position: relative;
    }

    /*.tam-kucuk-sorgu .owl-controls {position:absolute; top:30px; right:30px; } */
    .tam-kucuk-sorgu .owl-nav {
        display: none;
    }

    .tam-kucuk-sorgu .owl-dots {
        position: absolute;
        bottom: 6px;
        right: 10px;
        z-index: 11;
    }

        .tam-kucuk-sorgu .owl-dots .owl-dot {
            margin: 2px;
            width: 10px;
            height: 10px;
            background: #ccc;
            border-radius: 5px;
        }

            .tam-kucuk-sorgu .owl-dots .owl-dot.active {
                background: #fff;
            }

    /*.tam-kucuk-sorgu .owl-pagination { position:absolute; bottom:-10px; right:10px; } 
.tam-kucuk-sorgu .owl-pagination .owl-page { margin:2px; } 
.tam-kucuk-sorgu .owl-page span { display:block; width:12px; height:12px; border-radius:20px; background:#ccc; } 
.tam-kucuk-sorgu .owl-page.active span { background:#fff; } */

    .tam-kucuk-sorgu .kaydir
    /* dokunmatik ekranlar için */ {
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .tam-kucuk-sorgu .kaydir .medyalar {
            width: 2280px;
            height: 200px;
        }

        .tam-kucuk-sorgu .kaydir .medya-kucuk {
            width: 211px;
        }

.post {
    width: 100%;
    float: left;
    color: #333;
    position: relative;
    background: #fff;
    display: inline-block;
}

    .post .kolon.yazi {
        width: calc(100% - 420px);
        min-height: 220px;
        float: left;
        margin: 0 260px 0 160px;
        font-size: 13pt;
        line-height: 18pt;
        /*font-family:Georgia; text-align:justify; */
        position: relative;
    }

        .post .kolon.yazi.tam {
            width: calc(100% - 60px);
            min-height: inherit;
            margin: 0 30px;
        }

            .post .kolon.yazi.tam .bosluksuz {
            }

                .post .kolon.yazi.tam .bosluksuz img {
                    margin: 0 !important;
                    float: left;
                }

        .post .kolon.yazi div {
            /*width:100%; margin:0 0 25px 0; */
            display: block;
            margin-bottom: 25px;
        }

        .post .kolon.yazi p {
            /*width:100%; margin:0 0 25px 0; */
            display: block;
            margin-bottom: 25px;
        }

            .post .kolon.yazi p:empty {
                margin-bottom: 0;
            }

        .post .kolon.yazi .tablo.hasScroll {
            box-shadow: 20px 0px 63px -47px rgba(0, 0, 0, 0.75);
        }

        .post .kolon.yazi .tablo caption {
            width: 100%;
            color: #ff6600;
            font-size: 26px;
            font-weight: 700;
            letter-spacing: 0.21px;
            text-align: center;
            padding: 12px 0;
            border: 1px solid #f1f1f1;
            border-bottom: none;
        }

            .post .kolon.yazi .tablo caption h2 {
                margin: 0;
                font-size: 26px !important;
            }

        .post .kolon.yazi ul,
        .post .kolon.yazi ol {
            /*width:100%; margin:0 0 25px 0; */
            display: block;
            margin-bottom: 25px;
        }

        .post .kolon.yazi h2:not(.galeri-ac-baslik) {
            font-size: 20pt !important;
            line-height: 26pt !important;
            color: #ff6600;
            margin: 0 0 20px 0;
        }

        .post .kolon.yazi h3 {
            font-size: 17pt;
            line-height: 21pt;
            color: #000;
            margin: 0 0 20px 0;
        }

        /*.post .kolon.yazi p:first-child:first-letter { font-size:47pt !important; line-height:32pt !important; float:left; margin:-2px 5px 0 -5px; font-family: 'Ubuntu', Arial; } */
        /*.post .kolon.yazi .resim .dosya img {width:auto; } */
        .post .kolon.yazi iframe {
            width: 100%;
            /*height:405px; */
            display: inline-block;
            float: none;
        }

        .post .kolon.yazi hr {
            width: 100%;
            margin: 0 0 20px 0;
            background: #dedede;
            height: 1px;
            border: none;
        }

        .post .kolon.yazi .oduller {
            width: 100%;
            margin: 0 0 10px 0;
            display: inline-block;
        }

            .post .kolon.yazi .oduller img {
                width: calc(33.3% - 5px);
                height: auto;
                float: left;
                margin: 0 5px 5px 0;
            }

        .post .kolon.yazi .haber-sonu-video {
            width: 100%;
            margin: 0 0 20px 0;
            display: inline-block !important;
        }

        .post .kolon.yazi .onerilen-icerik-yan {
            position: absolute;
            top: 340px;
            left: -200px;
            width: 160px;
        }

        .post .kolon.yazi .sagdan-tassin {
            float: right;
            width: 200px;
            margin-left: 30px;
            margin-right: -230px;
            text-align: left;
        }

            .post .kolon.yazi .sagdan-tassin .modul-hakkinda .alt {
                margin: 0;
            }

        .post .kolon.yazi .reklam-kare {
            width: 300px;
            float: right;
            margin-left: 30px;
            margin-right: -230px;
            text-align: left;
        }

.medya-sag .onizleme {
    width: 100%;
    position: relative;
    height: 125px;
    margin: 0;
    float: left;
}

.medya-sag .govde {
    width: calc(100% - 40px);
    padding: 15px 20px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

    .medya-sag .govde .baslik {
        color: #fff;
    }

.post .kolon.mini {
    width: 100px;
    position: absolute;
    top: 0;
    left: 30px;
}

.post .kolon.dar {
    width: 300px;
    position: absolute;
    top: 0;
    right: 30px;
    margin: 0;
}

/*.post .kolon.dar .resim { margin:0 0 60px 0; } */
.post .foto-galeri {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.yorumkapsam {
    width: calc(100% - 560px);
    float: left;
    padding: 30px 400px 0 160px;
    border-top: 1px solid #dedede;
    position: relative;
    background: #fff;
}

    .yorumkapsam .yorumblogu {
        width: 100%;
        float: left;
    }

    .yorumkapsam .kolon.dar {
        width: 340px;
        position: absolute;
        top: 0;
        right: 30px;
        bottom: var(--dh-embed-sticky-bottom, 20px);
        margin: 30px 0 0 0;
    }

.diger-icerikler {
    width: calc(100% - 60px);
    float: left;
    padding: 20px 30px 50px 30px;
    background: #f7f7f7;
    border-top: 1px solid #dedede;
}

.detay-yatay-sorgu {
    width: calc(100% - 30px);
    float: left;
    padding: 20px 30px 0 0;
    background: #f1f1f1;
    border-top: 1px solid #dedede;
}

    /*.detay-yatay-sorgu.yukselistekiler { background:#dedede; } */
    .detay-yatay-sorgu .ara-baslik {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .detay-yatay-sorgu .medya-orta {
        width: calc(25% - 30px);
        margin: 0 0 30px 30px;
    }

    .detay-yatay-sorgu .medya-orta-resimsiz {
        width: calc(25% - 30px);
        margin: 0 0 30px 30px;
    }

    .detay-yatay-sorgu .reklam-kare {
        /*width:calc(25% - 50px); */
        margin: 0 0 0 30px;
        padding: 25px 23px;
        width: 200px;
        height: 200px;
    }

.detay-gecis {
    background: #dedede url(../img/haber-gecis-bg.png) center no-repeat;
    padding: 100px 0 0 0;
    width: 100%;
    float: left;
}

    .detay-gecis img {
        float: left;
    }

    .detay-gecis .gecis-efekti {
        background: #dedede url(../img/detay-gecis.gif) center no-repeat;
        width: 100%;
        height: 554px;
        float: left;
    }

    .detay-gecis > div {
        margin: -75px 0;
    }

/* Künye */

.post .kunye {
    width: calc(100% - 30px);
    padding: 0 0 0 30px;
}

    .post .kunye.ozel {
        background: #fff9f4;
        padding-top: 20px;
        margin: 0 0 20px 0;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }

    .post .kunye .ayrac {
        width: 100%;
    }

    .post .kunye .kunye-grupla {
        float: left;
    }

    .post .kunye .post-baslik {
        margin: 0 0 30px 0;
    }

    .post .kunye .kisi {
        width: 155px;
        height: 240px;
        margin: 0 30px 20px 0;
        float: left;
    }

        .post .kunye .kisi .foto {
            width: 140px;
            height: 140px;
            margin: 0 0 10px 0;
            background: #f1f1f1;
            position: relative;
            border-radius: 5px;
            float: left;
        }

            .post .kunye .kisi .foto img {
                width: 140px;
                height: 140px;
                border-radius: 5px;
                /*-webkit-filter:grayscale(100%); */
                float: left;
            }

            .post .kunye .kisi .foto:after {
                content: "";
                display: inline-block;
                top: 0;
                left: 0;
                width: 140px;
                height: 140px;
                background: url(../img/kunye/_foto_ucgen.png) bottom right no-repeat;
                position: absolute;
            }

        .post .kunye .kisi:hover .foto:after {
            display: none;
        }

        .post .kunye .kisi .profiller {
            width: 140px;
            height: 140px;
            margin: 0 0 5px 0;
            background: rgba(245, 121, 42, 0.7);
            position: absolute;
            top: 0;
            left: 0;
            font-size: 13pt;
            display: none;
            border-radius: 5px;
        }

        .post .kunye .kisi:hover .profiller {
            display: inline-block;
        }

        .post .kunye .kisi .profiller a {
            width: 35px;
            height: 35px;
            line-height: 35px;
            float: left;
            margin: 105px 0 0 0;
            text-align: center;
            color: #fff;
        }

            .post .kunye .kisi .profiller a:hover {
                color: #f5792a;
                background: #fff;
            }

            .post .kunye .kisi .profiller a span {
                line-height: 35px;
            }

            .post .kunye .kisi .profiller a strong {
                font-size: 11pt;
                font-family: Arial Black, Arial;
            }

        .post .kunye .kisi .neden {
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            position: absolute;
            top: -5px;
            right: -5px;
            font-size: 8pt;
            border-radius: 12px;
            color: #fff;
            border: 2px solid #000;
        }

            .post .kunye .kisi .neden:hover {
                background: #fff;
                color: #000;
            }

        .post .kunye .kisi .isim {
            width: 100%;
            color: #f5792a;
            font-size: 15pt;
            font-weight: bold;
            line-height: 24px;
            margin: 0 0 5px 0;
        }

        .post .kunye .kisi .pozisyon {
            width: 100%;
            color: #666;
            font-size: 10pt;
            line-height: 18px;
        }

        .post .kunye .kisi .title {
            width: 100%;
            color: #ccc;
            font-size: 10pt;
            line-height: 18px;
        }

    .post .kunye .kisi-yatay {
        width: 340px;
        height: 160px;
        margin: 0 30px 10px 0;
        float: left;
        position: relative;
    }

        .post .kunye .kisi-yatay .foto {
            width: 140px;
            height: 140px;
            margin: 0 10px 0 0;
            background: #f1f1f1;
            position: relative;
            border-radius: 5px;
            float: left;
        }

            .post .kunye .kisi-yatay .foto img {
                width: 140px;
                height: 140px;
                border-radius: 5px;
                float: left;
            }

            .post .kunye .kisi-yatay .foto:after {
                content: "";
                display: inline-block;
                top: 0;
                left: 0;
                width: 140px;
                height: 140px;
                background: url(../img/kunye/_foto_ucgen.png) bottom right no-repeat;
                position: absolute;
            }

        .post .kunye .kisi-yatay:hover .foto:after {
            display: none;
        }

        .post .kunye .kisi-yatay .profiller {
            width: 190px;
            margin: 5px 0 5px 0;
            float: right;
            font-size: 12pt;
            border-radius: 5px;
        }

            .post .kunye .kisi-yatay .profiller a {
                width: 30px;
                height: 35px;
                line-height: 24px;
                float: left;
                margin: 0 0 0 0;
                text-align: center;
                color: #ccc;
            }

                .post .kunye .kisi-yatay .profiller a:hover {
                    color: #f5792a;
                    background: #fff;
                }

                .post .kunye .kisi-yatay .profiller a span {
                    line-height: 24px;
                }

                .post .kunye .kisi-yatay .profiller a strong {
                    font-size: 11pt;
                    font-family: Arial Black, Arial;
                }

        .post .kunye .kisi-yatay .neden {
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            position: absolute;
            top: -5px;
            left: 120px;
            font-size: 8pt;
            border-radius: 12px;
            color: #fff;
            border: 2px solid #000;
        }

            .post .kunye .kisi-yatay .neden:hover {
                background: #fff;
                color: #000;
            }

        .post .kunye .kisi-yatay .isim {
            width: 190px;
            color: #f5792a;
            font-size: 15pt;
            font-weight: bold;
            line-height: 24px;
            margin: 10px 0 5px 0;
        }

        .post .kunye .kisi-yatay .pozisyon {
            width: 190px;
            color: #666;
            font-size: 10pt;
            line-height: 18px;
        }

        .post .kunye .kisi-yatay .title {
            width: 190px;
            color: #ccc;
            font-size: 10pt;
            line-height: 18px;
        }

/* Post Tanıtım Sayfası */

.post.tanitim img {
    float: left;
}

/* Detay Sağ */

.kolon.dar.detayda {
    position: absolute;
    top: auto;
    bottom: -10px;
    right: -330px;
    text-align: left;
}

/* Liste Sayfası (Profil, Kategori vs.) */

.liste-kapak {
    width: calc(100% - 60px);
    padding: 30px;
    background: #fff;
    margin: -10px 0 0 0;
}

.kolon.dar .liste-kapak {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
    background: none;
}

.liste-kapak.avatarli .avatar {
    float: left;
    width: 200px;
    height: 200px;
    background-color: #dedede;
    background-size: cover;
    background-position: center;
    border-radius: 100px;
    margin: 0 30px 0 0;
    position: relative;
}

    .liste-kapak.avatarli .avatar .duzenle {
        line-height: 200px;
        text-align: center;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 100px;
    }

        .liste-kapak.avatarli .avatar .duzenle:hover {
            background: rgba(0, 0, 0, 0.7);
        }

    .liste-kapak.avatarli .avatar.avatarsiz {
        background-color: #d85757;
        color: #fff;
        text-align: center;
        line-height: 200px;
        font-size: 90px;
    }

.liste-kapak .temel-bilgiler {
    width: calc(100% - 370px);
}

.kolon.dar .liste-kapak .temel-bilgiler {
    width: 100%;
    margin: 0 0 20px 0;
}

.liste-kapak.avatarli .temel-bilgiler {
    float: left;
    width: calc(100% - 600px);
    color: #333;
}

.liste-kapak .temel-bilgiler .ne {
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 32pt;
    line-height: 38pt;
    font-family: "Ubuntu", Arial;
    word-wrap: break-word;
}

    .liste-kapak .temel-bilgiler .ne span {
        float: left;
        margin: 0 15px 0 0;
        line-height: 38pt;
    }

.liste-kapak .temel-bilgiler .tur {
    width: 100%;
    margin: 0 0 10px 0;
    color: #ccc;
    font-size: 16pt;
    line-height: 20pt;
}

.liste-kapak .temel-bilgiler .hakkinda {
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 11pt;
    line-height: 16pt;
    word-wrap: break-word;
}

/* Zeplin: etiket/kategori uzun açıklama — zpl.io/QMoxrrR / zpl.io/zwyGkW8 */
.liste-kapak .temel-bilgiler .hakkinda--collapsible {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14.6px;
    line-height: 21px;
    color: #000;
}

.liste-kapak .temel-bilgiler .hakkinda__clamp {
    position: relative;
}

.liste-kapak .temel-bilgiler .hakkinda__tail-more,
.liste-kapak .temel-bilgiler .hakkinda__content .hakkinda__btn--less {
    display: none;
}

.liste-kapak .temel-bilgiler .hakkinda--collapsible.is-collapsed .hakkinda__clamp {
    max-height: 63px;
    overflow: hidden;
}

.liste-kapak .temel-bilgiler .hakkinda--collapsible.is-collapsed .hakkinda__tail-more {
    display: inline;
    white-space: nowrap;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.liste-kapak .temel-bilgiler .hakkinda--collapsible.is-collapsed .hakkinda__content .hakkinda__btn--less {
    display: none;
}

.liste-kapak .temel-bilgiler .hakkinda__ellipsis {
    color: inherit;
}

.liste-kapak .temel-bilgiler .hakkinda__btn {
    appearance: none;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14.6px;
    font-weight: 400;
    line-height: 21px;
    color: #f5792a;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: underline;
}

.liste-kapak .temel-bilgiler .hakkinda--collapsible.is-expanded .hakkinda__clamp {
    max-height: none;
    overflow: visible;
}

.liste-kapak .temel-bilgiler .hakkinda--collapsible.is-expanded .hakkinda__tail-more {
    display: none;
}

.liste-kapak .temel-bilgiler .hakkinda--collapsible.is-expanded .hakkinda__content .hakkinda__btn--less {
    display: inline;
    margin-left: 5px;
}

.gecemodu .liste-kapak .temel-bilgiler .hakkinda--collapsible {
    color: #dedede;
}

    .gecemodu .liste-kapak .temel-bilgiler .hakkinda--collapsible.is-collapsed .hakkinda__tail-more {
        background-color: #111;
    }

.gecemodu .liste-kapak .temel-bilgiler .hakkinda__btn {
    color: #f5792a;
}

.liste-kapak .temel-bilgiler .baglantilar {
    width: 100%;
    font-size: 14pt;
    line-height: 20pt;
}

    .liste-kapak .temel-bilgiler .baglantilar .tek {
        float: left;
        margin: 0 5px 0 0;
        background: #ccc;
        color: #fff;
        border-radius: 3px;
        padding: 5px 12px;
    }

        .liste-kapak .temel-bilgiler .baglantilar .tek span {
            line-height: 20pt;
            float: left;
            min-width: 18px;
            text-align: center;
        }

        .liste-kapak .temel-bilgiler .baglantilar .tek.renkli {
            background: #f5792a;
        }

            .liste-kapak .temel-bilgiler .baglantilar .tek.renkli .sayi {
                color: #d06724;
                margin: 0 -5px 0 10px;
                background: #fff;
                padding: 0 5px;
                border-radius: 3px;
            }

            .liste-kapak .temel-bilgiler .baglantilar .tek.renkli.pasif {
                background: #dedede;
                color: #666;
            }

                .liste-kapak .temel-bilgiler .baglantilar .tek.renkli.pasif .sayi {
                    color: #999;
                }

        .liste-kapak .temel-bilgiler .baglantilar .tek.facebook {
            background: #4862a3;
        }

        .liste-kapak .temel-bilgiler .baglantilar .tek.twitter {
            background: #000;
        }

        .liste-kapak .temel-bilgiler .baglantilar .tek.google {
            background: #eb4026;
        }

        .liste-kapak .temel-bilgiler .baglantilar .tek.eposta {
            background: #333;
        }

        .liste-kapak .temel-bilgiler .baglantilar .tek.rss {
            background: #f5792a;
        }

        .liste-kapak .temel-bilgiler .baglantilar .tek.bildir {
            background: #dedede;
            color: #666;
        }

            .liste-kapak .temel-bilgiler .baglantilar .tek.bildir.aktif {
                background: #f5792a;
                color: #fff;
            }

        .liste-kapak .temel-bilgiler .baglantilar .tek.duzenle {
            background: #dedede;
            color: #333;
        }

.liste-kapak .istatistik {
    float: right;
    padding: 0;
    background: none;
    width: 340px;
    margin: 0;
}

.kolon.dar .liste-kapak .istatistik {
    width: 100%;
}

.liste-kapak .uyari {
    margin: 30px 0 0 0;
}

/* Listede Arama Kutusu */

.listede-ara {
    width: calc(100% - 30px);
    margin: 0 0 30px 30px;
    position: relative;
}

    .listede-ara .kutu {
        width: calc(100% - 40px);
        padding: 5px 30px 5px 10px;
        height: 30px;
        line-height: 30px;
        border: none;
        background: #fff;
    }

        .listede-ara .kutu:focus {
            background: #fff;
        }

    .listede-ara .buton {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: none;
        border: none;
        color: #333;
        font-size: 14px;
        cursor: pointer;
    }

        .listede-ara .buton:active {
            color: #999;
        }

    .listede-ara .vazgec {
        position: absolute;
        top: 5px;
        right: 40px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
    }

.liste-baglantilari .listede-ara .vazgec {
    height: 26px;
    line-height: 26px;
}

.liste-baglantilari .ikon-uyari {
    position: relative;
    float: left;
    color: #999999;
    font-size: 15px;
    line-height: 40px;
    left: 5px;
}

    .liste-baglantilari .ikon-uyari span {
        vertical-align: middle;
        margin-right: 3px;
    }

.liste-baglantilari .menu-dd {
    margin-left: 5px;
    height: 35px;
    font-size: 11pt;
    margin-top: 2px;
}

.listede-ara.full-width {
    width: 100% !important;
}

/* Listede Takip Yönetimi */

.takip-yonetimi {
    width: 60%;
    min-width: 700px;
    max-width: calc(100vw - 40px);
    border: 1px solid #ccc;
    font-size: 11pt;
    line-height: 14pt;
    /*margin:-20px 0 30px 30px; */
    background: #fff;
    border-radius: 3px;
    float: left;
    /*position:relative; position:fixed; */
    position: fixed;
    top: 20px;
    left: 20%;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 999;
}

    /*.takip-yonetimi:after { content:''; position:absolute; bottom:100%; left:137px; margin-left:-8px; width:0; height:0; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; } */
    .takip-yonetimi .ara-filtre {
        width: calc(100% - 40px);
        margin: 0 10px;
        padding: 10px 10px;
        border-bottom: 1px solid #dedede;
        float: left;
    }

        .takip-yonetimi .ara-filtre .neolsun {
            font-weight: bold;
            color: #333;
            float: left;
            margin: 0 20px 0 0;
            padding: 10px 0;
            position: relative;
        }

            .takip-yonetimi .ara-filtre .neolsun.aktif {
                color: #f5792a;
            }

            .takip-yonetimi .ara-filtre .neolsun:after {
                content: "";
                width: 100%;
                position: absolute;
                height: 3px;
                top: 100%;
                left: 0;
                margin: 9px 0 0 0;
            }

            .takip-yonetimi .ara-filtre .neolsun:hover:after {
                background: #ccc;
            }

            .takip-yonetimi .ara-filtre .neolsun.aktif:after {
                background: #f5792a;
            }

        .takip-yonetimi .ara-filtre .kutu {
            box-shadow: none;
            background: #fff;
            border: none;
            width: 180px;
            float: left;
            border-left: 1px solid #dedede;
            padding: 5px 0 5px 20px;
            margin: 5px 0;
            height: 14pt;
            line-height: 14pt;
        }

            .takip-yonetimi .ara-filtre .kutu.genis {
                padding: 5px 0;
                border: none;
                width: 500px;
            }

        .takip-yonetimi .ara-filtre .btn {
            float: right;
            margin: 3px 0 3px 10px;
        }

    .takip-yonetimi .filtre-listesi {
        width: calc(100% - 40px);
        padding: 13px 20px 0 20px;
        background: #fff;
        height: 400px;
        overflow-x: hidden;
        overflow-y: scroll;
        float: left;
    }

        .takip-yonetimi .filtre-listesi .tek {
            width: 100%;
            float: left;
            padding: 3px 0;
        }

            .takip-yonetimi .filtre-listesi .tek .simge {
                float: left;
                width: 30px;
                height: 30px;
                margin: 5px 10px 5px 0;
                border-radius: 7px;
                overflow: hidden;
            }

                .takip-yonetimi .filtre-listesi .tek .simge img {
                    width: 30px;
                    height: 30px;
                }

            .takip-yonetimi .filtre-listesi .tek .nedir {
                float: left;
                width: calc(100% - 260px);
                border-bottom: 1px solid #f1f1f1;
                font-weight: bold;
                font-size: 12pt;
                line-height: 44px;
                margin: 0;
            }

            .takip-yonetimi .filtre-listesi .tek .aksiyon {
                background: #f5792a;
                width: 190px;
                color: #fff;
                font-size: 11pt;
                line-height: 14pt;
                padding: 5px;
                position: relative;
                margin: 5px 0;
                font-weight: normal;
                border-radius: 3px;
                float: right;
            }

                .takip-yonetimi .filtre-listesi .tek .aksiyon.pasif {
                    background: #f1f1f1;
                    color: #999;
                }

                .takip-yonetimi .filtre-listesi .tek .aksiyon .eylem {
                    float: left;
                    margin: 0 7px;
                }

                .takip-yonetimi .filtre-listesi .tek .aksiyon .sayi {
                    background: #fff;
                    color: #f5792a;
                    margin: 2px 2px 0 0;
                    padding: 0 3px;
                    position: relative;
                    font-size: 8pt;
                    line-height: 11pt;
                    float: right;
                    border-radius: 3px;
                }

                .takip-yonetimi .filtre-listesi .tek .aksiyon.pasif .sayi {
                    background: #999;
                    color: #fff;
                }

/* Listede Filtreleme */

.liste-baglantilari {
    width: calc(100% - 50px);
    font-size: 14pt;
    line-height: 20pt;
    margin: -20px 0 10px 30px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 3px;
    float: left;
}

    .liste-baglantilari .tek {
        margin: 0 0 0 5px;
        background: #ccc;
        color: #fff;
        border-radius: 3px;
        padding: 5px 12px;
        float: right;
    }

        .liste-baglantilari .tek span {
            line-height: 20pt;
            float: left;
            min-width: 18px;
            text-align: center;
        }

        .liste-baglantilari .tek.renkli {
            background: #f5792a;
        }

            .liste-baglantilari .tek.renkli .sayi {
                color: #d06724;
                margin: 0 -5px 0 10px;
                background: #fff;
                padding: 0 5px;
                border-radius: 3px;
            }

            .liste-baglantilari .tek.renkli.pasif {
                background: #dedede;
                color: #666;
            }

                .liste-baglantilari .tek.renkli.pasif .sayi {
                    color: #999;
                }

        .liste-baglantilari .tek.bildir {
            background: #dedede;
            color: #666;
        }

            .liste-baglantilari .tek.bildir.aktif {
                background: #f5792a;
                color: #fff;
            }

        .liste-baglantilari .tek.ackapa {
            background: #dedede;
            color: #333;
        }

            .liste-baglantilari .tek.ackapa.aktif {
                background: #f5792a;
                color: #fff;
            }

        .liste-baglantilari .tek.terscevir {
            background: #dedede;
            color: #333;
        }

    .liste-baglantilari .listede-ara {
        float: left;
        width: calc(100% - 300px);
        margin: 0;
    }

        .liste-baglantilari .listede-ara .kutu {
            height: 26px;
        }

/* Listede Ayar Satırı */

.tercih-ust {
    width: calc(100% - 50px);
    padding: 0 10px;
    margin: 0 0 5px 30px;
    background: #222;
    color: #fff;
    line-height: 30px;
    border-radius: 3px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
}

    .tercih-ust .ayarlar {
        color: #ccc;
        font-size: 10pt;
    }

.tercih-detay {
    width: calc(100% - 50px);
    padding: 10px 10px 10px 10px;
    margin: 0 0 5px 30px;
    background: #fff;
    position: relative;
    line-height: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dedede;
    float: left;
    border-radius: 3px;
    font-weight: bold;
}

    .tercih-detay .ackapa {
        float: right;
        height: 20px;
    }

    .tercih-detay .ackapa {
        float: right;
    }

    .tercih-detay .aciklama {
        width: calc(100% - 100px);
        color: #999;
        border-top: 1px solid #f1f1f1;
        font-size: 9pt;
        line-height: 11pt;
        padding: 5px 0 0 0;
        margin: 5px 0 -3px 0;
        float: left;
        font-weight: normal;
    }

/* Profil Düzenle */

.ayar-sayfasi {
    width: calc(100% - 30px);
    margin: 0 0 0 30px;
}

    .ayar-sayfasi hr {
        width: 100%;
        height: 1px;
        border: none;
        background: #ccc;
        margin: 0 0 20px 0;
    }

    .ayar-sayfasi .tek-ayar {
        width: 100%;
        margin: 0 0 20px 0;
        font-size: 13pt;
        line-height: 18pt;
        color: #333;
    }

        .ayar-sayfasi .tek-ayar .menu-dd-kucuk {
            border: 1px solid #f5792a;
            color: #333;
            margin: 0 0 0 5px;
            float: left;
        }

        .ayar-sayfasi .tek-ayar .ayar-bilgisi {
            width: 100%;
            margin: 0 0 10px 0;
            float: left;
        }

            .ayar-sayfasi .tek-ayar .ayar-bilgisi .nedir {
                float: left;
                margin: 0 0 0 10px;
                font-weight: bold;
                font-size: 13pt;
                line-height: 17pt;
                color: #f5792a;
            }

            .ayar-sayfasi .tek-ayar .ayar-bilgisi .ekbilgi {
                float: right;
                color: #999;
            }

        .ayar-sayfasi .tek-ayar .ayar-formu {
            width: 100%;
            position: relative;
        }

            .ayar-sayfasi .tek-ayar .ayar-formu .kutu {
                margin-bottom: 10px;
            }

                .ayar-sayfasi .tek-ayar .ayar-formu .kutu.ikili {
                    width: calc(50% - 25px);
                    float: left;
                }

            .ayar-sayfasi .tek-ayar .ayar-formu .gun {
                width: 100px;
                float: left;
                margin: 0 10px 0 0;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .ay {
                width: 200px;
                float: left;
                margin: 0 10px 0 0;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .yil {
                width: 120px;
                float: left;
                margin: 0 10px 0 0;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .havalandir {
                position: absolute;
                top: 5px;
                right: 5px;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli {
                width: calc(100% - 22px);
                padding: 10px 10px;
                background: #f1f1f1;
                color: #333;
                border: 1px solid #ccc;
                border-radius: 3px;
                line-height: 20px;
                position: relative;
                margin-bottom: 10px;
            }

                .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli .cb {
                    line-height: 20px;
                }

                .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli.yasgizliligi {
                    width: 238px;
                    float: right;
                }

            .ayar-sayfasi .tek-ayar .ayar-formu .sehir {
                width: 180px;
                float: left;
                margin: 0 10px 0 0;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .ilce {
                width: 180px;
                float: left;
                margin: 0 10px 0 0;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli.sehirsifirlama {
                width: 308px;
                float: right;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli.kendinibanlama {
                width: 398px;
                float: right;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .bansuresi {
                width: 280px;
                float: left;
                margin: 0 10px 0 0;
            }

            .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli.kendinibanlama .btn {
                margin: 0 0 0 5px;
                float: left;
            }

/* Trend Haberler Detayı */

.trend-haberler-detay {
    width: 100%;
    margin: 0 0 30px 0;
}

    .trend-haberler-detay .tablo {
        width: calc(100% - 60px);
        margin: 30px 30px 0 30px;
    }

        .trend-haberler-detay .tablo .sira {
            width: 1% !important;
        }

        .trend-haberler-detay .tablo .goruntulenenicerik {
            width: 63% !important;
        }

        .trend-haberler-detay .tablo .bakansayisi {
            width: 15% !important;
        }

        .trend-haberler-detay .tablo .tur {
            width: 10% !important;
        }

        .trend-haberler-detay .tablo .tarih {
            width: 10% !important;
        }

        .trend-haberler-detay .tablo * {
            min-width: inherit !important;
        }

/* Özel Liste (Video) */

.ozel-liste-video {
    background: #f1f1f1;
    min-height: 1400px;
}

    .ozel-liste-video .kolon.tam {
        padding: 0 30px 0 20px;
        width: calc(100% - 50px);
    }

    .ozel-liste-video .medya-buyuk-kapsam {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

        .ozel-liste-video .medya-buyuk-kapsam .medya-buyuk {
            float: left;
            width: calc(100% - 555px);
            height: 300px;
            margin: 0 0 0 10px;
            box-sizing: border-box;
            position: relative;
        }

            .ozel-liste-video .medya-buyuk-kapsam .medya-buyuk .onizleme {
                width: 100%;
                height: 300px;
                background-size: cover;
                background-position: center;
                position: relative;
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                background-color: #000;
            }

                .ozel-liste-video .medya-buyuk-kapsam .medya-buyuk .onizleme .not {
                    position: absolute;
                    top: 10px;
                    left: 10px;
                    background: rgba(0, 0, 0, 0.7);
                    color: #fff;
                    font-size: 11pt;
                    font-weight: bold;
                    padding: 0 10px;
                    line-height: 30px;
                    border-radius: 3px;
                }

        /*.ozel-liste-video .medya-buyuk-kapsam .medya-buyuk .baslik { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size:26pt; line-height:30pt; font-family:'Ubuntu', Arial; font-weight:bold; color:#fff; text-shadow:0 1px 2px #000; padding:100px 25px 20px 25px; background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); } */
        .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi {
            float: right;
            width: 467px;
            height: 298px;
            padding: 20px;
            background: #fff;
            box-sizing: content-box;
            position: relative;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .baslik {
                width: 100%;
                color: #000;
                font-size: 26pt;
                line-height: 30pt;
                font-family: "Ubuntu", Arial;
                font-weight: bold;
                margin: 0 0 20px 0;
            }

            .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .aciklama {
                width: 100%;
                color: #666;
                font-size: 12pt;
                line-height: 17pt;
            }

            .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .bilgi {
                position: absolute;
                bottom: 20px;
                left: 20px;
                font-size: 10pt;
                line-height: 14pt;
                color: #999;
            }

            .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .alt {
                position: absolute;
                bottom: 20px;
                right: 20px;
            }

                .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .alt .imle {
                    background: #dedede !important;
                }

                    .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .alt .imle.aktif {
                        background: #f5792a !important;
                    }

    .ozel-liste-video .liste-baglantilari {
        width: calc(100% - 10px);
        margin: 30px 0 30px 10px;
        background: none !important;
        padding: 0;
    }

        .ozel-liste-video .liste-baglantilari .ne {
            float: left;
            margin: 0 20px 0 0;
            line-height: 36px;
            font-size: 24pt;
            font-weight: bold;
            font-family: "Ubuntu", Arial;
            max-width: 450px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ozel-liste-video .liste-baglantilari .tek {
            float: left;
            margin: 0 5px 0 0 !important;
        }

        .ozel-liste-video .liste-baglantilari .listede-ara {
            width: 230px;
            float: right;
            margin: 0 0 0 20px;
        }

        .ozel-liste-video .liste-baglantilari .video-turu-sec {
            float: right;
            position: relative;
            bottom: 2px;
        }

            .ozel-liste-video .liste-baglantilari .video-turu-sec .menu-dd {
                width: 135px !important;
            }

    .ozel-liste-video .tam-kucuk-sorgu {
        width: 100%;
        margin: 0 0 0 0;
        background: #f1f1f1;
        padding: 10px 0 8px 0;
        overflow: hidden;
        position: relative;
        float: left;
    }

    .ozel-liste-video .medya-kapsam {
        position: relative;
        margin: 0 0 25px 0;
        width: 100%;
        padding: 0 0 5px 0;
    }

        .ozel-liste-video .medya-kapsam:after {
            position: absolute;
            content: "";
            width: calc(100% - 10px);
            bottom: -1px;
            left: 10px;
            height: 1px;
            background: #dedede;
        }

        .ozel-liste-video .medya-kapsam .medya-kapsam-ustu {
            width: calc(100% - 10px);
            padding: 0 0 0 10px;
            margin: 0 0 5px 0;
        }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .simge-resim {
                float: left;
                width: 30px;
                height: 30px;
                border-radius: 6px;
                overflow: hidden;
                margin: -3px 10px 0 0;
                background: #fff;
            }

                .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .simge-resim img {
                    width: 30px;
                    height: 30px;
                }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .simge {
                float: left;
                width: 30px;
                height: 30px;
                border-radius: 6px;
                overflow: hidden;
                margin: -3px 10px 0 0;
                background: #f5792a;
                color: #fff;
                line-height: 30px;
                font-size: 15pt;
                text-align: center;
            }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .ne {
                float: left;
                margin: 0 5px 4px 0;
                font-weight: bold;
                line-height: 26px;
                font-size: 13pt;
                color: #f5792a;
            }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .not {
                font-size: 9pt;
                color: #666;
                float: left;
                line-height: 30px;
            }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .gizle {
                width: 30px;
                height: 30px;
                line-height: 30px;
                margin: 0 0 0 10px;
                text-align: center;
                color: #666;
                float: right;
            }

                .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .gizle:hover {
                    color: #ccc;
                }

                .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .gizle * {
                    line-height: 24px;
                    font-size: 14pt;
                }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .abone-ol {
                float: right;
                padding-left: 7px;
            }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .bildirim-aboneligi {
                float: right;
                margin: 0 -10px 0 5px;
            }

                .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .bildirim-aboneligi .simge {
                    background: none !important;
                    color: #999;
                }

                .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .bildirim-aboneligi.aktif .simge {
                    background: none !important;
                    color: #f5792a;
                }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .gizle * {
                line-height: 24px;
                font-size: 14pt;
            }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .abone-ol {
                float: right;
                padding-left: 7px;
            }

            .ozel-liste-video .medya-kapsam .medya-kapsam-ustu .btn {
                float: right;
                margin: 3px 0 0 5px;
            }

        .ozel-liste-video .medya-kapsam .uyari {
            width: calc(100% - 45px);
            margin: 0 0 15px 5px;
        }

    .ozel-liste-video .medya-kucuk-alt {
        width: calc(25% - 10px);
        float: left;
        margin: 0 0 30px 10px;
    }

        .ozel-liste-video .medya-kucuk-alt .onizleme .onizleme-hover {
            width: 100%;
            height: 150px;
            background-size: cover;
            background-position: center;
            position: relative;
            border-radius: 3px;
            background-color: #ccc;
            display: none;
            float: left;
        }

        .ozel-liste-video .medya-kucuk-alt:hover .onizleme .onizleme-hover {
            display: inline-block;
        }

        .ozel-liste-video .medya-kucuk-alt .onizleme .seekbar {
            width: 100%;
            background: #f5792a;
            height: 3px;
            position: absolute;
            bottom: 0;
            left: 0;
            box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.5);
            z-index: 2;
        }

    .ozel-liste-video .daha-fazla {
        margin-top: 10px;
        /*margin-left:15px; */
    }

        .ozel-liste-video .daha-fazla .btn {
            /*width: calc(100% - 30px); */
            width: auto;
            margin: 0 0 0 10px;
            padding: 7px 30px;
            font-size: 13pt;
            font-weight: bold;
            letter-spacing: 1px;
            border-radius: 30px;
            font-family: "Ubuntu", Arial;
            -webkit-transition: background-color 100ms linear;
            -moz-transition: background-color 100ms linear;
            -o-transition: background-color 100ms linear;
            -ms-transition: background-color 100ms linear;
            transition: background-color 100ms linear;
        }

            .ozel-liste-video .daha-fazla .btn:hover {
                opacity: 1;
            }

/* Özel Detay (Video) */

.ozel-detay-video {
    background: #fff;
}

    .ozel-detay-video .video-sol {
        width: 730px;
        padding: 0 0 30px 30px;
        float: left;
    }

        .ozel-detay-video .video-sol .video-kucuk {
            margin: 30px 0 0 0;
            position: relative;
        }

    .ozel-detay-video .oynaticida-sonrakine-geciliyor {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.95);
        width: 100%;
        height: calc(100% - 30px);
        color: #fff;
        font-size: 12pt;
        z-index: 2;
        text-align: center;
    }

        .ozel-detay-video .oynaticida-sonrakine-geciliyor div {
            width: calc(100% - 40px);
            display: block;
            margin: 10px 0;
            padding: 0 20px;
        }

            .ozel-detay-video .oynaticida-sonrakine-geciliyor div a {
                color: #fff;
            }

        .ozel-detay-video .oynaticida-sonrakine-geciliyor .siradaki {
            margin-top: 70px;
            color: #ccc;
            font-size: 11pt;
            line-height: 14pt;
        }

        .ozel-detay-video .oynaticida-sonrakine-geciliyor .video-adi {
            color: #fff;
            font-size: 20pt;
            line-height: 24pt;
            font-family: "Ubuntu", Arial;
        }

        .ozel-detay-video .oynaticida-sonrakine-geciliyor .yukleyen {
            color: #fff;
            font-size: 11pt;
            line-height: 14pt;
            margin: 0 0 15px 0;
        }

        .ozel-detay-video .oynaticida-sonrakine-geciliyor .oynat-geri-sayim {
            position: relative;
        }

            .ozel-detay-video .oynaticida-sonrakine-geciliyor .oynat-geri-sayim svg {
                width: 80px;
                height: 80px;
                color: #fff;
                display: inline-block;
            }

            .ozel-detay-video .oynaticida-sonrakine-geciliyor .oynat-geri-sayim .geri-sayim {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 50px;
                margin: -21px 0 0 -25px;
                text-align: center;
                line-height: 22px;
                font-size: 13pt;
            }

        .ozel-detay-video .oynaticida-sonrakine-geciliyor .iptal {
            color: #fff;
            font-size: 11pt;
            line-height: 15pt;
            letter-spacing: 1px;
        }

    .ozel-detay-video .video-sol .oynatici-tercihleri {
        width: calc(100% - 10px);
        background: #f1f1f1;
        padding: 3px 5px;
    }

    /*.ozel-detay-video .video-sol .temel-bilgi .oge .abone-ol {margin-left: 0; } */
    .ozel-detay-video .video-sol .oto-baslat {
        float: right;
        color: #999;
        font-size: 9pt;
    }

        .ozel-detay-video .video-sol .oto-baslat .not {
            float: left;
            line-height: 24px;
            margin: 0 5px 0 0;
        }

    .ozel-detay-video .video-sol .post-baslik {
        font-size: 20pt;
        line-height: 24pt;
    }

    .ozel-detay-video .video-sol .post {
        width: 100%;
    }

        .ozel-detay-video .video-sol .post .kolon.mini {
            left: 0;
        }

        .ozel-detay-video .video-sol .post .kolon.yazi {
            width: calc(100% - 120px);
            margin: 0 0 0 120px;
            min-height: 100px;
        }

    .ozel-detay-video .video-sol .yorumlar {
        width: calc(100% - 120px);
        margin: 0 0 0 120px;
        /*border-top: 1px solid #dedede; padding-top:20px; */
    }

    .ozel-detay-video .video-sag {
        width: 320px;
        padding: 30px 30px 30px 0;
        float: right;
        display: inline-block;
    }

        .ozel-detay-video .video-sag .ara-baslik {
            line-height: 22px;
            margin-bottom: 10px;
        }

            .ozel-detay-video .video-sag .ara-baslik .nedir {
                color: #000;
                margin-top: -2px;
                font-weight: bold;
                font-size: 12pt;
            }

            .ozel-detay-video .video-sag .ara-baslik .not {
                font-size: 9pt;
            }

        .ozel-detay-video .video-sag hr.ayrac {
            width: 100%;
            margin: 10px 0 20px 0;
            display: inline-block;
            float: left;
            background: #dedede;
            height: 1px;
            border: none;
        }

        .ozel-detay-video .video-sag footer {
            display: inline-block;
            margin: 20px 0 0 0;
        }

/* Özel Liste (Foto Galeri) */

.ozel-liste-galeri {
    background: #f1f1f1;
    min-height: 1400px;
}

    .ozel-liste-galeri .kolon.tam {
        padding: 0 30px 0 10px;
    }

    .ozel-liste-galeri .liste-baglantilari {
        width: calc(100% - 20px);
        margin: 30px 0 30px 20px;
        background: none !important;
        padding: 0;
    }

        .ozel-liste-galeri .liste-baglantilari .ne {
            float: left;
            margin: 0 20px 0 0;
            line-height: 36px;
            font-size: 24pt;
            font-weight: bold;
            font-family: "Ubuntu", Arial;
            word-wrap: break-word;
        }

        .ozel-liste-galeri .liste-baglantilari .tek {
            float: left;
        }

        .ozel-liste-galeri .liste-baglantilari .listede-ara {
            width: 230px;
            float: right;
            margin: 0 0 0 20px;
        }

    .ozel-liste-galeri .tam-kucuk-sorgu {
        width: 100%;
        margin: 0 0 0 0;
        background: #f1f1f1;
        padding: 10px 0 8px 0;
        overflow: hidden;
        position: relative;
        float: left;
    }

    .ozel-liste-galeri .medya-kapsam {
        position: relative;
        margin: 0 0 25px 0;
        width: 100%;
        padding: 0 0 5px 0;
    }

        .ozel-liste-galeri .medya-kapsam:after {
            position: absolute;
            content: "";
            width: calc(100% - 10px);
            bottom: -1px;
            left: 10px;
            height: 1px;
            background: #dedede;
        }

        .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu {
            width: calc(100% - 20px);
            padding: 0 0 0 20px;
            margin: 0 0 5px 0;
        }

            .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .simge-resim {
                float: left;
                width: 30px;
                height: 30px;
                border-radius: 6px;
                overflow: hidden;
                margin: -3px 10px 0 0;
                background: #fff;
            }

                .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .simge-resim img {
                    width: 30px;
                    height: 30px;
                }

            .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .simge {
                float: left;
                width: 30px;
                height: 30px;
                border-radius: 6px;
                overflow: hidden;
                margin: -3px 10px 0 0;
                background: #f5792a;
                color: #fff;
                line-height: 30px;
                font-size: 15pt;
                text-align: center;
            }

            .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .ne {
                float: left;
                margin: 0 5px 4px 0;
                font-weight: bold;
                line-height: 26px;
                font-size: 13pt;
                color: #f5792a;
            }

            .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .not {
                font-size: 9pt;
                color: #666;
                float: left;
                line-height: 30px;
            }

            .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .gizle {
                width: 30px;
                height: 30px;
                line-height: 30px;
                margin: 0 0 0 10px;
                text-align: center;
                color: #666;
                float: right;
            }

                .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .gizle:hover {
                    color: #ccc;
                }

                .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .gizle * {
                    line-height: 24px;
                    font-size: 14pt;
                }

            .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .abone-ol {
                float: right;
                padding-left: 7px;
            }

            .ozel-liste-galeri .medya-kapsam .medya-kapsam-ustu .btn {
                float: right;
                margin: 3px 0 0 5px;
            }

        .ozel-liste-galeri .medya-kapsam .uyari {
            width: calc(100% - 55px);
            margin: 0 0 15px 15px;
        }

    .ozel-liste-galeri .medya-galeri-kutu {
        width: calc(33.3% - 20px);
        float: left;
        margin: 0 0 20px 20px;
    }

        .ozel-liste-galeri .medya-galeri-kutu.orta {
            width: calc(50% - 20px);
        }

        .ozel-liste-galeri .medya-galeri-kutu.buyuk {
            width: calc(100% - 20px);
        }

    .ozel-liste-galeri .daha-fazla {
        margin: 0 0 20px 20px;
        width: calc(100% - 20px);
        /*margin-top: 10px; margin-left:15px; */
    }

        .ozel-liste-galeri .daha-fazla .btn {
            /*width: calc(100% - 30px); */
            width: auto;
            margin: 0;
            padding: 7px 30px;
            font-size: 13pt;
            font-weight: bold;
            letter-spacing: 1px;
            border-radius: 30px;
            font-family: "Ubuntu", Arial;
            -webkit-transition: background-color 100ms linear;
            -moz-transition: background-color 100ms linear;
            -o-transition: background-color 100ms linear;
            -ms-transition: background-color 100ms linear;
            transition: background-color 100ms linear;
        }

            .ozel-liste-galeri .daha-fazla .btn:hover {
                opacity: 1;
            }

/* Hata Sayfaları */
.hata {
    width: 1080px;
    height: 764px;
    margin-top: 30px;
    border-radius: 20px;
}

    .hata.h403 {
        background-image: url("../img/403.jpg");
    }

    .hata.h404 {
        background-image: url("../img/404.jpg");
    }

    .hata.h500 {
        background-image: url("../img/500.jpg");
    }

    .hata.h502 {
        background-image: url("../img/502.jpg");
    }

    .hata.h503 {
        background-image: url("../img/503.jpg");
    }

    .hata.h504 {
        background-image: url("../img/504.jpg");
    }

/* Düzenlemeler */

@keyframes yukseliste {
    0% {
        background: #a3ffa5;
        box-shadow: 0 0 50px #a3ffa5;
    }

    100% {
        background: none;
        box-shadow: none;
    }
}

.trend-haberler-detay .tablo tr.vurgula.yukselis {
    animation: yukseliste 1s;
}

@keyframes dususte {
    0% {
        background: #ffbcbf;
        box-shadow: 0 0 50px #ffbcbf;
    }

    100% {
        background: none;
        box-shadow: none;
    }
}

.trend-haberler-detay .tablo tr.vurgula.dusus {
    animation: dususte 1s;
}

/* Rehberler (Guide) vs. */
@keyframes box-shadow {
    0% {
        box-shadow: 0 5px 50px rgba(0, 0, 0, 0.3);
    }

    30% {
        box-shadow: 0 5px 80px #000;
    }

    50% {
        box-shadow: 0 5px 100px rgba(0, 0, 0, 0.3);
    }

    100% {
        box-shadow: 0 5px 100px rgba(0, 0, 0, 1);
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
    }

    20% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }

    60% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
    }

    80% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
    }
}

.anlatim.rehber {
    display: inline-block;
    animation: box-shadow 2s;
    bottom: 45px;
    top: inherit;
    animation: scale 1.1s ease-in-out;
    box-shadow: 0 5px 100px rgba(0, 0, 0, 1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    z-index: 99;
    width: 220px;
    padding: 20px 20px;
}

    .anlatim.rehber:after {
        content: "";
        position: absolute;
        bottom: -18px;
        right: 32px;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #ffffff transparent transparent transparent;
    }

    .anlatim.rehber img {
        float: inherit;
        /*margin-top:25px; margin-bottom: 25px; */
    }

    .anlatim.rehber .kapat {
        position: absolute;
        top: 3px;
        right: 3px;
        background: #fff;
        border: 1px solid #ccc;
        width: 26px;
        height: 24px;
        line-height: 26px;
        text-align: center;
        color: #333;
        font-size: 13pt;
        border-radius: 3px;
    }

        .anlatim.rehber .kapat:hover {
            background: #f1f1f1;
        }

        .anlatim.rehber .kapat:active {
            color: #666;
        }

/* Zorlamalar */

.doseme-yuklenirken {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 1140px;
    z-index: 2;
    background: #f1f1f1 url(../img/yukleniyor.gif) center no-repeat;
}

/* Fix */

.uyari.tepe {
    min-width: 1100px;
    z-index: 12;
    position: relative;
}

.medya-kucuk {
    /* detaydaki ilgili son gönderiler modülü sayfayı yenilediğimizde dağınık görünüyor diye bu eklendi */
    width: 198px !important;
    margin-bottom: 35px !important;
}

.video-buyuk div {
    /* flowplayer'ın üstündeki barların kaymasını engellesin diye eklendi */
    /*display: block; */
}

/*gerek kalmamış (şimdilik yoruma alındı)*/
/* Tabletler için Medya Sorguları */

/* --------------------------------------------------------------------------------------------- */

/* Cookie Kutu */
.cookie-kutu {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 9999;
    width: 475px;
    height: 120px;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: 1px solid #dedede;
    background-color: #ffffff;
    display: none;
}

    .cookie-kutu .dh-cookie {
        width: 102px;
        height: 62px;
        padding: 30px 0 0 9px;
    }

    .cookie-kutu .govde {
        width: 317px;
        height: 36px;
        float: right;
        color: #000000;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.13px;
        line-height: 18px;
        padding: 18px 38px 66px 0;
    }

        .cookie-kutu .govde .butonlar {
            white-space: nowrap;
            padding: 15px 0 0 0;
        }

            .cookie-kutu .govde .butonlar .cookie-buton {
                width: 157px;
                height: 30px;
                border-radius: 5px;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0.13px;
                text-align: center;
                line-height: 28px;
                cursor: pointer;
            }

                .cookie-kutu .govde .butonlar .cookie-buton.onay {
                    color: #fff;
                    margin-right: 21px;
                    background-image: linear-gradient(135deg, #f28743 0%, #ee5347 100%);
                }

                .cookie-kutu .govde .butonlar .cookie-buton.info {
                    color: #999999;
                    font-weight: 400;
                    background-image: linear-gradient(-45deg, #f1f1f1 0%, #dedede 100%);
                }

    .cookie-kutu .kapat {
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        line-height: 34px;
        text-align: center;
        color: #fff;
        font-size: 16pt;
        background-image: linear-gradient(135deg, #f28743 0%, #ee5347 100%);
    }

.gecemodu .cookie-kutu {
    border: 1px solid #191919;
    background-color: #333333;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
}

    .gecemodu .cookie-kutu .govde {
        color: #ffffff;
    }

        .gecemodu .cookie-kutu .govde .butonlar .cookie-buton.info {
            background-color: #191919;
            color: #999999;
            background-image: none;
        }

/* Elastic Search */

.elastic-search {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.51);
}

.elastic-search {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
    width: 580px;
    overflow: scroll;
}

    .elastic-search .searchBody .ssBorder {
        display: none;
    }

    .elastic-search .searchBody {
        width: 100%;
        display: inline-block;
    }

        .elastic-search .searchBody .header {
            background-color: #fff;
            padding: 15px 15px 0px 15px;
        }

            .elastic-search .searchBody .header .title {
                color: #000000;
                font-size: 20px;
                font-weight: 700;
                letter-spacing: -0.53px;
            }

            .elastic-search .searchBody .header .share {
                position: relative;
                font-size: 13px;
                color: #f5792c;
                float: right;
                cursor: pointer;
            }

                .elastic-search .searchBody .header .share:before {
                    font-family: "icomoon";
                    content: "\e618";
                    padding: 0 5px 0 0;
                    vertical-align: middle;
                }

                .elastic-search .searchBody .header .share ul {
                    position: absolute;
                    color: #000;
                    border: 1px solid #dedede;
                    z-index: 99999;
                    top: 25px;
                    padding: 10px 0 10px 0;
                    right: 0;
                    background-color: #fff;
                    border-radius: 5px;
                    box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.25);
                }

                    .elastic-search .searchBody .header .share ul li {
                        padding: 5px 10px;
                    }

                        .elastic-search .searchBody .header .share ul li:hover {
                            background-color: #eee;
                        }

                        .elastic-search .searchBody .header .share ul li:last-child {
                            padding-bottom: 0;
                        }

                            .elastic-search .searchBody .header .share ul li:last-child:hover {
                                background-color: transparent;
                            }

                        .elastic-search .searchBody .header .share ul li input[type="text"] {
                            border-radius: 3px;
                            padding: 5px;
                            box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.15);
                            border: solid 1px #dedede;
                            background-color: #ffffff;
                            text-overflow: ellipsis;
                            width: 120px;
                        }

                        .elastic-search .searchBody .header .share ul li button {
                            border-radius: 3px;
                            width: 120px;
                            height: 25px;
                            background-color: #dedede;
                            font-size: 13px;
                        }

                        .elastic-search .searchBody .header .share ul li a {
                            color: #000;
                        }

                    .elastic-search .searchBody .header .share ul.up-arrow:before {
                        content: "";
                        display: block;
                        position: absolute;
                        left: 103px;
                        bottom: 100%;
                        width: 0;
                        height: 0;
                        border: 10px solid transparent;
                        border-bottom-color: #dedede;
                    }

                    .elastic-search .searchBody .header .share ul.up-arrow:after {
                        content: "";
                        display: block;
                        position: absolute;
                        left: 104px;
                        bottom: 100%;
                        width: 0;
                        height: 0;
                        border: 9px solid transparent;
                        border-bottom-color: white;
                    }

            .elastic-search .searchBody .header .searchInput {
                position: relative;
                width: 100%;
            }

                .elastic-search .searchBody .header .searchInput input {
                    padding: 0 45px 0 20px;
                    margin: 15px 0 20px 0;
                    width: 100%;
                    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
                    border-radius: 20px;
                    border: 2px solid #f5792c;
                    background-color: #ffffff;
                    height: 42px;
                    font-size: 15px;
                    letter-spacing: 0.14px;
                }

                .elastic-search .searchBody .header .searchInput .submit {
                    cursor: pointer;
                    position: absolute;
                    top: 18px;
                    right: 4px;
                    width: 36px;
                    height: 36px;
                    border-radius: 20px;
                    background-image: linear-gradient(135deg, #f9893f 0%, #e95450 100%);
                }

                    .elastic-search .searchBody .header .searchInput .submit:before {
                        content: url("../img/icon-search.png");
                        position: absolute;
                        top: 6px;
                        left: 8px;
                    }

            .elastic-search .searchBody .header .info {
                width: 100%;
                color: #000000;
                font-size: 13px;
                font-weight: 400;
                letter-spacing: -0.35px;
            }

                .elastic-search .searchBody .header .info b {
                    font-weight: 700;
                }

            .elastic-search .searchBody .header .custom-filters {
                padding: 15px 0 0 0;
                width: 100%;
            }

                .elastic-search .searchBody .header .custom-filters .title {
                    display: inline-block;
                    vertical-align: 8px;
                    color: #000000;
                    font-size: 13px;
                    font-weight: 700;
                    letter-spacing: -0.35px;
                }

                .elastic-search .searchBody .header .custom-filters .custom-filterToggle {
                    line-height: 25px;
                    float: right;
                    color: #999999;
                    font-size: 13px;
                    font-weight: 400;
                    letter-spacing: -0.35px;
                }

                    .elastic-search .searchBody .header .custom-filters .custom-filterToggle:before {
                        content: url("../img/icon-arrows-down.png");
                        position: relative;
                        right: 5px;
                        top: 1px;
                    }

@media (max-width: 550px) {
    .elastic-search .searchBody .custom-filter.list {
        display: inline-block;
        width: 100%;
        margin: 0;
    }

        .elastic-search .searchBody .custom-filter.list div {
            float: unset;
            border: 1px solid #000 !important;
            border-radius: 5px;
            margin-left: 0 !important;
            margin-bottom: 3px;
            text-align: center;
        }
}

.elastic-search .searchBody .custom-filter_txt {
    display: inline;
    margin-left: 5px;
}

    .elastic-search .searchBody .custom-filter_txt:after {
        content: " ";
        display: block;
        clear: both;
        margin-bottom: 5px;
    }

.elastic-search .searchBody .custom-filter div {
    float: left;
    display: block;
    position: relative;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    padding: 0;
    margin: 0;
}

    .elastic-search .searchBody .custom-filter div:first-child {
        margin-left: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: 1px solid #dedede;
        border-left: 1px solid #dedede;
    }

    .elastic-search .searchBody .custom-filter div:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.elastic-search .searchBody .custom-filter input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.elastic-search .searchBody .custom-filter > div > label {
    cursor: pointer;
    display: block;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.35px;
}

.elastic-search .searchBody .custom-filter input:checked ~ label {
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.3);
    border-radius: 2px 0 0 2px;
    background-color: #f5792c;
    color: #fff;
}

.float-right {
    float: right;
}

.elastic-search .searchBody .footer {
    padding: 0 0 0 15px;
    display: inline-block;
    width: calc(100% - 30px);
}

    .elastic-search .searchBody .footer .title {
        width: 85px;
        color: #000000;
        vertical-align: 8px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: -0.35px;
        display: inline-block;
        margin-bottom: 5px;
    }

    .elastic-search .searchBody .footer .item {
        width: 100%;
        display: inline-block;
        margin: 5px 0 5px 0;
    }

    .elastic-search .searchBody .footer .pagination {
        display: inline-block;
    }

        .elastic-search .searchBody .footer .pagination .page,
        .pagination-next {
            float: left;
            border: 1px solid #ddd;
            border-right: 0;
            padding: 10px;
            margin-top: 20px;
            margin-bottom: 5px;
        }

    .elastic-search .searchBody .footer .pagination-next::after {
        content: "Sonraki";
    }

@media (min-width: 320px) and (max-width: 480px) {
    .elastic-search .searchBody .footer .pagination-next::after {
        content: ">";
    }
}

.elastic-search .searchBody .footer .pagination a {
    color: #000;
    height: 10px;
    line-height: 10px;
}

.elastic-search .searchBody .footer .pagination .page.active {
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.3);
    border-radius: 2px 0 0 2px;
    background-color: #f5792c;
    color: #fff;
}

.elastic-search .searchBody .footer .pagination a:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.elastic-search .searchBody .footer .pagination a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #dedede;
}

.elastic-search .searchBody .footer .pagination-next {
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-left: 10px;
    color: #000;
}

.elastic-search .searchBody .footer .sortcustom-filter {
    display: inline-block;
}

.elastic-search .searchBody .footer .smart-dropdown {
    margin-left: 5px;
    cursor: pointer;
}

    .elastic-search .searchBody .footer .smart-dropdown:after {
        content: url("../img/icon-down.png");
        position: absolute;
        right: 8px;
        top: 0;
        height: 18px;
        border-left: 1px solid #ddd;
        padding: 10px 0 0 8px;
    }

    .elastic-search .searchBody .footer .smart-dropdown.open:after {
        content: url("../img/icon-up.png");
    }

    .elastic-search .searchBody .footer .smart-dropdown .title {
        width: 130px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-radius: 3px;
        background-color: #fff;
        color: #000000;
        letter-spacing: -0.35px;
        padding: 5px 30px 5px 10px;
        font-size: 13px;
        border: 1px solid #dedede;
        cursor: pointer;
        font-weight: 400;
    }

    .elastic-search .searchBody .footer .smart-dropdown .content .searchbox {
        width: 100%;
        position: relative;
        top: 0;
    }

        .elastic-search .searchBody .footer .smart-dropdown .content .searchbox input {
            border-radius: 3px;
            padding: 0 10px 0 10px;
            box-sizing: border-box;
            box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.15);
            border: 1px solid #dedede;
            height: 30px;
            font-size: 14px;
            width: 100%;
        }

            .elastic-search .searchBody .footer .smart-dropdown .content .searchbox input:focus {
                outline: 2px solid #ddd;
                border-radius: 3px;
            }

.elastic-search .searchBody .footer .smart-dropdown {
    position: relative;
    display: inline-block;
}

    .elastic-search .searchBody .footer .smart-dropdown .content {
        margin-bottom: 20px;
        max-height: 200px;
        border-radius: 3px;
        display: none;
        position: absolute;
        padding: 10px;
        background-color: #fff;
        width: 230px;
        overflow: hidden;
        border: 1px solid #ddd;
        z-index: 1;
    }

        .elastic-search .searchBody .footer .smart-dropdown .content .items {
            overflow: auto;
            overflow-x: hidden;
            display: inline-block;
            width: 100%;
            max-height: 180px;
        }

        .elastic-search .searchBody .footer .smart-dropdown .content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

    .elastic-search .searchBody .footer .smart-dropdown a:hover {
        background-color: #ddd;
    }

    .elastic-search .searchBody .footer .smart-dropdown .content.show {
        display: block;
    }

.elastic-search .searchBody .result {
    background-color: #fff;
    padding: 0 15px 0 15px;
    display: inline-block;
    width: calc(100% - 30px);
}

    .elastic-search .searchBody .result .item {
        position: relative;
        margin-top: 15px;
        border-radius: 3px;
        background-color: #ffffff;
        min-height: 110px;
    }

        .elastic-search .searchBody .result .item .row-7 {
            display: inline-block;
            width: 69%;
        }

            .elastic-search .searchBody .result .item .row-7 .title {
                padding: 15px 40px 20px 0;
                color: #1200e3;
                font-size: 16px;
                font-weight: 400;
                letter-spacing: -0.43px;
            }

                .elastic-search .searchBody .result .item .row-7 .title b {
                    font-weight: 700;
                }

                .elastic-search .searchBody .result .item .row-7 .title a {
                    color: #1200e3;
                }

            .elastic-search .searchBody .result .item .row-7 .description {
                margin-top: -15px;
                color: #666666;
                font-size: 13px;
                font-weight: 400;
                letter-spacing: -0.35px;
            }

                .elastic-search .searchBody .result .item .row-7 .description b {
                    color: #000000;
                    font-weight: 700;
                }

        .elastic-search .searchBody .result .item .category {
            position: relative;
            bottom: 15px;
            left: -15px;
            padding: 0 0 7px 15px;
            color: #2d652a;
            font-size: 13px;
            letter-spacing: -0.35px;
            font-weight: 400;
        }

        .elastic-search .searchBody .result .item .row-3 {
            position: relative;
            float: left;
            padding: 0 10px 0 10px;
        }

            .elastic-search .searchBody .result .item .row-3 img {
                width: 100px;
                height: 100px;
                float: right;
                padding: 10px 10px 0 0;
            }

        .elastic-search .searchBody .result .item .date {
            color: #999999;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: -0.32px;
            position: absolute;
            top: 18px;
            right: 10px;
        }

.elastic-search .smartSearch {
    width: calc(100% - 50px);
    z-index: 9989;
    position: absolute;
    top: 99px;
    left: 25px;
    height: 305px;
    max-height: 305px;
    overflow: hidden;
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: 1px solid #d2d1cc;
    background-color: #ffffff;
}

    .elastic-search .smartSearch .search-title {
        position: relative;
        padding: 10px 0 10px 15px;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #dedede;
        color: #999999;
        font-size: 11px;
        letter-spacing: 0.1px;
    }

    .elastic-search .smartSearch .search-body {
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 265px;
    }

        .elastic-search .smartSearch .search-body .search-list {
            margin: 0;
            padding: 10px 0 10px 0;
        }

            .elastic-search .smartSearch .search-body .search-list .user {
                line-height: 20px;
                font-size: 15px;
            }

                .elastic-search .smartSearch .search-body .search-list .user .info {
                    color: #999999;
                    font-size: 10px;
                    letter-spacing: 0.1px;
                    position: relative;
                    top: 13px;
                    left: -110px;
                }

            .elastic-search .smartSearch .search-body .search-list li {
                display: inline-block;
                width: 100%;
                list-style-type: none;
                white-space: nowrap;
            }

                .elastic-search .smartSearch .search-body .search-list li a {
                    height: 30px;
                    display: block;
                    padding: 5px 10px 5px 10px;
                    color: #000;
                }

                    .elastic-search .smartSearch .search-body .search-list li a:hover {
                        background-color: #f1f1f1;
                    }

                .elastic-search .smartSearch .search-body .search-list li .profile {
                    float: left;
                    height: 30px;
                    margin-right: 10px;
                    display: inline-block;
                    width: 30px;
                    border-radius: 100%;
                    background-color: #fff;
                }

                .elastic-search .smartSearch .search-body .search-list li:first-child {
                    margin-top: 0;
                }

                .elastic-search .smartSearch .search-body .search-list li .title {
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: inline-block;
                    width: calc(100% - 50px);
                    color: #000000;
                    font-size: 15px;
                    letter-spacing: 0.1px;
                }

                .elastic-search .smartSearch .search-body .search-list li .place {
                    color: #999999;
                    font-size: 10px;
                    letter-spacing: 0.1px;
                }

                .elastic-search .smartSearch .search-body .search-list li .where {
                    float: right;
                    color: #999999;
                    font-size: 11px;
                    letter-spacing: 0.07px;
                }

    .elastic-search .smartSearch ::-webkit-scrollbar {
        width: 5px;
    }

    .elastic-search .smartSearch ::-webkit-scrollbar-thumb {
        background-color: #cccccc;
        border-radius: 10px;
    }

.tip {
    z-index: 99999;
    width: 0px;
    height: 0px;
    position: absolute;
    background: transparent;
    border: 10px solid #fff;
}

.tip-up {
    top: 80px;
    left: 55px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.search-bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
}

    .search-bg iframe {
        position: fixed;
        top: 0;
        height: 100%;
        width: 580px;
        right: 0;
        z-index: 999999;
    }

.bg-close {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background-color: #000;
    opacity: 0.5;
}

body.no-scroll {
    overflow: hidden;
}

/* Gece Modu Özelleştirmeleri */

body.gecemodu,
body.force-night-mode {
    background: #000 url("../img/bg_gecemodu.jpg") repeat-x top left;
    color-scheme: dark;
}

/* Stil Rehberindeki Değişiklikler */

.gecemodu .btn.pasif {
    color: #444 !important;
    background: #222 !important;
}

/* Header Civarı (Altı-Üstü) Genel */

.gecemodu .trend-liste {
    background: #333;
}

    .gecemodu .trend-liste .oge {
        border-bottom: 1px solid #333;
        background: #444;
    }

        .gecemodu .trend-liste .oge:hover {
            background: #555;
        }

        .gecemodu .trend-liste .oge .baslik {
            color: #dedede;
        }

.gecemodu .duyuru {
    background: #111;
}

    .gecemodu .duyuru:hover {
        background: #222;
    }

    .gecemodu .duyuru .ayrinti .bilgi {
        color: #dedede;
    }

/* Gece Modu: Header */

.gecemodu nav .oge ul.menu {
    background: #222;
}

    .gecemodu nav .oge ul.menu:before {
        border-color: transparent transparent #222 transparent;
    }

    .gecemodu nav .oge ul.menu a {
        background: #222;
        color: #dedede;
    }

        .gecemodu nav .oge ul.menu a:hover {
            background: #333;
        }

    .gecemodu nav .oge ul.menu li:hover > a {
        background: #333;
    }

    .gecemodu nav .oge ul.menu ul.altmenu a {
        color: #dedede;
    }

        .gecemodu nav .oge ul.menu ul.altmenu a:hover {
            background: #333;
        }

.gecemodu header .oturum .oturum-menu:before {
    border-color: transparent transparent #333 transparent;
}

.gecemodu header .oturum .oturum-menu .ust {
    background: #333;
    color: #dedede;
}

    .gecemodu header .oturum .oturum-menu .ust a {
        color: #dedede;
    }

    .gecemodu header .oturum .oturum-menu .ust .cb {
        color: #999;
    }

.gecemodu header .oturum .oturum-menu .govde {
    background: #222;
}

.gecemodu header .oturum .govde input {
    background: #333;
    border-color: #666;
    color: #dedede;
}

    .gecemodu header .oturum .govde input.gir {
        background: #f5792a;
        color: #fff;
    }

.gecemodu header .oturum .govde .satir .sifirla {
    background: #666;
}

.gecemodu header .oturum .baglan {
    border-top: 1px solid #444;
}

    .gecemodu header .oturum .baglan .nedir span {
        background: #222;
        color: #666;
    }

.gecemodu header .uye .bildirim-menu:before {
    border-color: transparent transparent #222 transparent;
}

.gecemodu header .uye .bildirim-menu .profil-ozeti {
    background: #222;
    border-color: #666;
}

    .gecemodu header .uye .bildirim-menu .profil-ozeti .kullanici-adi a {
        color: #dedede;
    }

    .gecemodu header .uye .bildirim-menu .profil-ozeti .baglantilar .tek.cikis-yap {
        color: #999;
    }

.gecemodu header .uye .bildirim-menu .govde {
    background: #222;
}

    .gecemodu header .uye .bildirim-menu .govde .bildirim-tek {
        background: #444;
        color: #dedede;
        border-color: #666;
    }

        .gecemodu header .uye .bildirim-menu .govde .bildirim-tek.yeni {
            background: #222;
        }

        .gecemodu header .uye .bildirim-menu .govde .bildirim-tek:hover {
            background: #333;
        }

        .gecemodu header .uye .bildirim-menu .govde .bildirim-tek .olay {
            color: #999;
        }

            .gecemodu header .uye .bildirim-menu .govde .bildirim-tek .olay strong {
                color: #dedede;
            }

        .gecemodu header .uye .bildirim-menu .govde .bildirim-tek .ayrinti {
            color: #999;
        }

    .gecemodu header .uye .bildirim-menu .govde .daha-fazla {
        background: #666;
    }

.gecemodu header .uye .bildirim-menu .segment {
    border-color: #666;
    background: #333;
}

    .gecemodu header .uye .bildirim-menu .segment label {
        background: #666;
    }

        .gecemodu header .uye .bildirim-menu .segment label div {
            color: #dedede;
        }

        .gecemodu header .uye .bildirim-menu .segment label input:checked + div + span {
            background: #333;
        }

        .gecemodu header .uye .bildirim-menu .segment label input:checked + div {
            background: #999;
            color: #fff;
        }

.gecemodu header .uye .bildirim-menu .ara-tercih {
    background: #333;
    border-color: #666;
}

    .gecemodu header .uye .bildirim-menu .ara-tercih .cb {
        color: #dedede;
    }

.gecemodu header .hizli-ayar .ayar-listesi:before {
    border-color: transparent transparent #444 transparent;
}

.gecemodu header .hizli-ayar .ayar-listesi .ust {
    background: #444;
    border-bottom: 1px solid #333333;
    color: #dedede;
}

    .gecemodu header .hizli-ayar .ayar-listesi .ust .ayarlar {
        color: #999;
    }

.gecemodu header .hizli-ayar .ayar-listesi .ayar {
    background: #222;
    border-bottom: 1px solid #333333;
    color: #dedede;
}

.gecemodu header .populer-mini .ozet-populer:before {
    border-color: transparent transparent #444 transparent;
}

.gecemodu header .populer-mini .ozet-populer .ust {
    background: #444;
    border-bottom: 1px solid #333333;
    color: #dedede;
}

    .gecemodu header .populer-mini .ozet-populer .ust a {
        color: #dedede;
    }

.gecemodu header .populer-mini .ozet-populer .govde {
    background: #222;
}

    .gecemodu header .populer-mini .ozet-populer .govde .sonuc-tek {
        background: #222;
        color: #dedede;
    }

        .gecemodu header .populer-mini .ozet-populer .govde .sonuc-tek:hover {
            background: #333;
        }

.gecemodu header .arama .akilli-arama .ust {
    background: #444;
    border-bottom: 1px solid #333333;
    color: #dedede;
}

    .gecemodu header .arama .akilli-arama .ust a {
        color: #dedede;
    }

.gecemodu header .arama .akilli-arama .govde {
    background: #222;
}

    .gecemodu header .arama .akilli-arama .govde .sonuc-tek {
        background: #222;
        color: #dedede;
    }

        .gecemodu header .arama .akilli-arama .govde .sonuc-tek:hover {
            background: #333;
        }

.gecemodu header .search-history {
    border: 1px solid #d2d1cc46;
    background-color: #333;
}

    .gecemodu header .search-history .header {
        border-bottom: 1px solid #d2d1cc46;
    }

        .gecemodu header .search-history .header span {
            color: #fff;
        }

        .gecemodu header .search-history .header .clear {
            color: #fff;
        }

    .gecemodu header .search-history ul li a {
        color: #fff;
    }

        .gecemodu header .search-history ul li a:hover {
            background-color: #111;
        }

    .gecemodu header .search-history ul::-webkit-scrollbar-thumb {
        background-color: #777;
    }

.gecemodu header .tip {
    z-index: 99999;
    width: 0px;
    height: 0px;
    position: absolute;
    background: transparent;
    border: 10px solid #333;
}

    .gecemodu header .tip.tip-up {
        top: -19px;
        left: 13px;
        border-right-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
    }

.gecemodu a {
    color: #fff;
}

.gecemodu .pencere .satir a {
    color: #f5792a;
}

.gecemodu .pencere .diyalog > .satir:last-child {
    background: #fff;
    border-top-color: #dedede;
}

/* Gece Modu: Anasayfa */

.gecemodu .slayt .buzlucam {
    background: #333 !important;
}

.gecemodu .manset-kolon .oge {
    border-color: #444;
}

.gecemodu .klasik-manset3 {
    background: #111;
}

    .gecemodu .klasik-manset3 .populer-haberler {
        background-color: #333;
    }

        .gecemodu .klasik-manset3 .populer-haberler .populer-tek {
            background-color: #333;
        }

            .gecemodu .klasik-manset3 .populer-haberler .populer-tek:hover {
                background-color: #111;
            }

            .gecemodu .klasik-manset3 .populer-haberler .populer-tek .govde .baslik {
                color: #fff;
            }

.gecemodu .icerik {
    background: #111;
}

.gecemodu .medya {
    background: #333;
}

    .gecemodu .medya .onizleme img {
        border-color: #222;
    }

    .gecemodu .medya.goruldu img {
        border-color: #444 !important;
    }

    .gecemodu .medya .govde .baslik {
        color: #dedede;
    }

    .gecemodu .medya.goruldu {
        background: #222;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }

        .gecemodu .medya.goruldu .govde .baslik {
            color: #666;
        }

    /*.gecemodu .medya .alt .imle { background: #222 !important; } */
    .gecemodu .medya .alt .imle span:before {
        color: #ccc;
    }

.gecemodu .sponsor {
    background: #333;
    color: #dedede !important;
    border-color: #111;
}

.gecemodu .oge .kolon-kutu .anlasmali {
    border-color: #666 !important;
    color: #fff;
}

.gecemodu .oge .kolon-kutu .daha-fazla {
    border-color: #666 !important;
}

.gecemodu .oge .kolon-kutu .anlasmali.amazon img {
    filter: invert(1);
}

.gecemodu .kolon-kutu {
    background: #333;
}

.gecemodu .medya-resimsiz {
    border-color: #111;
}

    .gecemodu .medya-resimsiz:hover {
        box-shadow: none;
    }

    .gecemodu .medya-resimsiz .baslik {
        color: #dedede;
    }

.gecemodu .konu-liste {
    background: #333;
}

    .gecemodu .konu-liste .liste span a {
        color: #dedede;
        border-color: #111;
    }

        .gecemodu .konu-liste .liste span a:hover {
            box-shadow: none;
        }

.gecemodu .medya-simgeli {
    background: #333;
    border-color: #111;
}

    .gecemodu .medya-simgeli:hover {
        box-shadow: none;
    }

    .gecemodu .medya-simgeli .baslik {
        color: #dedede;
    }

    .gecemodu .medya-simgeli .simge {
        background-color: #fff;
        border-radius: 7px;
    }

.gecemodu .medya-sag {
    box-shadow: none;
    border-color: #111;
}

    .gecemodu .medya-sag .baslik {
        color: #dedede;
    }

.gecemodu .medya-ince {
    background-color: #333;
}

    .gecemodu .medya-ince .govde .baslik {
        color: #fff;
    }

.gecemodu .medya-makale {
    background-color: #333;
}

    .gecemodu .medya-makale .govde {
        color: #fff;
    }

        .gecemodu .medya-makale .govde .giris {
            color: #fff;
        }

    .gecemodu .medya-makale .habere-git a {
        color: #fff;
    }

    .gecemodu .medya-makale .baslik {
        color: #fff;
    }

    .gecemodu .medya-makale .imle .icon-bookmark-o:before {
        color: #fff !important;
    }

    .gecemodu .medya-makale .habere-git {
        background-image: linear-gradient(180deg, rgba(241, 241, 241, 0.01) 0, #333 50%);
    }

.gecemodu .zaman-cizelgesi .uzat {
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 1) 50%);
    color: #dedede;
}

.gecemodu .zaman-cizelgesi .tek .baslik {
    color: #dedede;
}

.gecemodu .kripto-paralar div.tek {
    background-color: #666;
    border-color: #333;
}

    .gecemodu .kripto-paralar div.tek span {
        color: #fff !important;
    }

.gecemodu .kripto-paralar a.tek {
    background-color: #333;
    border-color: #666;
}

    .gecemodu .kripto-paralar a.tek .ad {
        color: #dedede;
    }

    .gecemodu .kripto-paralar a.tek .fiyat {
        color: #ccc;
    }

.gecemodu .kripto-paralar .alt-baglanti {
    background-color: #666;
    border-color: #666;
}

    .gecemodu .kripto-paralar .alt-baglanti a {
        color: #fff;
    }

.gecemodu .kripto-paralar .uzat {
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 1) 50%);
    color: #dedede;
}

.gecemodu .sistem-tavsiyeleri .tablo.bilesenler tr {
    border-color: #333;
}

.gecemodu .sistem-tavsiyeleri .tablo table {
    color: #dedede;
}

.gecemodu .sistem-tavsiyeleri .tablo.bilesenler .btn {
    color: #dedede;
    background: #666;
}

    .gecemodu .sistem-tavsiyeleri .tablo.bilesenler .btn.aktif {
        color: #ccc;
        background: #222;
    }

.gecemodu .sistem-tavsiyeleri .menu-dd {
    color: #dedede;
    background: #444;
    border-color: #666;
}

    .gecemodu .sistem-tavsiyeleri .menu-dd option {
        background: #000;
    }

    .gecemodu .sistem-tavsiyeleri .menu-dd optgroup {
        background: #000;
    }

.gecemodu .oge .kolon-kutu .daha-fazla {
    color: #dedede;
}

.gecemodu .onay-penceresi {
    background: #333;
}

    .gecemodu .onay-penceresi .alt {
        background: #666;
    }

    .gecemodu .onay-penceresi .orta .satir {
        color: #dedede;
    }

.gecemodu .reklam-fix {
    background: #333;
}

.gecemodu .blog-arasi-modul {
    background: #333;
}

/* Detay Sayfasında Olup Başka Yerde de Olanlar */

.gecemodu .anket {
    background: #333;
    color: #dedede;
    border-color: #666;
}

    .gecemodu .anket .cb {
        color: #dedede;
    }

    .gecemodu .anket .siklar {
        border-bottom: 1px solid #666;
    }

    .gecemodu .anket .sonuclar {
        border-bottom: 1px solid #666;
    }

        .gecemodu .anket .sonuclar .sonuc .oyunuz {
            border-color: #222;
        }

        .gecemodu .anket .sonuclar .sonuc .yuzde {
            color: #ccc;
        }

        .gecemodu .anket .sonuclar .sonuc .sik .metin {
            color: #ccc;
        }

        .gecemodu .anket .sonuclar .sonuc .sik .bar {
            background: #111;
        }

        .gecemodu .anket .sonuclar .sonuc.aktif .sik .bar {
            background: #444;
        }

/* Detay Sayfası Genel */

.gecemodu .tam-kucuk-sorgu {
    background: #333;
}

    .gecemodu .tam-kucuk-sorgu:after {
        background-image: linear-gradient(to right, rgba(51, 51, 51, 1) 0, rgba(51, 51, 51, 0) 100%);
    }

.gecemodu .medya-kucuk {
    box-shadow: none;
    background: #666;
}

    .gecemodu .medya-kucuk .govde {
        background: #666;
    }

        .gecemodu .medya-kucuk .govde .baslik {
            color: #dedede;
        }

    .gecemodu .medya-kucuk.aktif:after {
        border-top: 12px solid #666;
    }

    .gecemodu .medya-kucuk.daha {
        color: #dedede;
    }

.gecemodu .ara-baslik .nedir a {
    color: #fff;
}

.gecemodu .new-news .new-news-body {
    background-color: #333;
    color: #fff;
}

.gecemodu .new-news .new-news-header span.close {
    background-color: #f5792a;
    color: #fff;
}

.gecemodu .tam-kucuk-sorgu:before {
    background-image: linear-gradient(to left, rgba(51, 51, 51, 1) 0, rgba(51, 51, 51, 0) 100%);
}

.gecemodu .gundem-yap {
    background-color: #333;
    color: #fff;
}

.gecemodu .detay {
    background: #111;
}

.gecemodu .post-baslik,
.force-night-mode .post-baslik {
    color: #fff;
}

/*.gecemodu .abone-ol { margin: 0; } */

.gecemodu .new-news {
    background-color: #333;
}

.gecemodu .post {
    background: #111;
    color: #dedede;
}

.gecemodu .editor-yan .isim a {
    color: #fff;
}

.gecemodu .editor-yan .avatar {
    background: #333;
}

.gecemodu .resim .aciklama {
    border-bottom: 1px solid #333;
}

    .gecemodu .resim .aciklama .resmipaylas .simge {
        color: #fff;
    }

.gecemodu .alinti-yan .tweetle span {
    color: #fff;
}

.gecemodu .alinti-yorum .lnk {
    color: #f5792a;
}

.gecemodu .post .alinti-yorum .yazan {
    color: #666;
}

.gecemodu .post .onerilen-icerik-yan {
    background: #333;
    border: 1px solid #666;
}

    .gecemodu .post .onerilen-icerik-yan .simge {
        color: #666;
    }

.gecemodu .post .alinti-yorum {
    background: #333;
    border: 1px solid #666;
}

    .gecemodu .post .alinti-yorum .yazilan {
        color: #ccc;
    }

    .gecemodu .post .alinti-yorum:before {
        border-top: 15px solid #666;
    }

.gecemodu .post .kolon.yazi blockquote.alinti {
    background: #333;
    color: #dedede;
    border-color: #666;
}

    .gecemodu .post .kolon.yazi blockquote.alinti .bilgi .sahip {
        color: #fff;
    }

    .gecemodu .post .kolon.yazi blockquote.alinti .bilgi .diger a {
        color: #fff;
    }

.gecemodu .post .kolon.yazi h3 {
    color: #fff;
}

.gecemodu .post .kolon.yazi .medya-sag:hover {
    box-shadow: none !important;
}

.gecemodu .post .etkinlik-alarmi {
    background: #333;
}

    .gecemodu .post .etkinlik-alarmi .bilgilendirme strong {
        color: #dedede;
    }

.gecemodu .lnk-kaynak,
.gecemodu .multi-source-links {
    background: #333;
    color: #fff;
    border-color: #666;
}

    .gecemodu .multi-source-links a span {
        color: #fff;
    }

    .gecemodu .multi-source-links .multi-source-links-title {
        background: #333;
        border-color: #666;
        color: #fff;
    }

    .gecemodu .lnk-kaynak:after {
        background: #666;
    }

.gecemodu .uygulamayi-indir {
    background: #333;
    border-color: #666;
}

.gecemodu .detay-yatay-sorgu {
    background: #111;
    border-top: 1px solid #333;
}

    .gecemodu .detay-yatay-sorgu .ara-baslik .lnk {
        color: #666;
    }

    .gecemodu .detay-yatay-sorgu .medya-orta {
        background: #333;
        box-shadow: none;
    }

        .gecemodu .detay-yatay-sorgu .medya-orta .govde {
            background: #333;
            border-color: #222;
        }

            .gecemodu .detay-yatay-sorgu .medya-orta .govde .baslik {
                color: #dedede;
            }

    .gecemodu .detay-yatay-sorgu .medya-orta-resimsiz {
        background: #333;
        box-shadow: none;
    }

        .gecemodu .detay-yatay-sorgu .medya-orta-resimsiz .govde {
            border-color: #222;
        }

            .gecemodu .detay-yatay-sorgu .medya-orta-resimsiz .govde .baslik {
                color: #dedede;
            }

    .gecemodu .detay-yatay-sorgu .reklam-kare {
        background: #333;
    }

    .gecemodu .detay-yatay-sorgu .medya-orta .bilgi {
        color: #999;
    }

    .gecemodu .detay-yatay-sorgu .medya-orta-resimsiz .bilgi {
        color: #999;
    }

.gecemodu .diger-icerikler {
    background: #111;
    border-top: 1px solid #333;
}

    .gecemodu .diger-icerikler .sorgu-yatay {
        border-color: #333;
    }

        .gecemodu .diger-icerikler .sorgu-yatay .oge {
            background: #111;
            border-color: #333;
        }

            .gecemodu .diger-icerikler .sorgu-yatay .oge .baslik {
                color: #dedede;
            }

            .gecemodu .diger-icerikler .sorgu-yatay .oge .zaman {
                color: #999;
            }

            .gecemodu .diger-icerikler .sorgu-yatay .oge.aktif {
                background: #222;
                border-color: #333;
            }

            .gecemodu .diger-icerikler .sorgu-yatay .oge.onizlemeli {
                background: #333;
            }

                .gecemodu .diger-icerikler .sorgu-yatay .oge.onizlemeli .baslik {
                    color: #f5792a;
                }

                .gecemodu .diger-icerikler .sorgu-yatay .oge.onizlemeli .not {
                    color: #ccc;
                }

                .gecemodu .diger-icerikler .sorgu-yatay .oge.onizlemeli .aciklama {
                    color: #ccc;
                }

.gecemodu .detay-gecis {
    background-color: #222;
}

    .gecemodu .detay-gecis .gecis-efekti {
        background: #222 url(../img/detay-gecis-gece.gif) center no-repeat;
    }

/* Gece Modu: Videolar, Video Kategorileri, Video Editör Profilleri, Popüler Videolar vs. */

.gecemodu .ozel-liste-video {
    background: #111;
}

    .gecemodu .ozel-liste-video .liste-baglantilari .ne {
        color: #fff;
    }

    /*.gecemodu .liste-baglantilari .listede-ara .kutu { background: #444; color: #fff; } 
.gecemodu .liste-baglantilari .listede-ara .buton { color: #ccc; } 
.gecemodu .liste-baglantilari .listede-ara .buton:hover { color: #fff; } */
    .gecemodu .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi {
        background: #000;
    }

        .gecemodu .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .baslik {
            color: #fff;
        }

        .gecemodu .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .aciklama {
            color: #ccc;
        }

        .gecemodu .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .alt .imle {
            background: #333 !important;
        }

            .gecemodu .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .alt .imle span:before {
                color: #dedede;
            }

            .gecemodu .ozel-liste-video .medya-buyuk-kapsam .yan-bilgi .alt .imle.aktif {
                background: #f5792a !important;
            }

    .gecemodu .ozel-liste-video .medya-kucuk-alt .baslik {
        color: #dedede;
    }

        .gecemodu .ozel-liste-video .medya-kucuk-alt .baslik:hover {
            color: #fff;
        }

    .gecemodu .ozel-liste-video .medya-kapsam:after {
        background: #222;
    }

    .gecemodu .ozel-liste-video .daha-fazla .btn {
        background: #222;
    }

        .gecemodu .ozel-liste-video .daha-fazla .btn:hover {
            background: #f5792a;
        }

    .gecemodu .ozel-liste-video .medya-kucuk-alt .onizleme {
        background-color: #333;
    }

/* Gece Modu: Galeriler */

.gecemodu .ozel-liste-galeri {
    background: #111;
}

    .gecemodu .ozel-liste-galeri .liste-baglantilari .ne {
        color: #fff;
    }

    .gecemodu .ozel-liste-galeri .medya-kapsam:after {
        background: #222;
    }

    .gecemodu .ozel-liste-galeri .medya-galeri-kutu .govde {
        background: #000;
    }

        .gecemodu .ozel-liste-galeri .medya-galeri-kutu .govde .baslik {
            color: #fff;
        }

    .gecemodu .ozel-liste-galeri .daha-fazla .btn {
        background: #222;
        margin: 0 0 0 5px;
    }

        .gecemodu .ozel-liste-galeri .daha-fazla .btn:hover {
            background: #f5792a;
        }

    .gecemodu .ozel-liste-galeri .medya-kapsam-ustu .btn.btn-0 {
        background: #666;
        color: #ccc;
    }

/* Gece Modu: Video Detay */

.gecemodu .ozel-detay-video {
    background: #111;
}

    .gecemodu .ozel-detay-video .video-sol .post {
        background: #111;
    }

    .gecemodu .ozel-detay-video .video-sol .post-baslik {
        color: #fff;
    }

    .gecemodu .ozel-detay-video .video-sol .editor-yan .isim a {
        color: #fff;
        width: 100%;
        word-wrap: break-word;
    }

    .gecemodu .ozel-detay-video .video-sol .post .kolon.yazi {
        color: #dedede;
    }

.gecemodu .oynatici-tercihleri {
    background: #030303 !important;
    border: none;
}

    .gecemodu .oynatici-tercihleri .btn.btn-0 {
        background: #333;
    }

    .gecemodu .oynatici-tercihleri .btn.btn-2 {
        background: #222;
        color: #999 !important;
    }

    .gecemodu .oynatici-tercihleri .not {
        color: #999;
    }

.gecemodu .ozel-detay-video .video-sol .temel-bilgi .menu-dd-kucuk {
    color: #999;
    background: #333;
}

    .gecemodu .ozel-detay-video .video-sol .temel-bilgi .menu-dd-kucuk .oge {
        color: #999;
    }

.gecemodu .imle {
    background: rgba(0, 0, 0, 0.5) !important;
}

    .gecemodu .imle.aktif {
        background: #f5792a !important;
    }

.gecemodu .lnk-paylas.baglanti {
    background: #333;
}

    .gecemodu .lnk-paylas.baglanti .nerede {
        color: #999;
    }

.gecemodu .tab .tab-oge a {
    background: #333;
    color: #fff;
}

.gecemodu .tab .tab-oge.aktif a {
    background: #f5792a;
}

.gecemodu .tab .tab-oge a.carpi {
    background: #666;
}

.gecemodu .tab .simgeli .simge:hover {
    background: #333;
    box-shadow: none;
}

.gecemodu .menu-dd-kucuk .verilen {
    background: #333;
}

    .gecemodu .menu-dd-kucuk .verilen .not {
        color: #ccc;
    }

.gecemodu .ozel-detay-video .video-sag .ara-baslik .nedir {
    color: #fff;
}

.gecemodu .ozel-detay-video .video-sag .medya-kucuk-alt-yan .baslik {
    color: #fff;
}

.gecemodu .ozel-detay-video .video-sag hr.ayrac {
    background: #333;
}

/* Gece Modu: Detay Yorumlar */

.gecemodu .yorumkapsam {
    background: #111;
    border-top: 1px solid #333;
}

.gecemodu .yorumlar .ara-baslik .lnk.lnk-2 {
    color: #f1f1f1;
}

.gecemodu .yorumlar .yorum {
    border-bottom: 1px solid #333;
}

    .gecemodu .yorumlar .yorum .kullanici .nick {
        color: #f1f1f1;
    }

        .gecemodu .yorumlar .yorum .kullanici .nick a {
            color: #f1f1f1;
        }

    .gecemodu .yorumlar .yorum .kullanici .alinti-goster {
        color: #666;
    }

    .gecemodu .yorumlar .yorum .mesaj {
        color: #ccc;
    }

    .gecemodu .yorumlar .yorum .kullanici .bandrol {
        color: #fff !important;
        background: #333 !important;
    }

.gecemodu .yorumlar .daha-fazla-yorum .btn.btn-2 {
    background: rgba(255, 255, 255, 0.8);
    color: #333 !important;
}

.gecemodu .yorumlar .yorum-giris {
    border-top: 1px solid #333;
}

.gecemodu .yorumlar .yorum .yorum-giris .nedir span {
    background: #111;
    color: #999;
}

.gecemodu .yorumlar .yorum .yorum-giris .istenen input {
    background: #333;
    border: 1px solid #666;
    color: #fff;
}

.gecemodu .yorumlar .yorum .bbcode {
    background: #222;
    border: 1px solid #666;
}

    .gecemodu .yorumlar .yorum .bbcode .bb-tek {
        border-right: 1px solid #666;
        color: #fff;
    }

        .gecemodu .yorumlar .yorum .bbcode .bb-tek:hover {
            background: #666;
        }

        .gecemodu .yorumlar .yorum .bbcode .bb-tek .bb-menu {
            background: #333;
            border: 1px solid #666;
        }

            .gecemodu .yorumlar .yorum .bbcode .bb-tek .bb-menu .bb-tek {
                color: #fff;
                border-top: 1px solid #666;
            }

.gecemodu .yorumlar .yorum .mesajiniz textarea {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}

.gecemodu .yorumlar .yorum .mesajgonder .gonder.pasif {
    background: #333;
}

.gecemodu .yorumlar .yorum-islemleri .acilan {
    background: #333;
}

    .gecemodu .yorumlar .yorum-islemleri .acilan:before {
        border-color: transparent transparent #333 transparent;
    }

    .gecemodu .yorumlar .yorum-islemleri .acilan a {
        color: #fff !important;
    }

        .gecemodu .yorumlar .yorum-islemleri .acilan a:hover {
            background: #666;
        }

.gecemodu .yorumlar .yorum .mesaj blockquote {
    border: 1px solid #333;
    background: #222;
}

    .gecemodu .yorumlar .yorum .mesaj blockquote a {
        color: #fff;
    }

.gecemodu .yorumlar .yorum.cevap.yanit {
    border-bottom: 1px solid #333;
}

.gecemodu .yorumlar .yorum .yorum {
    border-top: 1px solid #333;
}

.gecemodu .yorumlar .yorum .resim {
    border: 1px solid #333;
    background: #333;
}

    .gecemodu .yorumlar .yorum .resim:after {
        background: #333;
    }

.gecemodu .yorumlar .lnk-tik {
    background: #333;
}

.gecemodu .populer-yorumcular .yorumcu:hover {
    background: #666;
}

.gecemodu .populer-yorumcular .yorumcu .nick {
    color: #dedede;
}

.gecemodu .istatistik {
    background: #333;
    color: #dedede;
}

    .gecemodu .istatistik a {
        color: #fff;
    }

    .gecemodu .istatistik .icerik-etiketleri .acici {
        color: #fff;
    }

    .gecemodu .istatistik .icerik-etiketleri .acilan {
        background: #222;
    }

        .gecemodu .istatistik .icerik-etiketleri .acilan a {
            color: #fff !important;
        }

            .gecemodu .istatistik .icerik-etiketleri .acilan a:hover {
                background: #444;
            }

        .gecemodu .istatistik .icerik-etiketleri .acilan:before {
            border-color: transparent transparent #222 transparent;
        }

    .gecemodu .istatistik .user-box {
        background-color: #444;
        border-color: #222;
        box-shadow: none;
    }

        .gecemodu .istatistik .user-box .left .more {
            color: #f5792a;
        }

.gecemodu .reklam-kare {
    background: #333;
}

/* Gece Modu: Diğer Liste Sayfaları */

.gecemodu .liste-kapak {
    background: #111;
    border-bottom: 1px solid #333;
}

    .gecemodu .liste-kapak .temel-bilgiler .ne {
        color: #fff;
    }

    .gecemodu .liste-kapak .temel-bilgiler .hakkinda {
        color: #dedede;
    }

    .gecemodu .liste-kapak .istatistik {
        background: #111;
    }

        .gecemodu .liste-kapak .istatistik a {
            color: #fff;
        }

.gecemodu .liste-baglantilari {
    background: #333;
}

    .gecemodu .liste-baglantilari .tek.terscevir {
        background: #444;
        color: #dedede;
    }

.gecemodu .tab .menu-dd {
    background: #444;
    color: #ccc;
    border-color: #666;
}

.menu-dd.force-night-mode {
    background: #444;
    color: #ccc;
    border-color: #666;
    color-scheme: dark;
}

/* Kapalı select koyu / açılır liste bazı tarayıcılarda beyaz: option’a açık renk ver (dh.css #fff + miras #ccc okunaksız) */
select.menu-dd.force-night-mode option,
select.menu-dd.force-night-mode optgroup {
    background-color: #3a3a3a;
    color: #f0f0f0;
}

    select.menu-dd.force-night-mode option:checked,
    select.menu-dd.force-night-mode option:active {
        background-color: #f5792a;
        color: #fff;
    }

.main-page-head select.menu-dd.force-night-mode,
.main-page-head select.menu-dd.force-night-mode:focus {
    background-color: #444;
    color: #f0f0f0;
    border-color: #666;
}

.gecemodu .medya-yatay {
    background: #333;
}

    .gecemodu .medya-yatay .baslik {
        color: #dedede;
    }

.gecemodu .one-cikan-yorum {
    background: #333;
    border-color: #666;
}

    .gecemodu .one-cikan-yorum .yazilan {
        color: #dedede;
    }

.gecemodu .listede-ara .kutu {
    background: #444;
    color: #fff;
}

.gecemodu .listede-ara .buton {
    color: #ccc;
}

    .gecemodu .listede-ara .buton:hover {
        color: #fff;
    }

.gecemodu .bilgi-yonlendirme-yatay {
    background: #444;
}

    .gecemodu .bilgi-yonlendirme-yatay.hd .simge {
        background: none;
    }

    .gecemodu .bilgi-yonlendirme-yatay.hd:hover {
        background-color: #333;
        box-shadow: none;
    }

    .gecemodu .bilgi-yonlendirme-yatay.hd.highlight {
        background-color: #756d67;
    }

    .gecemodu .bilgi-yonlendirme-yatay.hd.secondary {
        background-color: #737272;
    }

    .gecemodu .bilgi-yonlendirme-yatay.hd .yuzen-bilgi b {
        color: #fff;
    }

    .gecemodu .bilgi-yonlendirme-yatay.hd .temel-bilgiler .ne {
        color: #fff;
    }

    .gecemodu .bilgi-yonlendirme-yatay .simge {
        background: #555;
    }

    .gecemodu .bilgi-yonlendirme-yatay .ne a {
        color: #fff;
    }

    .gecemodu .bilgi-yonlendirme-yatay .medya-yatay {
        border-color: #111 !important;
    }

    .gecemodu .bilgi-yonlendirme-yatay .ayrinti {
        border-color: #111;
        color: #dedede;
    }

    .gecemodu .bilgi-yonlendirme-yatay .daha-fazla {
        border-color: #111;
    }

.gecemodu .kolon .daha-fazla {
    color: #dedede;
}

.gecemodu .bilgi-yonlendirme-yatay .anket {
    border-color: #111 !important;
}

    .gecemodu .bilgi-yonlendirme-yatay .anket .sonuclar {
        border-color: #111 !important;
    }

.gecemodu .yuzen-bilgi {
    background: #444;
    color: #dedede;
    border-color: #111;
}

    .gecemodu .yuzen-bilgi .yildiz {
        background: #333;
        border-color: #111;
    }

.gecemodu .tablo table {
    background: #333;
    color: #dedede;
}

    .gecemodu .tablo table a {
        color: #dedede;
    }

    .gecemodu .tablo table tbody {
        border-color: #666;
    }

    .gecemodu .tablo table thead tr {
        border-color: #666;
    }

    .gecemodu .tablo table tbody tr {
        border-color: #666;
    }

    .gecemodu .tablo table tbody th {
        border-color: #666;
    }

    .gecemodu .tablo table tbody td {
        border-color: #666;
    }

    .gecemodu .tablo table thead th {
        color: #fff;
        background: #444;
        border-color: #666;
    }

.gecemodu .posta-bulteni-arsiv {
    background: #333;
    border-color: #666;
}

    .gecemodu .posta-bulteni-arsiv .olay {
        color: #dedede;
    }

.gecemodu .bildirim-detay {
    background: #333;
    border-color: #666;
}

    .gecemodu .bildirim-detay.yeni {
        background: #444;
        border-color: #666;
    }

    .gecemodu .bildirim-detay .simge {
        color: #dedede;
    }

    .gecemodu .bildirim-detay .olay {
        color: #dedede;
    }

    .gecemodu .bildirim-detay .ayrinti {
        color: #999;
    }

.gecemodu .post .kunye.ozel {
    background: #333;
    border-color: #666;
}

/* Gece Modu: Ayarlar, Tercih Sayfaları, Formlar vs. */

.gecemodu .ayar-sayfasi .tek-ayar .ayar-formu .kutu {
    background: #444;
    color: #fff;
    border-color: #666;
}

    .gecemodu .ayar-sayfasi .tek-ayar .ayar-formu .kutu.pasif {
        background: #222;
    }

.gecemodu .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli {
    background: #333;
    border-color: #666;
    color: #dedede;
}

    .gecemodu .ayar-sayfasi .tek-ayar .ayar-formu .arkaplanli .cb {
        color: #dedede;
    }

.gecemodu .ayar-sayfasi .tek-ayar .ayar-formu .menu-dd {
    background: #333;
    color: #dedede;
    border-color: #666;
}

.gecemodu .ayar-sayfasi .tek-ayar .ayar-formu .kutu-alan {
    background: #333;
    color: #dedede;
    border-color: #666;
}

.gecemodu .sayfa,
.force-night-mode .sayfa {
    background: #111;
    color: #dedede;
}

.gecemodu .temel-bilgi .dizin .lnk {
    color: #dedede;
}

.gecemodu .tercih-ust {
    background: #444;
}

.gecemodu .tercih-detay {
    background: #222;
    color: #dedede;
    border-color: #333;
}

    .gecemodu .tercih-detay a {
        color: #dedede;
    }

    .gecemodu .tercih-detay .cb {
        color: #dedede;
    }

    .gecemodu .tercih-detay .aciklama {
        border-color: #333;
    }

.gecemodu .form-sayfasi .satir {
    color: #dedede;
}

    .gecemodu .form-sayfasi .satir .menu-dd {
        background: #333;
        color: #dedede;
        border-color: #666;
    }

    .gecemodu .form-sayfasi .satir .kutu {
        background: #444;
        color: #fff;
        border-color: #666;
    }

    .gecemodu .form-sayfasi .satir .kutu-alan {
        background: #444;
        color: #dedede;
        border-color: #666;
    }

.gecemodu .yuzen-bilgi .gizlilik {
    border-color: #666;
}

.gecemodu .post .kunye .kisi-yatay .foto {
    background: #666;
}

.gecemodu .post .kunye .kisi .foto {
    background: #666;
}

/* Gece Modu: Hata sayfaları */

.gecemodu .hata.h403 {
    background-image: url("../img/403gece.jpg");
}

.gecemodu .hata.h404 {
    background-image: url("../img/404gece.jpg");
}

.gecemodu .hata.h500 {
    background-image: url("../img/500gece.jpg");
}

.gecemodu .hata.h502 {
    background-image: url("../img/502gece.jpg");
}

.gecemodu .hata.h503 {
    background-image: url("../img/503gece.jpg");
}

.gecemodu .hata.h504 {
    background-image: url("../img/504gece.jpg");
}

/* gece modu google news butonu */

.gecemodu .google-news-subscribe-button {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #070809;
}

    .gecemodu .google-news-subscribe-button > span {
        color: #999;
    }

/* --------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1320px) {
    /*.tasiyici { width:1140px; } 
.reklam-yatay { display:none; } 
.reklam-dikey { display:none; } 
.reklam-kare { display:none; } 
.icerik { width:100%; } */
}

/*@media screen and (min-width: 1370px) {.masonry .oge { width:calc(33.3% - 30px); } 
.masonry .oge.genis { width:calc(66.6% - 30px); } 
.masonry .oge.tam { width:calc(100% - 30px); } 
.masonry .oge.genisleyebilir { width:calc(33.3% - 30px); } 
.masonry .oge .medya .aciklama { display:inline-block; } 
.masonry .oge .medya .alt { margin-top:0; } 
.medya-dev-kapsam { height:641px; } 
.medya-dev { height:641px; } 
 }*/

@media screen and (max-width: 1370px) {
    header .uye .bildirim-no.yellow {
        bottom: 4px;
    }

    header .uye .bildirim-no {
        top: -4px;
    }

    header .uye .bildirim-menu {
        top: 35px;
        left: -4px;
    }

    header .header-enter-news {
        margin: 3px 10px 0 0;
    }

    .post .kolon.yazi .onerilen-icerik-yan {
        position: absolute;
        top: 340px;
        transform: translateX(-100%);
        left: -5px;
        width: 140px;
    }

    .slayt .slayt-kapsam {
        height: 262px;
    }

    .manset-kolon .oge {
        height: 250px;
    }

        .manset-kolon .oge .govde .baslik {
            font-size: 16pt;
            line-height: 20pt;
        }

    .ekslaytkapsam .ekslayt .ekoge {
        height: 250px;
    }

    .manset-kolon .ekslayt .ekoge .ekgovde .baslik {
        font-size: 16pt;
        line-height: 20pt;
    }

    /*.manset-kolon .oge .onizleme { display: none; } 
.manset-kolon .oge .onizleme.dikey { display: inline-block; } */

    .masonry {
        /*width:calc(100% - 8px); margin: 0 0 0 8px; */
    }

        .masonry .oge {
            width: calc(25% - 31px);
            /*width:calc(25% - 23px); margin: -13px 0 8px 22px; */
        }

            .masonry .oge.advice {
                width: calc(33.3% - 30px);
            }

            .masonry .oge.genis {
                width: calc(50% - 32px);
            }

            .masonry .oge.tam {
                width: calc(100% - 30px);
            }

            /* .masonry .oge.genisleyebilir { width:calc(50% - 35px); }  */
            .masonry .oge.genisleyebilir {
                width: calc(25% - 31px);
            }

            .masonry .oge .medya .baslik {
                font-size: 14pt;
                line-height: 19pt;
            }

            .masonry .oge .medya .govde .aciklama {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            .masonry .oge .medya .bilgi .lnk {
                display: none;
            }

        .masonry .reklam-oge {
            width: calc(50% - 32px);
            box-sizing: border-box;
        }

            .masonry .reklam-oge .reklam-kare {
                background: none;
                box-shadow: none;
            }

                .masonry .reklam-oge .reklam-kare img {
                    width: 339px;
                    height: 280px;
                }

    .duzen-hibrit .kolon.genis {
        width: calc(75% - 60px);
    }

    .duzen-hibrit .kolon.dar {
        width: calc(25% - 30px);
    }

    .duzen-hibrit .masonry {
        width: 830px !important;
    }

        .duzen-hibrit .masonry .oge {
            width: calc(33.3% - 30px);
        }

            .duzen-hibrit .masonry .oge.genis {
                width: calc(66.666% - 30px);
            }

            .duzen-hibrit .masonry .oge.genisleyebilir {
                width: calc(33.3% - 30px);
            }

            .duzen-hibrit .masonry .oge.tam {
                width: calc(100% - 30px);
            }

            .duzen-hibrit .masonry .oge .medya {
                margin: 0 0 30px 0;
            }

    .kolon.genis .medya-yatay {
        margin-bottom: 20px;
    }

    .medya-yatay .onizleme {
        width: 120px;
    }

    /* .medya-yatay .govde {
		width: calc(100% - 150px);
		padding: 10px;
		margin: 0 15px 0 0;
	} */

    .medya-yatay .baslik {
        font-size: 15pt;
        line-height: 17pt;
    }

    .medya-yatay .bilgi {
        display: none;
    }

    .medya-yatay .alt {
        margin-top: 0;
    }

        .medya-yatay .alt .damga.gizlenebilir {
            display: inline-block;
        }

    .medya-yatay .aciklama {
        /*display: none; */
        margin-bottom: 5px;
        /*height: 14pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
    }

    .medya-yatay .onizleme .tur-icon {
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 5px;
        top: 5px;
        right: 5px;
        font-size: 15px;
        padding: 5px;
    }

        .medya-yatay .onizleme .tur-icon span {
            line-height: 20px;
        }

    .medya-yatay.goruldu:after {
        content: "Görüldü";
    }

    .medya-blog {
        margin-bottom: 20px;
    }

        .medya-blog .onizleme {
            height: 320px;
        }

        .medya-blog .govde {
            padding-top: 50px;
        }

        .medya-blog .baslik {
            font-size: 19pt;
            line-height: 23pt;
        }

        .medya-blog .aciklama {
            display: none !important;
        }

    /*.masonry .oge .medya .aciklama { display:none; } 
.masonry .oge .medya .alt { margin-top:20px; } 
.masonry .oge .medya .alt .r-turuncu { width:100%; display:block; margin:0 0 5px 0; } */
    /*.medya-dev-kapsam { height:490px; } 
.medya-dev { height:460px; } */
    .sosyal-ag .alt {
        font-size: 13pt;
    }

    .sistem-tavsiyeleri .tablo.bilesenler tr {
        width: 100%;
        display: inline-block;
    }

    .sistem-tavsiyeleri .tablo.bilesenler td {
        width: 100%;
        display: inline-block;
        margin: 0 0 10px 0;
    }

    .kripto-paralar .modul-bilgisi {
        font-size: 11pt;
    }

        .kripto-paralar .modul-bilgisi a {
            font-size: 9pt;
        }

    .kripto-paralar .tek .ad {
        width: calc(40% - 10px);
    }

    .kripto-paralar .tek .fiyat {
        width: calc(32% - 10px);
    }

    .kripto-paralar .tek .degisim {
        width: calc(28% - 10px);
    }

    .kripto-paralar .tek .hacim {
        display: none;
    }

    .reklam-fix .w300 {
        display: none;
    }

    .reklam-fix .w160 {
        display: inline-block;
    }

    .modul-hakkinda .konu .simge,
    .modul-hakkinda .konu .simge-resim {
        display: none;
    }

    .blog-arasi-modul {
        margin-bottom: 20px;
    }

    .blog-arasi-reklam {
        margin-bottom: 20px;
    }

    /* Küçük ekranlarda header'ın incelmesi. */
    header .uye {
        height: 30px;
    }

    /*header .uye .bildirim-no {padding: 0 15px 0 10px; line-height: 32px; float: right; } 
header .uye .bildirim-no:after {top:-2px; right:-6px; border-radius:8px; width:12px; height:12px; border:2px solid #fff; } */
    header .populer-mini {
        height: 40px;
        margin-right: 135px;
    }

    header .oturum .eylem {
        height: 30px !important;
    }

    header .uye .avatar {
        width: 30px;
        height: 30px;
    }

        header .uye .avatar.avatarsiz {
            line-height: 30px;
        }

        header .uye .avatar img {
            width: 30px;
            height: 30px;
        }

    header nav .oge {
        height: 30px;
    }

        header nav .oge a.oge-ad {
            line-height: 30px;
            height: 30px;
        }

    header nav a [class*="icon-"] {
        margin-top: -3px;
        font-size: 12pt;
    }

    header nav a.hamburger [class*="icon-"] {
        margin: 0;
        font-size: 14pt;
    }

    header nav a .kisa-ad {
        /*display:none; */
        margin-bottom: -3px;
    }

    header nav a.hamburger [class*="icon-"] {
        top: 5px;
    }

    header .logo {
        height: 30px;
        /*padding:0 5px 0 0; */
    }

        header .logo img {
            margin: 0;
        }

    header .oturum {
        height: 30px;
    }

        header .oturum .eylem {
            margin: 5px 5px 5px 0;
            height: 30px;
            line-height: 30px;
        }

    header nav.gundem {
        height: 40px;
    }

    header nav.hiza-sag {
        margin-right: 40px;
    }

    header .hizli-ayar {
        height: 40px;
    }

        header .hizli-ayar a.oge-ad {
            height: 30px;
            line-height: 30px;
        }

    header .acilir-menu .acici {
        height: 40px;
    }

    .medya-yatay .baslik {
        font-size: 15pt;
        line-height: 17pt;
    }

    .medya-yatay .bilgi {
        display: none;
    }

    .medya-yatay .alt {
        margin-top: 0;
    }

        .medya-yatay .alt .damga.gizlenebilir {
            display: inline-block;
        }

    .medya-yatay .aciklama {
        /*display: none; */
        margin-bottom: 5px;
        /*height: 14pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
    }

    .medya-yatay .onizleme .tur-icon {
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 5px;
        top: 5px;
        right: 5px;
        font-size: 15px;
        padding: 5px;
    }

        .medya-yatay .onizleme .tur-icon span {
            line-height: 20px;
        }

    .medya-yatay.goruldu:after {
        content: "Görüldü";
    }

    .medya-blog {
        margin-bottom: 20px;
    }

        .medya-blog .onizleme {
            height: 320px;
        }

        .medya-blog .govde {
            padding-top: 50px;
        }

        .medya-blog .baslik {
            font-size: 19pt;
            line-height: 23pt;
        }

        .medya-blog .aciklama {
            display: none !important;
        }

    /*.masonry .oge .medya .aciklama { display:none; } 
.masonry .oge .medya .alt { margin-top:20px; } 
.masonry .oge .medya .alt .r-turuncu { width:100%; display:block; margin:0 0 5px 0; } */
    /*.medya-dev-kapsam { height:490px; } 
.medya-dev { height:460px; } */
    .sosyal-ag .alt {
        font-size: 13pt;
    }

    .sistem-tavsiyeleri .tablo.bilesenler tr {
        width: 100%;
        display: inline-block;
    }

    .sistem-tavsiyeleri .tablo.bilesenler td {
        width: 100%;
        display: inline-block;
        margin: 0 0 10px 0;
    }

    .kripto-paralar .modul-bilgisi {
        font-size: 11pt;
    }

        .kripto-paralar .modul-bilgisi a {
            font-size: 9pt;
        }

    .kripto-paralar .tek .ad {
        width: calc(40% - 10px);
    }

    .kripto-paralar .tek .fiyat {
        width: calc(32% - 10px);
    }

    .kripto-paralar .tek .degisim {
        width: calc(28% - 10px);
    }

    .kripto-paralar .tek .hacim {
        display: none;
    }

    .reklam-fix .w300 {
        display: none;
    }

    .reklam-fix .w160 {
        display: inline-block;
    }

    .modul-hakkinda .konu .simge,
    .modul-hakkinda .konu .simge-resim {
        display: none;
    }

    .blog-arasi-modul {
        margin-bottom: 20px;
    }

    .blog-arasi-reklam {
        margin-bottom: 20px;
    }

    /* Küçük ekranlarda header'ın incelmesi. */
    header .uye {
        height: 30px;
    }

    /*header .uye .bildirim-no {padding: 0 15px 0 10px; line-height: 32px; float: right; } 
header .uye .bildirim-no:after {top:-2px; right:-6px; border-radius:8px; width:12px; height:12px; border:2px solid #fff; } */
    header .populer-mini {
        height: 40px;
        margin-right: 135px;
    }

    header .oturum .eylem {
        height: 30px !important;
    }

    header .uye .avatar {
        width: 30px;
        height: 30px;
    }

        header .uye .avatar.avatarsiz {
            line-height: 30px;
        }

        header .uye .avatar img {
            width: 30px;
            height: 30px;
        }

    header nav .oge {
        height: 30px;
    }

        header nav .oge a.oge-ad {
            line-height: 30px;
            height: 30px;
        }

    header nav.gundem .oge a.oge-ad {
        padding: 6px 8px;
    }

    header nav a [class*="icon-"] {
        margin-top: -3px;
        font-size: 12pt;
    }

    header nav a.hamburger [class*="icon-"] {
        margin: 0;
        font-size: 14pt;
    }

    header nav a .kisa-ad {
        /*display:none; */
        margin-bottom: -3px;
    }

    header nav a.hamburger [class*="icon-"] {
        top: 5px;
    }

    header .logo {
        height: 30px;
        /*padding:0 5px 0 0; */
    }

        header .logo img {
            margin: 0;
        }

    header .oturum {
        height: 30px;
    }

        header .oturum .eylem {
            margin: 5px 5px 5px 0;
            height: 30px;
            line-height: 30px;
        }

    header nav.gundem {
        height: 40px;
    }

    header nav.hiza-sag {
        margin-right: 40px;
    }

    header .hizli-ayar {
        height: 40px;
    }

        header .hizli-ayar a.oge-ad {
            height: 30px;
            line-height: 30px;
        }

    header .acilir-menu .acici {
        height: 40px;
    }

    header .populer-mini a.oge-ad {
        margin: 0;
    }

    header .hizli-ayar .cark {
        padding: 0 1px;
    }

    header .hizli-ayar .ay {
        padding: 0 1px;
    }

    header .arama {
        margin-top: 0;
    }

    nav.gundem .oge {
        height: 40px !important;
    }

        nav.gundem .oge.gorsel {
            height: 40px !important;
        }

            nav.gundem .oge.gorsel img {
                height: 30px !important;
            }

    .discount-button {
        height: 40px !important;
    }

    .post .kolon.yazi .onerilen-icerik-yan .avatar {
        display: none;
    }

    .medya-galeri-kutu .baslik {
        height: 36pt;
        margin: 0 0 7px 0;
        -webkit-line-clamp: 2;
    }

    .medya-galeri-kutu.orta .baslik {
        height: 40pt;
    }

    header .hizli-ayar .ay {
        padding: 0 1px;
    }

    header .arama {
        margin-top: 0;
    }

    nav.gundem .oge {
        height: 40px !important;
    }

        nav.gundem .oge.gorsel {
            height: 40px !important;
        }

            nav.gundem .oge.gorsel img {
                height: 30px !important;
            }

    .discount-button {
        height: 40px !important;
    }

    .post .kolon.yazi .onerilen-icerik-yan .avatar {
        display: none;
    }

    .medya-galeri-kutu .baslik {
        height: 36pt;
        margin: 0 0 7px 0;
        -webkit-line-clamp: 2;
    }

    .medya-galeri-kutu.orta .baslik {
        height: 40pt;
    }

    .medya-galeri-kutu.buyuk .baslik {
        height: auto;
        margin-bottom: 7pt;
    }
}

/* Multi source links */
.multi-source-links {
    position: relative;
    border-radius: 6px;
    border: 1px solid #dedede;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 15px 15px 14px 15px;
    width: calc(100% - 20px);
}

    .multi-source-links .multi-source-links-title {
        border-radius: 5px;
        border: 1px solid #dedede;
        background-color: #f1f1f1;
        width: 60px;
        height: 22px;
        line-height: 22px;
        color: #333333;
        font-size: 11px;
        font-weight: 400;
        position: absolute;
        top: -20px;
        left: 10px;
        cursor: default;
        text-align: center;
    }

    .multi-source-links a {
        display: block;
    }

        .multi-source-links a .hedef {
            color: #000000;
            display: block;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            white-space: nowrap;
        }

/* Multi source links end */

/* Video preview */
.video-preview {
    width: 100%;
    height: 100%;
    background-color: black;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .video-preview video {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.medya.karsitlik .video-preview {
    border-radius: 3px 3px 0 0;
}

    .medya.karsitlik .video-preview video {
        border-bottom: 1px solid white;
    }

/* Video preview end */
/* google subscribe button */
.google-news-subscribe-button {
    height: 32px;
    display: inline-block;
    background-color: white;
    float: right;
    margin: -1px 0 0 0;
    border-radius: 3px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    width: 205px;
}

    .google-news-subscribe-button > span {
        font-size: 14.6px;
        line-height: 32px;
        float: left;
        color: #999;
        text-indent: 10px;
    }

    .google-news-subscribe-button > img {
        height: 20px;
        width: 115px;
        float: right;
        padding: 7px 10px 0 5px;
    }

    .google-news-subscribe-button.video {
        width: 111px;
        height: 30px;
        padding: 0px;
        margin: 0;
    }

        .google-news-subscribe-button.video > img {
            width: 92px;
            height: 16px;
            float: none;
            padding: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

/* google subscribe button end */

/*Haber Gir*/

.bg-white {
    background-color: #fff;
}

body.bg-grey {
    background: #e4e4e4;
}

.liste-kapak .temel-bilgiler .tur.navigation,
.liste-kapak .temel-bilgiler .tur.navigation a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.liste-kapak .temel-bilgiler.full-width {
    width: 100%;
}

.liste-kapak .temel-bilgiler .hakkinda.description-alternate {
    color: #333333;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.09px;
}

.liste-kapak .temel-bilgiler .draft-articles {
    widows: 100px;
    float: left;
    margin: 15px 0 0 0;
}

    .liste-kapak .temel-bilgiler .draft-articles b {
        color: #f5792a;
    }

    .liste-kapak .temel-bilgiler .draft-articles ul {
        width: 100%;
        float: left;
        margin: 10px 0 0 0;
    }

        .liste-kapak .temel-bilgiler .draft-articles ul li {
            margin: 0 0 8px 0;
            color: #999;
        }

            .liste-kapak .temel-bilgiler .draft-articles ul li a.draft-name {
                text-decoration: underline;
                max-width: 50%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                float: left;
                margin: 0 10px 0 0;
                color: #333;
            }

.liste-kapak.border-bottom {
    position: relative;
}

    .liste-kapak.border-bottom:after {
        content: "";
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: 0;
        height: 1px;
        background-color: #ccc;
    }

.radio-buttons {
    widows: 100%;
    float: left;
    position: relative;
}

    .radio-buttons input {
        position: absolute;
        left: -99999px;
        right: -99999px;
        visibility: hidden;
    }

    .radio-buttons label {
        position: relative;
        border: 1px solid #dedede;
        background-color: #fff;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
        float: left;
        color: #999;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 12px 10px 39px;
        margin: 0 10px 0 0;
        cursor: pointer;
    }

        .radio-buttons label:before {
            content: "";
            width: 16px;
            height: 16px;
            border: 1px solid #dedede;
            background-color: #f1f1f1;
            border-radius: 50%;
            box-sizing: border-box;
            position: absolute;
            left: 12px;
            top: 11px;
        }

    .radio-buttons input:checked + label {
        background-color: #fff;
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        color: #333;
    }

        .radio-buttons input:checked + label:before {
            background-color: #f5792a;
            border: none;
        }

.kolon .content {
    padding: 0 30px;
}

    .kolon .content .profile {
        width: 100px;
        float: left;
    }

        .kolon .content .profile img {
            max-width: 100px;
            margin: 0 auto;
            display: block;
        }

        .kolon .content .profile .avatarsiz {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            line-height: 50px;
            text-align: center;
            margin: 0 auto;
            display: block;
        }

        .kolon .content .profile .login-name {
            color: #333;
            font-size: 14px;
            font-weight: 600;
            margin: 9px 0 0 0;
            width: 100%;
            text-align: center;
        }

    .kolon .content .post-detail {
        width: calc(100% - 130px);
        padding: 0 0 0 30px;
        float: left;
    }

        .kolon .content .post-detail .row {
            width: 100%;
            float: left;
            position: relative;
            margin: 0 0 30px 0;
        }

            .kolon .content .post-detail .row span.title {
                color: #f5792a;
                font-size: 18px;
                font-weight: 600;
                float: left;
                width: 100%;
                margin: 0 0 8px 0;
            }

                .kolon .content .post-detail .row span.title .counter {
                    color: #999;
                    font-size: 14px;
                    font-weight: 400;
                    float: right;
                }

                .kolon .content .post-detail .row span.title .hint {
                    float: right;
                    color: #999;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 20px;
                    cursor: pointer;
                    position: relative;
                }

                    .kolon .content .post-detail .row span.title .hint img {
                        float: right;
                        margin: 0 0 0 6px;
                    }

                    .kolon .content .post-detail .row span.title .hint .hint-detail {
                        position: absolute;
                        right: -20px;
                        top: 100%;
                        background-color: rgba(0, 0, 0, 0.7);
                        border-radius: 5px;
                        color: #fff;
                        z-index: 9999999;
                        padding: 8px;
                        font-size: 12px;
                        font-weight: 400;
                        width: 200px;
                        margin: 12px 0 0 0;
                        display: none;
                    }

                        .kolon .content .post-detail .row span.title .hint .hint-detail.active {
                            display: inline-block;
                        }

                        .kolon .content .post-detail .row span.title .hint .hint-detail:before {
                            content: "";
                            position: absolute;
                            bottom: 100%;
                            right: 21px;
                            width: 0;
                            height: 0;
                            border-bottom: 8px solid rgba(0, 0, 0, 0.7);
                            border-right: 8px solid transparent;
                            border-left: 8px solid transparent;
                        }

            .kolon .content .post-detail .row span.description {
                color: #999;
                font-size: 14px;
                font-weight: 400;
                margin: 0 0 10px 0;
            }

.custom-textbox {
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    width: 100%;
    float: left;
    color: #333;
    font-size: 28px;
    font-weight: 600;
    padding: 13px 20px;
    box-sizing: border-box;
}

    .custom-textbox:focus {
        border-color: #999;
    }

    .custom-textbox::-webkit-input-placeholder {
        /* Edge */
        color: #ccc;
    }

    .custom-textbox:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #ccc;
    }

    .custom-textbox ::placeholder {
        color: #ccc;
    }

.custom-textarea {
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    width: 100%;
    float: left;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    padding: 13px 20px;
    box-sizing: border-box;
    resize: none;
    height: 100px;
}

    .custom-textarea:focus {
        border-color: #999;
    }

    .custom-textarea::-webkit-input-placeholder {
        /* Edge */
        color: #ccc;
        letter-spacing: -0.8px;
        font-style: italic;
    }

    .custom-textarea:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #ccc;
        letter-spacing: -0.8px;
        font-style: italic;
    }

    .custom-textarea ::placeholder {
        color: #ccc;
        letter-spacing: -0.8px;
        font-style: italic;
    }

.editable.custom-textarea {
    margin: 0 0 20px 0;
    height: 290px;
}

.editable > div {
    display: block;
}

.editable p:first-child {
    margin-top: 0;
}

.editable p a {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

    .editable p a:hover {
        color: #000;
        opacity: 0.8;
    }

.editable ul {
    list-style-type: initial;
    padding: 0 40px;
    margin: 16px 0;
}

.editable blockquote {
    display: block;
    border-radius: 5px;
    background-color: #e8e8e8;
    padding: 20px;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.medium-editor-insert-plugin .medium-insert-buttons {
    position: absolute;
    color: #ddd;
    font-size: 0.9em;
    left: -51px !important;
}

    .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show {
        box-sizing: border-box;
        display: block;
        width: 40px;
        height: 40px;
        margin-top: -10px;
        border: 1px solid #000;
        background-color: #fff;
        border-radius: 50%;
        font-size: 25px;
        line-height: 28px;
        text-align: center;
        text-decoration: none;
        transition: transform 250ms;
    }

        .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show:hover {
            background-color: #f1f1f1;
        }

        .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show img {
            display: inline-block;
            margin: 8px 0;
        }

    .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons {
        margin: 0;
        padding: 0;
        list-style: none;
        display: none;
        position: relative;
        z-index: 2;
        left: 55px;
        top: -40px;
    }

        .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li {
            display: inline-block;
            background-color: #fff;
            float: left;
        }

            .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li a {
                box-sizing: border-box;
                display: inline-block;
                margin: 0 5px;
                width: 40px;
                height: 40px;
                border-radius: 20px;
                border: 1px solid #000;
                font-size: 20px;
                line-height: 28px;
                text-align: center;
            }

                .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li a:hover {
                    background-color: #f1f1f1;
                }

                .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li a img {
                    display: inline-block;
                    margin: 8px 0;
                }

    .medium-editor-insert-plugin .medium-insert-buttons a {
        text-decoration: underline;
        cursor: pointer;
    }

    .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li a .fa {
        font-size: 15px;
    }

    .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show.medium-insert-buttons-rotate {
        transform: rotate(45deg);
    }

.editable p {
    margin: 20px 0;
}

.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li:first-child a {
    margin: 0 5px 0 10px;
}

.medium-insert-embeds,
.mediumInsert-embeds {
    text-align: center;
    margin: 1em 0;
    position: relative;
}

.medium-insert-embeds-input {
    position: relative;
    color: #ccc;
    z-index: 1;
    text-align: left;
}

.medium-insert-embeds-placeholder {
    position: relative;
}

.medium-editor-insert-plugin p {
    margin: 1em 0;
}

.medium-insert-embeds-placeholder:after {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-placeholder);
    color: #ccc;
    font-size: 22px;
    line-height: 30px;
}

.button-type-1 {
    position: relative;
    float: left;
    cursor: pointer;
    color: #000 !important;
    border-radius: 20px;
    border: 1px solid #000;
    background-color: #fff;
    margin: 0 10px 0 0;
    padding: 9px 16px;
    box-sizing: border-box;
}

    .button-type-1:hover {
        background-color: #f1f1f1;
    }

    .button-type-1 img {
        pointer-events: none;
        float: left;
        margin: 0 7px 0 0;
    }

    .button-type-1 span {
        pointer-events: none;
        float: left;
        line-height: 20px;
        color: #000;
        font-size: 16px;
    }

.dropzone {
    border: 1px solid #dedede;
    background-color: #fff;
    width: 100%;
    float: left;
    position: relative;
    height: 200px;
    text-align: center;
}

    .dropzone.dz-drag-hover {
        border-color: #f5792a;
    }

        .dropzone.dz-drag-hover .dz-default.dz-message {
            display: none !important;
        }

    .dropzone:before {
        content: "";
        background-color: #e4e4e4;
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
    }

    .dropzone .center-container {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer !important;
        width: 100%;
    }

        .dropzone .center-container > * {
            cursor: pointer !important;
        }

        .dropzone .center-container > div {
            float: initial;
            margin: 12px 0;
        }

        .dropzone .center-container > span {
            color: #999;
            font-size: 16px;
            font-weight: 400;
            width: 100%;
            float: left;
            margin: 0 0 5px 0;
        }

        .dropzone .center-container > b {
            width: 100%;
            float: left;
        }

    .dropzone input {
        visibility: hidden;
    }

.dz-preview {
    display: none !important;
}

.kolon.dar .content {
    padding: 0;
    width: 100%;
}

.kolon.dar .post-detail {
    width: 100%;
    padding: 0;
}

.kolon .post-detail .row .title .mini-description {
    float: right;
    color: #ccc;
    font-family: Verdana;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    width: 126px;
    margin: -2px 0 0 0;
    text-align: right;
}

.filter-selection {
    width: 100%;
    float: left;
    border: 1px solid #dedede;
    background-color: #fff;
}

    .filter-selection .filter-text {
        width: 100%;
        border: none;
        border-bottom: 1px solid #dedede;
        box-sizing: border-box;
        font-size: 14px;
        color: #333;
        padding: 9px 14px;
    }

        .filter-selection .filter-text::-webkit-input-placeholder {
            /* Edge */
            color: #999;
        }

        .filter-selection .filter-text:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #999;
        }

        .filter-selection .filter-text ::placeholder {
            color: #999;
        }

    .filter-selection ul {
        width: 100%;
        float: left;
        max-height: 90px;
        overflow-x: auto;
    }

        .filter-selection ul li {
            padding: 3px 14px;
            width: 100%;
            box-sizing: border-box;
            float: left;
            color: #999;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            cursor: pointer;
        }

            .filter-selection ul li.active {
                color: #000;
            }

        .filter-selection ul::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: #dedede;
        }

        .filter-selection ul::-webkit-scrollbar {
            width: 12px;
            background-color: #dedede;
            border-radius: 10px;
        }

        .filter-selection ul::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #f5792a;
        }

    .filter-selection div.bg {
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 5px;
        background-color: #f9f9f9;
    }

        .filter-selection div.bg .no-results-found {
            color: #999;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            width: 100%;
            float: left;
            text-align: center;
            display: none;
        }

.selected-icon {
    width: 100%;
    float: left;
    margin: 7px 0 0 0;
}

    .selected-icon img.icon {
        float: left;
        border: 1px solid #ccc;
        width: 30px;
        height: 30px;
        margin: 0 13px 0 0;
    }

    .selected-icon img.arrow {
        float: left;
        margin: 11px 8px 0 0;
    }

    .selected-icon span {
        color: #333;
        font-size: 14px;
        font-weight: 400;
        float: left;
        line-height: 30px;
    }

.custom-textbox-2 {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    padding: 11px 14px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}

    .custom-textbox-2::-webkit-input-placeholder {
        /* Edge */
        color: #999;
    }

    .custom-textbox-2:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #999;
    }

    .custom-textbox-2 ::placeholder {
        color: #999;
    }

.input-content {
    width: 100%;
    float: left;
    position: relative;
}

    .input-content .custom-textbox-2 {
        padding: 11px 80px 11px 14px;
        margin: 0;
    }

    .input-content span {
        position: absolute;
        right: 1px;
        top: 1px;
        bottom: 1px;
        min-width: 71px;
        text-align: center;
        padding: 0 5px;
        box-sizing: border-box;
        background-color: #dedede;
        color: #999;
        font-size: 14px;
        font-weight: 400;
        line-height: 38px;
    }

.kolon .content .post-detail .row.news-version span.text {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.kolon .content .post-detail .row.news-version span.grey {
    color: #999;
}

.kolon .content .post-detail .row.news-version span.black {
    color: #333;
}

    .kolon .content .post-detail .row.news-version span.black a {
        text-decoration: underline;
    }

.kolon .content .post-detail .row.news-version p {
    width: 100%;
    float: left;
    margin: 18px 0 0 0;
    color: #999;
    font-size: 14px;
    font-weight: 400;
}

.kolon .content .post-detail .row.confirm-and-publish label {
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

    .kolon .content .post-detail .row.confirm-and-publish label a {
        text-decoration: underline;
    }

.kolon .content .post-detail .row.confirm-and-publish .buttons {
    width: 100%;
    float: left;
    margin: 17px 0 0 0;
}

    .kolon .content .post-detail .row.confirm-and-publish .buttons div {
        font-weight: 400;
    }

.kolon .content .post-detail .row.confirm-and-publish .save-detail {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

.orange-gradient-button {
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: #fff;
    background-image: linear-gradient(to top, #ff4e48 0%, #fc8d45 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 11px 23px;
}

.user-news-icon {
    float: left;
    margin: 0 5px 0 0;
}

.galeri-gorselleri {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

    .galeri-gorselleri .kutucuk {
        width: 100%;
        height: 200px;
        float: left;
        border: 1px solid #dedede;
        padding: 10px;
        box-sizing: border-box;
        margin: 0 0 30px 0;
        background-color: #fff;
    }

        .galeri-gorselleri .kutucuk .gorsel {
            width: 320px;
            height: 180px;
            float: left;
            position: relative;
            background-position: center center;
            background-size: auto 180px;
            background-repeat: no-repeat;
            background-color: #ccc;
        }

            .galeri-gorselleri .kutucuk .gorsel .base64 {
                display: none;
            }

            .galeri-gorselleri .kutucuk .gorsel .cozunurluk {
                position: absolute;
                left: 0;
                top: 0;
                background-color: #fff;
                border-bottom-right-radius: 3px;
                color: #000;
                font-size: 12pt;
                padding: 3px 5px 3px 0;
            }

            .galeri-gorselleri .kutucuk .gorsel .paylas {
                position: absolute;
                bottom: 10px;
                left: 10px;
                border-radius: 3px;
                background-color: #fff;
                height: 30px;
                width: 30px;
                text-align: center;
                padding: 5px 0;
                box-sizing: border-box;
            }

                .galeri-gorselleri .kutucuk .gorsel .paylas.crop {
                    right: 10px;
                    top: 10px;
                    bottom: initial;
                    left: initial;
                    cursor: pointer;
                }

                .galeri-gorselleri .kutucuk .gorsel .paylas.right {
                    left: initial;
                    right: 10px;
                }

            .galeri-gorselleri .kutucuk .gorsel .haber-fotografi {
                position: absolute;
                right: 10px;
                bottom: 10px;
                height: 30px;
                line-height: 30px;
                border-radius: 3px;
                padding: 0 10px;
                font-size: 12pt;
                cursor: pointer;
                background-color: rgba(0, 0, 0, 0.2);
                color: #fff;
            }

                .galeri-gorselleri .kutucuk .gorsel .haber-fotografi:hover {
                    background-color: #fff;
                    color: #333;
                }

                .galeri-gorselleri .kutucuk .gorsel .haber-fotografi::after {
                    content: " Kapak Fotoğrafı Yap";
                }

                .galeri-gorselleri .kutucuk .gorsel .haber-fotografi.aktif::after {
                    content: " Kapak Fotoğrafı Seçildi";
                }

                .galeri-gorselleri .kutucuk .gorsel .haber-fotografi i.icon-checkmark {
                    display: none;
                }

                .galeri-gorselleri .kutucuk .gorsel .haber-fotografi.aktif i.icon-checkmark {
                    display: inline-block;
                }

                .galeri-gorselleri .kutucuk .gorsel .haber-fotografi.aktif {
                    background-color: rgba(0, 0, 0, 0.6);
                }

                    .galeri-gorselleri .kutucuk .gorsel .haber-fotografi.aktif:hover {
                        background-color: rgba(0, 0, 0, 0.6);
                        color: #fff;
                    }

                    .galeri-gorselleri .kutucuk .gorsel .haber-fotografi.aktif i {
                        float: left;
                        margin: 6px 5px 0 0;
                    }

        .galeri-gorselleri .kutucuk .sag-kisim {
            width: calc(100% - 340px);
            float: right;
            height: 100%;
        }

            .galeri-gorselleri .kutucuk .sag-kisim textarea {
                width: calc(100% - 55px);
                height: calc(100% - 10px);
                border: none;
                border-bottom: 1px dashed #dedede;
                resize: none;
                outline: none;
                font-family: Arial;
                float: left;
                font-size: 18px;
                padding: 15px 0 0 0;
                box-sizing: border-box;
            }

                .galeri-gorselleri .kutucuk .sag-kisim textarea::-webkit-input-placeholder {
                    /* Chrome/Opera/Safari */
                    color: #ccc;
                }

                .galeri-gorselleri .kutucuk .sag-kisim textarea::-moz-placeholder {
                    /* Firefox 19+ */
                    color: #ccc;
                }

                .galeri-gorselleri .kutucuk .sag-kisim textarea:-ms-input-placeholder {
                    /* IE 10+ */
                    color: #ccc;
                }

                .galeri-gorselleri .kutucuk .sag-kisim textarea:-moz-placeholder {
                    /* Firefox 18- */
                    color: #ccc;
                }

                .galeri-gorselleri .kutucuk .sag-kisim textarea::-webkit-scrollbar {
                    width: 5px;
                    border-radius: 10px;
                }

            .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici {
                float: right;
                width: 40px;
                height: 180px;
                border: 1px solid #dedede;
                border-radius: 3px;
                position: relative;
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
                background: rgb(244, 244, 244);
                /* Old browsers */
                background: -moz-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
                /* FF3.6-15 */
                background: -webkit-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=1);
                /* IE6-9 */
            }

                .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici:after {
                    content: "";
                    position: absolute;
                    top: 30px;
                    right: 100%;
                    width: 0;
                    height: 0;
                    border-right: 8px solid #f4f4f4;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                }

                .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici:before {
                    content: "";
                    position: absolute;
                    top: 29px;
                    right: 100%;
                    width: 0;
                    height: 0;
                    border-right: 9px solid #dedede;
                    border-top: 9px solid transparent;
                    border-bottom: 9px solid transparent;
                }

                .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici .asagi-yukari {
                    width: 100%;
                    padding: 0;
                    float: left;
                    box-sizing: border-box;
                    margin: 17px 0 0 0;
                }

                    .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici .asagi-yukari button {
                        width: 100%;
                        height: 20px;
                        float: left;
                        background-size: 18px 12px !important;
                        background-repeat: no-repeat !important;
                        background-position: center center !important;
                        cursor: pointer;
                        background: none;
                        border: none;
                        outline: none;
                    }

                        .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici .asagi-yukari button.yukari {
                            background-image: url("../img/yukari-ok.png");
                            margin: 0 0 4px 0;
                        }

                        .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici .asagi-yukari button.asagi {
                            background-image: url("../img/asagi-ok.png");
                        }

                        .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici .asagi-yukari button:hover {
                            opacity: 0.8;
                        }

        .galeri-gorselleri .kutucuk:first-child .sag-kisim .yonlendirici .asagi-yukari button.yukari {
            opacity: 0.3;
        }

        .galeri-gorselleri .kutucuk:last-child .sag-kisim .yonlendirici .asagi-yukari button.asagi {
            opacity: 0.3;
        }

        .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici .cop {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            cursor: pointer;
            padding: 10px;
        }

            .galeri-gorselleri .kutucuk .sag-kisim .yonlendirici .cop:hover {
                opacity: 0.8;
            }

.margin-bottom-10 {
    margin: 0 0 10px 0 !important;
}

.kolon .content .post-detail .row .category-multiselect-content {
    margin: 0 0 10px 0;
}

    .kolon .content .post-detail .row .category-multiselect-content,
    .kolon .content .post-detail .row .category-multiselect-content .select2-container {
        width: 100% !important;
    }

        .kolon .content .post-detail .row .category-multiselect-content .select2-container .selection {
            width: 100%;
            float: left;
            background-color: #fff;
            color: #333;
            font-size: 14px;
            font-weight: 400;
            box-sizing: border-box;
        }

            .kolon .content .post-detail .row .category-multiselect-content .select2-container .selection .select2-selection {
                border: 1px solid #ccc;
                border-radius: 0;
                padding: 8px 5px;
            }

.kolon .content .post-detail .sources {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0 0;
}

    .kolon .content .post-detail .sources .source-title {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .kolon .content .post-detail .sources .source-href {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }

        .kolon .content .post-detail .sources .source-href a {
            width: calc(100% - 50px);
            float: left;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: #333;
            text-decoration: underline;
            line-height: 30px;
        }

        .kolon .content .post-detail .sources .source-href .source-delete {
            float: right;
        }

/*Image Crop*/

.pb-15 {
    padding-bottom: 15px;
}

.pb-10 {
    padding-bottom: 10px;
}

#image-cropper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.54);
    z-index: 0;
    visibility: hidden;
}

    #image-cropper.active {
        z-index: 99999;
        visibility: visible;
    }

    #image-cropper .content {
        padding: 10px;
        border-radius: 3px;
        background-color: #f1f1f1;
        width: 70%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    }

    #image-cropper .bottom {
        width: 100%;
        float: left;
        margin: 8px 0 0 0;
    }

        #image-cropper .bottom .info {
            float: left;
            font-size: 16px;
            font-weight: 400;
            color: #000;
            line-height: 30px;
        }

        #image-cropper .bottom .step {
            line-height: 30px;
            margin: 0 14px 0 0;
            color: #999999;
            font-size: 16px;
            font-weight: bold;
            float: right;
        }

.loading-fixed {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    display: none;
}

    .loading-fixed img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.cropperHeightControl {
    width: 100%;
    display: block;
    max-height: 80vh;
}

.cropper-container {
    -moz-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    touch-action: none;
    user-select: none;
}

    .cropper-container img {
        display: block;
        height: 100%;
        image-orientation: 0deg;
        max-height: none !important;
        max-width: none !important;
        min-height: 0 !important;
        min-width: 0 !important;
        width: 100%;
    }

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.cropper-canvas,
.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    opacity: 0.5;
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
    overflow: hidden;
    width: 100%;
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: 0.5;
    position: absolute;
}

    .cropper-dashed.dashed-h {
        border-bottom-width: 1px;
        border-top-width: 1px;
        height: 33.33333%;
        left: 0;
        top: 33.33333%;
        width: 100%;
    }

    .cropper-dashed.dashed-v {
        border-left-width: 1px;
        border-right-width: 1px;
        height: 100%;
        left: 33.33333%;
        top: 0;
        width: 33.33333%;
    }

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 0;
}

    .cropper-center:after,
    .cropper-center:before {
        background-color: #eee;
        content: " ";
        display: block;
        position: absolute;
    }

    .cropper-center:before {
        height: 1px;
        left: -3px;
        top: 0;
        width: 7px;
    }

    .cropper-center:after {
        height: 7px;
        left: 0;
        top: -3px;
        width: 1px;
    }

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%;
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0;
}

.cropper-line {
    background-color: #39f;
}

    .cropper-line.line-e {
        cursor: ew-resize;
        right: -3px;
        top: 0;
        width: 5px;
    }

    .cropper-line.line-n {
        cursor: ns-resize;
        height: 5px;
        left: 0;
        top: -3px;
    }

    .cropper-line.line-w {
        cursor: ew-resize;
        left: -3px;
        top: 0;
        width: 5px;
    }

    .cropper-line.line-s {
        bottom: -3px;
        cursor: ns-resize;
        height: 5px;
        left: 0;
    }

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: 0.75;
    width: 5px;
}

    .cropper-point.point-e {
        cursor: ew-resize;
        margin-top: -3px;
        right: -3px;
        top: 50%;
    }

    .cropper-point.point-n {
        cursor: ns-resize;
        left: 50%;
        margin-left: -3px;
        top: -3px;
    }

    .cropper-point.point-w {
        cursor: ew-resize;
        left: -3px;
        margin-top: -3px;
        top: 50%;
    }

    .cropper-point.point-s {
        bottom: -3px;
        cursor: s-resize;
        left: 50%;
        margin-left: -3px;
    }

    .cropper-point.point-ne {
        cursor: nesw-resize;
        right: -3px;
        top: -3px;
    }

    .cropper-point.point-nw {
        cursor: nwse-resize;
        left: -3px;
        top: -3px;
    }

    .cropper-point.point-sw {
        bottom: -3px;
        cursor: nesw-resize;
        left: -3px;
    }

    .cropper-point.point-se {
        bottom: -3px;
        cursor: nwse-resize;
        height: 20px;
        opacity: 1;
        right: -3px;
        width: 20px;
    }

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: 0.75;
        width: 5px;
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

/*Image Crop*/

.fa-12 {
    font-size: 12px !important;
}

.d-inline-block {
    display: inline-block;
}

.lh-30 {
    line-height: 30px;
}

.fw-400 {
    font-weight: 400;
}

.px-35 {
    padding-right: 35px;
    padding-left: 35px;
}

.showcase {
    font-size: 17px;
    font-family: Arial;
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    max-width: 600px;
}

    .showcase .product-image {
        width: 178px;
        height: 178px;
        border-radius: 5px;
        border: solid 1px #cccccc;
        margin-bottom: 0 !important;
        float: left;
        background-color: #fff;
        text-align: center;
    }

        .showcase .product-image img {
            max-width: 90% !important;
            display: inline-block;
            border-radius: 3px;
            max-height: 90%;
            margin: 5%;
        }

    .showcase .product-context {
        display: inline-block !important;
        width: calc(100% - 210px);
        padding-left: 20px;
        flex-wrap: wrap;
        vertical-align: middle;
        margin-bottom: 0 !important;
        float: right;
        padding: 0 10px 0 0;
    }

        .showcase .product-context a.title {
            margin: 12px 0;
            text-decoration: none;
            color: #000;
            line-height: 18px;
            font-weight: bold;
            margin: 15px 0 0 0;
            display: block;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .showcase .product-context a.link {
            display: inline-block;
            color: #0065be;
            font-weight: 600;
            text-decoration: none;
            margin: 10px 0 0 0;
        }

            .showcase .product-context a.link:hover {
                text-decoration: underline;
            }

            .showcase .product-context a.link:after {
                content: " »";
                vertical-align: middle;
                vertical-align: unset;
            }

        .showcase .product-context .product-info {
            display: block !important;
            margin-bottom: 0 !important;
        }

            .showcase .product-context .product-info .price {
                color: #b12605;
            }

            .showcase .product-context .product-info .shipping {
                color: #999;
                padding-top: 15px;
            }

            .showcase .product-context .product-info .voted {
                display: block;
                font-size: 12px;
                padding-top: 15px;
            }

    .showcase.list {
        font-size: 13px;
        position: relative;
        margin-bottom: 0 !important;
    }

.showcase-list-item {
    margin-bottom: 25px !important;
    width: calc(25% - 16px);
    float: left;
    margin-right: 20px;
}

    .showcase-list-item:last-child {
        margin-right: 0;
    }

.showcase.list .product-image {
    width: 100%;
    height: 134px;
}

.showcase.list .product-context {
    width: 100%;
    padding: 0;
    height: calc(100% - 130px);
}

    .showcase.list .product-context .product-info .shipping {
        padding-top: 0;
    }

    .showcase.list .product-context a.title {
        margin: 12px 0 0 0;
        font-size: 13px;
        font-weight: normal;
        width: 100%;
        float: left;
        height: 58px;
    }

    .showcase.list .product-context a.link {
        width: 100%;
        float: left;
        margin: 5px 0 0 0;
    }

    .showcase.list .product-context .product-info {
        width: 100%;
        float: left;
    }

.showcase.list .product-context {
    display: flex !important;
}

/* discount-button */
.discount-button {
    display: inline-block;
    float: right;
    height: 50px;
    width: 68px;
    margin-right: 5px;
    position: relative;
}

    .discount-button > span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 28px;
    }

        .discount-button > span > img {
            width: 21px;
            height: 24px;
        }

        .discount-button > span > span {
            width: 42px;
            font-size: 14px;
            line-height: 1;
            color: #ffffff;
        }

header.tuttur .discount-button {
    height: 40px;
}

/* discount-button */

/*Stil Geçişleri*/

/* populer linkler */
.oge[partial-name="PopularLinksForum"],
.oge[partial-name="PrimeDay"],
.oge[partial-name="HotClicks"] {
    max-width: 100%;
}

.popular-link-forum {
    padding: 15px 11px 12px 10px;
    width: calc(100% - 21px);
}

    .popular-link-forum > a {
        width: 100%;
    }

        .popular-link-forum > a > img:first-child {
            max-width: 16px;
            max-height: 16px;
            vertical-align: top;
            margin-top: 3px;
        }

        .popular-link-forum > a > div {
            margin: 0 8px 0 5px;
            width: calc(100% - 52px);
        }

            .popular-link-forum > a > div > div {
                width: 100%;
                height: 15px;
            }

        .popular-link-forum > a > img:last-child {
            width: 14px;
            vertical-align: top;
            margin-top: 12px;
        }

        .popular-link-forum > a > div > div > span {
            line-height: 15px;
            font-size: 12px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 100%;
            font-family: Verdana;
            letter-spacing: -0.29px;
        }

        .popular-link-forum > a > div > div:first-child > span {
            font-weight: bold;
        }

        .popular-link-forum > a > div > div:last-child > span {
            color: #666;
        }

/*Yeni Sistem Tavsiyeleri*/
.sistem-tavsiyeleri.phone-advice .modul-hakkinda,
.sistem-tavsiyeleri.notebook-advice .modul-hakkinda {
    margin: 0 0 20px 0;
}

.sistem-tavsiyeleri .advice-box {
    width: 100%;
    float: left;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
}

    .sistem-tavsiyeleri .advice-box > .title {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        border-radius: 3px;
        background-color: #658a9f;
        padding: 7px 12px;
        float: left;
    }

.sistem-tavsiyeleri.notebook-advice .advice-box > .title {
    background-color: #a69870;
}

.sistem-tavsiyeleri .advice-box ul {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

    .sistem-tavsiyeleri .advice-box ul li {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
    }

        .sistem-tavsiyeleri .advice-box ul li a {
            width: 100%;
            float: left;
        }

        .sistem-tavsiyeleri .advice-box ul li:last-child {
            margin: 0;
        }

        .sistem-tavsiyeleri .advice-box ul li .image {
            width: 34px;
            height: 34px;
            float: left;
            text-align: center;
            position: relative;
        }

            .sistem-tavsiyeleri .advice-box ul li .image img {
                max-width: 34px;
                max-height: 34px;
                height: auto;
                width: auto;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

        .sistem-tavsiyeleri .advice-box ul li .title {
            font-size: 16px;
            color: #666;
            float: left;
            width: calc(100% - 60px);
            padding: 0 8px;
            box-sizing: border-box;
            position: relative;
            min-height: 34px;
        }

            .sistem-tavsiyeleri .advice-box ul li .title span {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                line-height: 18px;
                position: absolute;
                left: 8px;
                right: 8px;
                top: 50%;
                transform: translate(0, -50%);
            }

        .sistem-tavsiyeleri .advice-box ul li .buy {
            float: right;
            color: #ccc;
            font-size: 16px;
            width: 25px;
            height: 34px;
            position: relative;
        }

            .sistem-tavsiyeleri .advice-box ul li .buy i {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

.sistem-tavsiyeleri.phone-advice .daha-fazla,
.sistem-tavsiyeleri.notebook-advice .daha-fazla {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    padding: 20px 30px;
    margin: 0;
    color: #999;
}

/*Gündem Butonları */

.tab .tab-oge a .bg-gundem {
    width: 24px;
    height: 21px;
    background: url("../img/agenda-icon-sprite.png") -54px -53px;
    float: left;
    vertical-align: middle;
    margin: 4px 5px 0 -5px;
}

.tab .tab-oge.aktif a .bg-gundem {
    background: url("../img/agenda-icon-sprite.png") -10px -53px;
}

.tab .tab-oge a .bg-takip-akis {
    width: 24px;
    height: 24px;
    background: url("../img/takip-akisiniz-icon.png");
    float: left;
    vertical-align: middle;
    margin: 3px 5px 0 -5px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.tab .tab-oge.aktif a .bg-takip-akis {
    background-image: url("../img/takip-akisiniz-active-icon.png");
}

.medya .alt .gundem-yap-buton,
.medya-yatay .alt .gundem-yap-buton,
.medya-blog .alt .gundem-yap-buton {
    margin: -11px 0 0 0;
    vertical-align: middle;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    color: #bcbcbc;
    cursor: pointer;
}

.medya-blog .alt .gundem-yap-buton {
    margin: 0;
}

.masonry .medya .alt .news-category {
    display: inline-block;
    color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    position: relative;
    padding: 0 0 0 12px;
    margin: -10px 0 0 10px;
    vertical-align: middle;
    max-width: calc(100% - 150px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .masonry .medya .alt .news-category:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #ccc;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }

.masonry .medya.karsitlik .alt .imle span::before {
    color: #888;
}

.medya-yatay .alt .gundem-yap-buton {
    margin: -2px 15px 0 0;
}

    .medya .alt .gundem-yap-buton .bg-gundem,
    .medya-yatay .alt .gundem-yap-buton .bg-gundem,
    .medya-blog .alt .gundem-yap-buton .bg-gundem {
        width: 26px;
        height: 23px;
        background: url("../img/agenda-icon-sprite.png") -10px -10px;
        float: left;
        margin: -3px 5px 0 0;
    }

    .medya .alt .gundem-yap-buton.active,
    .medya-yatay .alt .gundem-yap-buton.active,
    .medya-blog .alt .gundem-yap-buton.active {
        color: #ef792d;
    }

        .medya .alt .gundem-yap-buton.active .bg-gundem,
        .medya-yatay .alt .gundem-yap-buton.active .bg-gundem,
        .medya-blog .alt .gundem-yap-buton.active .bg-gundem {
            background: url("../img/agenda-icon-sprite.png") -56px -10px;
        }

.klasik-manset4 .klasik-ekslayt-kapsam {
    border-radius: 0;
}

    .klasik-manset4 .klasik-ekslayt-kapsam,
    .klasik-manset4 .klasik-ekslayt-kapsam .ekslayt,
    .klasik-manset4 .klasik-ekslayt-kapsam .ekslayt .ekoge,
    .klasik-manset4 .klasik-ekslayt-kapsam .ekslayt .ekoge .ekonizleme {
        height: 100% !important;
    }

.category-description {
    width: 100%;
    float: left;
    margin: 0 0 30px 0;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
    background-color: #fff;
    padding: 10px 15px 8px 15px;
    box-sizing: border-box;
}

    .category-description img {
        max-width: 100%;
        margin: 5px 0;
    }

    .category-description .title {
        font-weight: bold;
        color: #333;
        font-size: 18px;
        display: block;
        margin: 7px 0 13px 0;
    }

    .category-description p {
        color: #333;
        font-size: 14px;
        margin: 0 0 15px 0;
        line-height: 16px;
    }

    .category-description ul {
        margin: 0 0 15px 0;
    }

    .category-description ul {
        list-style-type: disc;
        padding-left: 20px;
        font-size: 14px;
        line-height: 16px;
        color: #333;
    }

    .category-description ol {
        list-style-type: decimal;
        padding-left: 20px;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
        color: #333;
    }

    .category-description h2 {
        margin: 0 0 13px 0;
        font-size: 18px;
    }

    .category-description h3 {
        margin: 0 0 8px 0;
        font-size: 16px;
    }

    .category-description a {
        color: #333;
        text-decoration: underline;
        display: inline;
    }

    .category-description blockquote {
        font-style: italic;
    }

    .category-description .tag {
        float: left;
        margin: 0 10px 10px 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        border-radius: 3px;
        border: 1px solid #dedede;
        background-color: #ffffff;
        color: #666666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        letter-spacing: -0.2px;
        text-decoration: none;
        padding: 6px 9px;
        line-height: 16px;
    }

        .category-description .tag:hover {
            background-color: #f1f1f1;
        }

#click-hot,
#editor-hot {
    max-width: 100%;
}

.hot-tab {
    width: 100%;
    float: left;
    background-color: #dedede;
    display: grid;
    grid-template-columns: auto auto;
}

    .hot-tab .button {
        padding: 13px 12px;
        color: #000;
        font-size: 14px;
        float: left;
        font-weight: bold;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

        .hot-tab .button.active {
            background-color: #fff;
            color: #f78d49;
            text-overflow: inherit;
            overflow: initial;
        }

.amazon-prime {
    width: 100%;
    float: left;
    border-radius: 5px;
    background-color: #f7f7f7;
    border-top: 1px solid #dedede;
    font-family: Arial;
    margin: 0 0 17px 0;
    box-sizing: border-box;
    padding: 30px 30px;
}

    .amazon-prime .left {
        float: left;
    }

    .amazon-prime .right {
        float: right;
    }

    .amazon-prime .title,
    .amazon-prime .content {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    .amazon-prime .title {
        padding: 4px 0;
    }

        .amazon-prime .title .left img {
            float: left;
            margin: 5px 8px 0 0;
        }

        .amazon-prime .title .left span {
            color: #999;
            line-height: 24px;
            font-size: 19px;
            float: left;
            margin: 2px 0 0 0;
        }

        .amazon-prime .title .right a {
            display: inline-block;
            padding: 4px 0 0 0;
        }

        .amazon-prime .title .right .arrow {
            float: right;
            transform: rotate(-90deg);
            margin: 3px 0 0 0;
        }

        .amazon-prime .title .right .logo {
            float: left;
        }

        .amazon-prime .title .right span {
            float: left;
            color: #232f3f;
            font-size: 19px;
            margin: -3px 5px;
        }

    .amazon-prime .content {
        margin: 20px 0 0 0;
        box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.15);
        border-radius: 3px;
        background-color: #ffffff;
        padding: 10px;
    }

        .amazon-prime .content .left {
            width: 420px;
        }

        .amazon-prime .content .right {
            width: calc(100% - 421px);
            padding: 0 35px 0;
            box-sizing: border-box;
        }

        .amazon-prime .content .slogan-img {
            float: left;
            margin: 0 10px 0 0;
        }

        .amazon-prime .content .counter-content {
            float: left;
            width: calc(100% - 164px);
            margin: 10px 0 0 0;
        }

            .amazon-prime .content .counter-content .counter {
                width: 250px;
                float: left;
                border-radius: 5px;
                background-color: #23305d;
                padding: 5px;
                box-sizing: border-box;
                font-size: 15px;
                height: 36px;
            }

                .amazon-prime .content .counter-content .counter .number {
                    float: left;
                    width: 30px;
                    height: 26px;
                    border-radius: 3px;
                    background-color: #ffffff;
                    color: #23305d;
                    font-weight: bold;
                    line-height: 26px;
                    text-align: center;
                }

                .amazon-prime .content .counter-content .counter .text {
                    float: left;
                    margin: 0 13px 0 5px;
                    line-height: 26px;
                    color: #fff;
                }

                    .amazon-prime .content .counter-content .counter .text.minute {
                        margin: 0 0 0 5px;
                    }

            .amazon-prime .content .counter-content .slogan {
                color: #0096d6;
                font-size: 16px;
                display: inline-block;
                margin: 12px 0 0 0;
            }

    .amazon-prime .amazon-item {
        width: 100%;
        float: left;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 0 10px;
        box-sizing: border-box;
    }

        .amazon-prime .amazon-item .product-image {
            float: left;
            border-radius: 5px;
            border: 1px solid #dedede;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center center;
            width: 80px;
            height: 80px;
            margin: 0 15px 0 0;
            box-sizing: border-box;
        }

        .amazon-prime .amazon-item .detail {
            width: calc(100% - 95px);
            float: left;
        }

            .amazon-prime .amazon-item .detail a {
                color: #23305d;
                font-size: 17px;
                width: 100%;
                float: left;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                margin: 0 0 10px 0;
                min-height: 40px;
            }

            .amazon-prime .amazon-item .detail .price {
                float: left;
                color: #aa280e;
                font-size: 22px;
                letter-spacing: -0.53px;
            }

            .amazon-prime .amazon-item .detail .old-price {
                float: right;
                color: #999;
                font-size: 13px;
                letter-spacing: -0.31px;
                margin: 0 0 0 10px;
            }

                .amazon-prime .amazon-item .detail .old-price span {
                    font-size: 11px;
                    display: block;
                }

            .amazon-prime .amazon-item .detail .discount {
                float: right;
                color: #333;
                font-size: 19px;
                letter-spacing: -0.46px;
                margin: 3px 0 0 0;
            }

    .amazon-prime .owl-carousel.owl-theme {
        margin: 0;
        height: 80px;
    }

    .amazon-prime .owl-nav button {
        background-image: none !important;
        width: 35px;
        position: relative;
    }

        .amazon-prime .owl-nav button.owl-next {
            right: -35px;
        }

        .amazon-prime .owl-nav button img {
            display: none;
        }

        .amazon-prime .owl-nav button:after {
            content: "";
            background-image: url("../img/right-big.png");
            width: 18px;
            height: 30px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .amazon-prime .owl-nav button.owl-prev {
            left: -35px;
        }

            .amazon-prime .owl-nav button.owl-prev:after {
                transform: translate(-50%, -50%) rotate(180deg);
            }

    .amazon-prime.started .content .left {
        width: 218px;
    }

        .amazon-prime.started .content .left .slogan-img {
            margin: 0;
        }

    .amazon-prime.started .content .right {
        width: calc(100% - 220px);
    }

    .amazon-prime .owl-stage-outer {
        display: inherit;
    }

    .amazon-prime .owl-nav button {
        outline: none;
        position: absolute;
        top: 31px;
        border-radius: 5px;
        cursor: pointer;
        z-index: 99999999;
        border: none !important;
    }

.amazon-prime-mini {
    width: 100%;
    float: left;
    background-color: #fff;
    margin: 0 0 30px 0;
}

    .amazon-prime-mini .title {
        border-radius: 3px 3px 0 0;
        background-color: #212d3b;
        width: 100%;
        float: left;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        padding: 23px 5px;
        box-sizing: border-box;
    }

    .amazon-prime-mini .sub-title {
        width: 100%;
        float: left;
        background-color: #05a1e6;
        height: 40px;
        padding: 0 6px;
        box-sizing: border-box;
    }

        .amazon-prime-mini .sub-title.started {
            text-align: center;
        }

        .amazon-prime-mini .sub-title .sub-title-img {
            float: left;
            position: relative;
        }

        .amazon-prime-mini .sub-title.started .sub-title-img {
            float: initial;
            position: relative;
        }

            .amazon-prime-mini .sub-title.started .sub-title-img:after {
                content: "başladı";
                font-weight: bold;
            }

        .amazon-prime-mini .sub-title .sub-title-img span {
            position: absolute;
            right: -7px;
            bottom: 11px;
            color: #24313f;
            font-size: 10px;
        }

        .amazon-prime-mini .sub-title .sub-title-img:after {
            content: "kalan süre";
            position: absolute;
            right: 14px;
            bottom: 4px;
            color: #24313f;
            font-size: 10px;
        }

    .amazon-prime-mini .counter {
        max-width: calc(100% - 170px);
        margin: 9px 0 0 6px;
        float: right;
        border-radius: 3px;
        background-color: #23305d;
        padding: 3px;
        box-sizing: border-box;
        font-size: 11px;
        height: 22px;
    }

        .amazon-prime-mini .counter .number {
            float: left;
            width: 18px;
            height: 16px;
            border-radius: 3px;
            background-color: #ffffff;
            color: #23305d;
            font-weight: bold;
            line-height: 16px;
            text-align: center;
        }

        .amazon-prime-mini .counter .amazon-time-small {
            display: none;
            width: auto;
            padding: 0 2px;
        }

        .amazon-prime-mini .counter .text {
            float: left;
            margin: 0 7px 0 5px;
            line-height: 16px;
            color: #fff;
            font-size: 9px;
        }

            .amazon-prime-mini .counter .text.minute {
                margin: 0 0 0 5px;
            }

    .amazon-prime-mini .bottom {
        width: 100%;
        float: left;
        border-radius: 0 0 3px 3px;
        background-color: #f1f1f1;
        height: 23px;
        text-align: center;
    }

        .amazon-prime-mini .bottom a {
            color: #999;
            font-size: 10px;
            vertical-align: middle;
            margin: 6px 0 0 0;
        }

            .amazon-prime-mini .bottom a img {
                vertical-align: middle;
            }

    .amazon-prime-mini .product {
        width: 100%;
        float: left;
        margin: 25px 0 10px 0;
        padding: 0 45px;
        box-sizing: border-box;
        position: relative;
    }

        .amazon-prime-mini .product:before {
            content: "";
            position: absolute;
            left: 35px;
            width: 1px;
            height: 98px;
            background-color: #f1f1f1;
            top: 50%;
            transform: translate(0, -50%);
        }

        .amazon-prime-mini .product:after {
            content: "";
            position: absolute;
            right: 35px;
            width: 1px;
            height: 98px;
            background-color: #f1f1f1;
            top: 50%;
            transform: translate(0, -50%);
        }

        .amazon-prime-mini .product a {
        }

        .amazon-prime-mini .product .product-image {
            width: 100px;
            height: 100px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center center;
            float: left;
            border-radius: 5px;
            border: 1px solid #f1f1f1;
            background-color: #ffffff;
            margin: 0 10px 0 0;
            box-sizing: border-box;
        }

        .amazon-prime-mini .product .product-title {
            width: calc(100% - 110px);
            float: left;
            color: #23305d;
            font-size: 17px;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin: 2px 0 0 0;
        }

        .amazon-prime-mini .product .price {
            width: 100%;
            float: left;
            margin: 15px 0 0 0;
            padding: 0 5px;
            box-sizing: border-box;
        }

            .amazon-prime-mini .product .price .left {
                width: 65%;
                float: left;
                font-family: Arial;
            }

                .amazon-prime-mini .product .price .left .current-price {
                    color: #aa280e;
                    font-size: 26px;
                    width: 100%;
                    float: left;
                    font-weight: bold;
                }

                .amazon-prime-mini .product .price .left .discount {
                    font-size: 19px;
                    color: #333;
                }

            .amazon-prime-mini .product .price .old-price {
                float: right;
                color: #999999;
                font-size: 13px;
                text-align: right;
                line-height: 16px;
                padding: 6px 0;
            }

    .amazon-prime-mini .owl-carousel {
        min-height: 190px;
        float: left;
        width: 100%;
    }

        .amazon-prime-mini .owl-carousel .owl-nav {
            display: inline-block !important;
            width: 100%;
        }

    .amazon-prime-mini .owl-nav button {
        background-image: none !important;
        width: 35px;
        position: relative;
    }

        .amazon-prime-mini .owl-nav button.owl-next {
            right: -10px;
        }

        .amazon-prime-mini .owl-nav button img {
            display: none;
        }

        .amazon-prime-mini .owl-nav button:after {
            content: "";
            background-image: url("../img/right-big.png");
            width: 18px;
            height: 30px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            position: absolute;
        }

        .amazon-prime-mini .owl-nav button.owl-prev {
            left: 10px;
        }

            .amazon-prime-mini .owl-nav button.owl-prev:after {
                transform: rotate(180deg);
            }

    .amazon-prime-mini .owl-nav button {
        outline: none;
        position: absolute;
        top: 50%;
        border-radius: 5px;
        cursor: pointer;
        z-index: 99999999;
        border: none !important;
        transform: translate(-50%, -50%);
        margin: -15px 0 0 0;
    }

    .amazon-prime-mini .owl-carousel .owl-stage-outer {
        width: 100%;
        float: left;
    }

.owl-next.disabled,
.owl-prev.disabled {
    display: none;
}

.image-tooltip {
    position: relative;
}

    .image-tooltip .icon-info {
        font-size: 24px;
        vertical-align: middle;
    }

    .image-tooltip .tooltip-content {
        display: none;
        width: 455px;
        position: absolute;
        left: 50%;
        bottom: 40px;
        transform: translate(-50%, 0);
        padding: 10px;
        background-color: #fff;
        border-radius: 15px;
        box-shadow: 0 0 39px 15px rgba(0, 0, 0, 0.29);
    }

        .image-tooltip .tooltip-content::before {
            content: "";
            position: absolute;
            bottom: -19px;
            left: 50%;
            width: 0;
            transform: translate(-50%, 0);
            height: 0;
            border-width: 10px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }

        .image-tooltip .tooltip-content img {
            max-width: 100%;
            float: left;
            border-radius: 12px;
        }

    .image-tooltip:hover .tooltip-content {
        display: block;
    }

.lock-profile {
    width: 100%;
    float: left;
    background-color: #f1f1f1;
    height: 331px;
    position: relative;
}

    .lock-profile .centered {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 365px;
        text-align: center;
    }

    .lock-profile .title {
        color: #f6873e;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: -0.44px;
    }

    .lock-profile p {
        color: #999999;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.38px;
        line-height: 17px;
        margin: 10px 0 0 0;
    }

    .lock-profile b {
        color: #000;
    }

.discount-products {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
}

    .discount-products .product {
        display: block;
        margin: 0 0 23px 0;
    }

        .discount-products .product a {
            position: relative;
            border-radius: 100px;
            background-color: #f47a2c;
            color: #ffffff;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 0.13px;
            padding: 15px 25px;
            display: inline-block;
            line-height: 18px;
        }

            .discount-products .product a:before {
                content: "%-" attr(data-discount);
                position: absolute;
                left: -10px;
                top: -1px;
                color: #ffffff;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 0.1px;
                border-radius: 3px;
                background-color: #4baa32;
                padding: 0px 4px;
                line-height: 16px;
                font-family: "Ubuntu";
                transform: rotate(-32deg);
            }

.table-scrollable {
    float: left;
    max-width: 100%;
    overflow-x: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.24);
    border-radius: 5px;
}

    .table-scrollable .opportunity-products {
        overflow-x: auto;
        width: auto;
        box-shadow: none;
        margin: 0 !important;
    }

        .table-scrollable .opportunity-products li.head > div {
            font-weight: bold;
        }

        .table-scrollable .opportunity-products li .name {
            width: 330px;
            font-weight: 400;
        }

        .table-scrollable .opportunity-products li.title {
            width: 100%;
            padding: 15px 0;
            text-align: center;
            font-weight: bold;
            display: block;
        }

            .table-scrollable .opportunity-products li.title .title {
                color: #ff6600;
                font-size: 26px;
                font-weight: 700;
                letter-spacing: 0.21px;
            }

.suggested-topics {
    width: 100%;
    float: left;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background-color: #f1f1f1;
    padding: 17px 15px 10px 15px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 0 30px 0;
}

    .suggested-topics .title {
        width: 100%;
        float: left;
        color: #222222;
        font-size: 19px;
        font-weight: 700;
        letter-spacing: -0.15px;
        margin: 0 0 12px 0;
        text-align: left;
    }

    .suggested-topics .tag {
        display: inline-block;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        border-radius: 3px;
        background-color: #fff;
        padding: 7px 10px;
        color: #999;
        font-size: 15px;
        letter-spacing: -0.2px;
        margin: 0 5px 10px 5px;
        -webkit-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear;
        transition: background-color 100ms linear;
    }

        .suggested-topics .tag:hover {
            background-color: #f1f1f1;
        }

.blocked-member-warning {
    height: 16px;
    line-height: 16px;
    border-bottom: 1px solid rgb(241, 241, 241);
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: block;
    font-size: 16px;
    color: #cccccc;
}

    .blocked-member-warning a {
        color: #999999;
        text-decoration: none;
    }

    .blocked-member-warning > span:last-child {
        text-decoration: underline;
        cursor: pointer;
    }

.blocked-member-operations {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 12px;
    margin-top: 10px;
    font-weight: normal;
    cursor: pointer;
}

    .blocked-member-operations .hide-blocked-member-message,
    .blocked-member-operations .unblock-member {
        margin-right: 10px;
        text-decoration: underline;
    }

    .blocked-member-operations .hide-blocked-member-message {
        color: #ccc;
    }

    .blocked-member-operations .unblock-member {
        color: #ff6e3a;
    }

header .sponsor-category {
    float: right;
    margin: 4px 0;
}

    header .sponsor-category a {
        float: left;
        width: 42px;
        height: 42px;
        border-radius: 10px;
        background-color: #cc6725;
        padding: 6px;
        box-sizing: border-box;
        margin: 0 4px 0 0;
    }

        header .sponsor-category a:last-child {
            margin: 0;
        }

        header .sponsor-category a img {
            max-width: 100%;
            height: auto;
        }

.tasiyici .sponsor-category-title {
    width: 100%;
    float: left;
    margin: 20px 0;
    padding: 0 20px;
    box-sizing: border-box;
}

    .tasiyici .sponsor-category-title img {
        float: left;
        width: 130px;
        height: auto;
        margin: 0 25px 0 0;
    }

    .tasiyici .sponsor-category-title .title {
        font-size: 40px;
        color: #fff;
        float: left;
        max-width: calc(100% - 155px);
        margin: 15px 0 0 0;
    }

    .tasiyici .sponsor-category-title .description {
        font-size: 18px;
        color: #fff;
        max-width: 80%;
        line-height: 24px;
        margin: 10px 0 0 0;
    }

.medya-yatay .onizleme .sponsor-logo {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 60%);
    padding: 6px;
    box-sizing: border-box;
}

    .medya-yatay .onizleme .sponsor-logo img {
        max-width: 100%;
    }

.medya-yatay .tag {
    position: absolute;
    left: 15px;
    bottom: 19px;
    color: #507517;
    font-size: 16px;
    font-weight: bold;
}

    .medya-yatay .tag.blue {
        color: #2755ab;
    }

.tasiyici .sponsor-category-detail-title {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0;
}

    .tasiyici .sponsor-category-detail-title .centered {
        width: 550px;
        text-align: left;
        color: #fff;
    }

        .tasiyici .sponsor-category-detail-title .centered img {
            width: 60px;
            float: left;
            margin: 0 15px 0 0;
        }

        .tasiyici .sponsor-category-detail-title .centered .title {
            width: calc(100% - 75px);
            float: left;
            font-size: 24px;
        }

            .tasiyici .sponsor-category-detail-title .centered .title .description {
                font-size: 13px;
                line-height: 18px;
            }

.temel-bilgi .tag {
    float: left;
    margin: 0 0 0 10px;
    font-weight: bold;
    font-size: 16px;
    color: #507517;
}

    .temel-bilgi .tag.blue {
        color: #2755ab;
    }

.post-baslik .sponsor-logo {
    float: right;
    width: 42px;
    height: 42px;
    padding: 6px;
    background-color: #cc6725;
    box-sizing: border-box;
    border-radius: 10px;
}

    .post-baslik .sponsor-logo img {
        float: left;
    }

.medya .category {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

    .medya .category a {
        font-size: 15px;
        color: #cccccc;
    }

        .medya .category a img {
            float: left;
            margin: 1px 5px 0 0;
        }

.medya-yatay .alt.full .right {
    float: right;
}

.medya-yatay .alt.full .left {
    float: left;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

    .medya-yatay .alt.full .left .new-comment {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-family: Arial;
        font-size: 15px;
        color: #f6792a;
        margin: -2px 0 -2px;
        cursor: pointer;
    }

        .medya-yatay .alt.full .left .new-comment i {
            font-size: 24px;
        }

.medya-yatay .alt.full {
    left: 15px;
    text-align: right;
}

    .medya-yatay .alt.full .category {
        float: left;
        color: #f5792e;
        font-size: 13px;
        margin: 0 15px 0 0;
    }

        .medya-yatay .alt.full .category i {
            float: left;
            font-size: 13px;
            margin: 2px 5px 0 0;
        }

    .medya-yatay .alt.full .news-tag {
        float: left;
        color: #666666;
        font-size: 13px;
        font-weight: normal;
    }

        .medya-yatay .alt.full .news-tag b {
            font-size: 15px;
        }

.gecemodu .hot-tab {
    background-color: #444;
}

    .gecemodu .hot-tab .button.active {
        background-color: #333;
        color: #f78d49;
    }

    .gecemodu .hot-tab .button {
        color: #fff;
    }

.gecemodu .popular-link-forum > a > div > div:last-child > span {
    color: #999;
}

.gecemodu .suggested-topics {
    background-color: #333;
    border-color: #333;
}

    .gecemodu .suggested-topics .title {
        color: #fff;
    }

    .gecemodu .suggested-topics .tag {
        background: #444;
        color: #fff;
    }

.gecemodu .video-liste {
    background-color: #222;
}

    .gecemodu .video-liste li .image {
        background-color: #444;
    }

    .gecemodu .video-liste li.passive .image {
        border-color: #444;
    }

.gecemodu .sistem-tavsiyeleri .advice-box ul li .title {
    color: #fff;
}

.gecemodu .onay-penceresi .alt .lnk {
    color: #f1f1f1;
}

.gecemodu .category-description {
    background-color: #333;
}

    .gecemodu .category-description .title {
        color: #999;
    }

    .gecemodu .category-description p {
        color: #999;
    }

    .gecemodu .category-description a {
        color: #999;
    }

.gecemodu #rising-posts:before {
    background-image: linear-gradient(to left, rgba(51, 51, 51, 1) 0, rgba(51, 51, 51, 0) 100%);
}

.gecemodu .medya-orta.dh-advice .product .name {
    color: #fff;
}

.news-bottom {
    width: 100%;
    float: left;
    padding: 25px 30px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dedede;
}

    .news-bottom .col {
        width: calc(50% - 15px);
        float: left;
        margin: 0 30px 0 0;
    }

        .news-bottom .col:last-child {
            margin: 0;
        }

        .news-bottom .col > .title {
            color: #999999;
            font-size: 19px;
            margin: 0 0 20px 0;
            width: 100%;
            float: left;
            font-weight: normal;
        }

        .news-bottom .col ul {
            width: 100%;
            float: left;
            box-shadow: 0 4px 9px rgba(0, 0, 0, 0.07);
            border-radius: 3px;
            background-color: #fff;
        }

            .news-bottom .col ul li {
                width: 100%;
                float: left;
                border-bottom: 1px solid #d8d8d8;
                padding: 16px 14px 13px 10px;
                box-sizing: border-box;
            }

                .news-bottom .col ul li:last-child {
                    border: none;
                }

                .news-bottom .col ul li .img {
                    float: left;
                    width: 16px;
                    height: 16px;
                    background-position: center center;
                    background-size: contain;
                    background-repeat: no-repeat;
                    margin: 1px 5px 0 0;
                }

                .news-bottom .col ul li .topic {
                    float: right;
                    width: calc(100% - 22px);
                }

                    .news-bottom .col ul li .topic .title {
                        float: left;
                        display: block;
                        color: #333333;
                        font-size: 15px;
                        font-weight: bold;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        max-width: calc(100% - 45px);
                    }

                    .news-bottom .col ul li .topic .bottom {
                        width: 100%;
                        float: left;
                        margin: 7px 0 0 0;
                    }

                        .news-bottom .col ul li .topic .bottom .description {
                            float: left;
                            color: #666666;
                            font-size: 12px;
                            letter-spacing: -0.29px;
                            max-width: calc(100% - 150px);
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .news-bottom .col ul li .topic .bottom .discount {
                            float: right;
                            color: #999999;
                            font-size: 10px;
                            letter-spacing: -0.24px;
                            max-width: 150px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

        .news-bottom .col.hot-topic ul li .topic .bottom .description {
            max-width: calc(100% - 30px);
        }

        .news-bottom .col.hot-topic ul li .topic .bottom img {
            float: right;
            width: 19px;
            margin: -5px 0 -2px 0;
        }

.dh-advice-content {
    width: 100%;
    float: left;
    padding: 25px 30px;
    box-sizing: border-box;
    background-color: #f1f1f1;
}

    .dh-advice-content > .title {
        color: #999999;
        font-size: 19px;
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
        font-weight: normal;
    }

    .dh-advice-content .dh-advice {
        width: calc(25% - 22.5px);
        background-color: #fff;
        margin: 0 30px 0 0;
        min-height: 250px;
        position: relative;
    }

        .dh-advice-content .dh-advice:last-child {
            margin: 0;
        }

        .dh-advice-content .dh-advice .price-tag {
            margin: 15px 0 17px 0;
        }

        .dh-advice-content .dh-advice .head .see-all {
            font-weight: normal;
        }

        .dh-advice-content .dh-advice .temp-text {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 200px;
            text-align: center;
            font-size: 15px;
            color: #999999;
            transform: translate(-50%, -50%);
            line-height: 20px;
        }

.fs-27 {
    font-size: 27px;
}

.commentator-performance {
    width: 100%;
    float: left;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    background-color: #ffffff;
    padding: 15px;
    box-sizing: border-box;
    margin: 0 0 30px 0;
}

    .commentator-performance .title {
        width: 100%;
        float: left;
    }

        .commentator-performance .title .icn-box {
            width: 24px;
            height: 24px;
            border-radius: 3px;
            background-color: #f4792b;
            float: left;
            margin: 0 5px 0 0;
            text-align: center;
        }

            .commentator-performance .title .icn-box i {
                color: #fff;
                font-size: 18px;
                line-height: 24px;
            }

        .commentator-performance .title h3 {
            float: left;
            font-size: 18px;
            color: #f4792b;
            margin: 0;
            font-weight: 700;
            line-height: 24px;
        }

    .commentator-performance ul {
        width: 100%;
        float: left;
        margin: 10px 0 0 0;
    }

        .commentator-performance ul li {
            width: 100%;
            float: left;
            font-size: 14px;
            line-height: 20px;
            margin: 0 0 2px 0;
        }

            .commentator-performance ul li .left {
                float: left;
                color: #000000;
            }

            .commentator-performance ul li .right {
                float: right;
                color: #f4792b;
                letter-spacing: -0.34px;
            }

    .commentator-performance .circle {
        width: 16px;
        height: 16px;
        border-radius: 9px;
        background-color: #f4792b;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
        line-height: 16px;
        vertical-align: middle;
    }

    .commentator-performance .summary {
        width: 100%;
        float: left;
        margin: 10px 0 0 0;
    }

        .commentator-performance .summary p {
            font-size: 14px;
            color: #000000;
            line-height: 18px;
        }

            .commentator-performance .summary p.description {
                color: #f4792b;
                font-size: 11px;
                line-height: 16px;
                margin: 10px 0 0 0;
            }

    .commentator-performance .comment {
        width: 100%;
        float: left;
        margin: 8px 0 0;
        display: flex;
    }

        .commentator-performance .comment i {
            float: left;
            color: #f4792b;
            font-size: 18px;
            margin: 0 6px 0 0;
        }

        .commentator-performance .comment p {
            color: #000000;
            font-size: 14px;
            line-height: 16px;
        }

            .commentator-performance .comment p .link {
                color: #f4792b;
            }

    .commentator-performance .more {
        width: 100%;
        float: left;
        text-align: center;
        border-radius: 30px;
        background-color: #f1f1f1;
        line-height: 30px;
        font-size: 12px;
        color: #000000;
        margin: 15px 0 0 0;
    }

.populer-yorumcular .menu-dd {
    float: right;
    height: 24px;
    font-size: 10px;
}

.populer-yorumcular .btn {
    float: left;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    padding: 0;
}

#repliersContainer {
    width: 100%;
    float: left;
}

.top-commenters-content .time-filter {
    width: 291px;
    margin-top: 10px;
}

.top-commenters-container {
    margin: 30px;
    padding: 10px;
    width: calc(100% - 80px);
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(78, 77, 121, 0) 40%, rgba(78, 77, 121, 0) 60%, rgba(255, 255, 255, 1) 100%);
    border-radius: 5px;
}

.yorumcu-container {
    width: 100%;
}

    .yorumcu-container .sirasi {
        width: 25px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 11px;
        color: #f37829;
        background-color: #f1f1f1;
        margin-right: 5px;
        float: left;
        font-weight: bold;
    }

.best-repliers .yorumcu {
    width: calc(100% - 35px);
}

.best-repliers .open-link-indicator {
    position: absolute;
    right: 100px;
    top: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    display: none;
}

.yorumcu:hover .open-link-indicator {
    display: inherit;
}

.breadcrumb {
    width: 100%;
    float: left;
    background-color: #f1f1f1;
    padding: 6px 29px;
    box-sizing: border-box;
}

    .breadcrumb .breadcrumb-content {
        float: left;
        margin: 0 !important;
        width: 100%;
    }

        .breadcrumb .breadcrumb-content ul {
            display: flex !important;
            flex-direction: row;
            flex-wrap: wrap;
            margin: 0 !important;
            width: 100%;
        }

            .breadcrumb .breadcrumb-content ul li {
                position: relative;
                padding: 0 20px 0 0;
                flex: 0 0 auto;
            }

                .breadcrumb .breadcrumb-content ul li:last-child {
                    flex-grow: 9999;
                }

                    .breadcrumb .breadcrumb-content ul li:last-child a {
                        position: absolute;
                        left: 0;
                        right: 0;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                .breadcrumb .breadcrumb-content ul li a,
                .breadcrumb .breadcrumb-content ul li span {
                    color: #666666;
                    font-size: 11px;
                    padding: 4px 0;
                    float: left;
                }

                .breadcrumb .breadcrumb-content ul li:after {
                    content: "\e612";
                    font-family: "icomoon" !important;
                    position: absolute;
                    right: 7px;
                    top: 5px;
                    font-size: 9px;
                    color: #cccccc;
                    font-weight: lighter;
                }

                .breadcrumb .breadcrumb-content ul li:last-child {
                    padding: 0;
                }

                    .breadcrumb .breadcrumb-content ul li:last-child::after {
                        content: initial;
                    }

.gecemodu .breadcrumb {
    background: #111;
}

    .gecemodu .breadcrumb .breadcrumb-content ul li:after {
        color: #999;
    }

    .gecemodu .breadcrumb .breadcrumb-content ul li a,
    .gecemodu .breadcrumb .breadcrumb-content ul li span {
        color: #fff;
    }

.breadcrumb.v2 {
    border-radius: 5px;
    border: 1px solid #dedede;
    padding: 1px 25px;
}

.gecemodu .breadcrumb.v2 {
    background: #333;
    border-color: #666;
}

.breadcrumb.v2 .breadcrumb-content ul li a,
.breadcrumb.v2 .breadcrumb-content ul li span {
    font-size: 12px;
    padding: 1px 0;
}

.breadcrumb.v2 .breadcrumb-content ul li:after {
    top: 2px;
}

.breadcrumb.v3 {
    background-color: transparent;
    padding: 0 10px;
    margin: 0 0 20px 0;
}

    .breadcrumb.v3 .breadcrumb-content ul li a,
    .breadcrumb.v3 .breadcrumb-content ul li span {
        font-size: 12px;
    }

.gecemodu .breadcrumb.v3 .breadcrumb-content ul li a,
.gecemodu .breadcrumb.v3 .breadcrumb-content ul li span {
    color: #666666;
}

.gecemodu .breadcrumb.v3 .breadcrumb-content ul li:after {
    color: #333333;
}

.gecemodu .news-bottom {
    background-color: #333 !important;
    border-color: #444;
}

    .gecemodu .news-bottom .col > .title {
        color: #fff;
    }

    .gecemodu .news-bottom .col ul {
        background-color: #222;
    }

        .gecemodu .news-bottom .col ul li {
            border-color: #444;
        }

            .gecemodu .news-bottom .col ul li .topic .title {
                color: #f1f1f1;
            }

            .gecemodu .news-bottom .col ul li .topic .bottom .description {
                color: #ccc;
            }

.gecemodu .dh-advice-content {
    background-color: #222;
}

    .gecemodu .dh-advice-content .medya-orta {
        box-shadow: 0 0 10px #111;
    }

    .gecemodu .dh-advice-content .dh-advice {
        background-color: #333;
    }

.gecemodu .medya-orta.dh-advice .buy-product {
    color: #ccc;
    border-color: #444;
}

.gecemodu .dh-advice-content .dh-advice .temp-text {
    color: #ccc;
}

.gecemodu .dh-advice-content > .title {
    color: #fff;
}

.gecemodu .lnk-bkz.v2 {
    border-color: #555;
    background-color: #333;
}

.fake-header {
    width: 100%;
    float: left;
    height: 40px;
    background-color: #f5792a;
    display: none;
}

/* Zeplin: google'da favori kaynak yap — zpl.io/xnKom7E / gece: zpl.io/vnydMwv */
.google-news-new {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    width: 145px;
    height: 24px;
    padding: 0 8px 0 8px;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    vertical-align: middle;
}

    .google-news-new img {
        flex-shrink: 0;
        display: block;
        width: 20px;
        height: 20px;
        margin: 0;
        object-fit: contain;
    }

.google-news-new__plus {
    flex-shrink: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #ff6600;
}

.google-news-new__text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}

.google-news-new__line {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    color: #000;
    white-space: nowrap;
}

.google-news-new__line--bold {
    font-weight: 700;
}

.temel-bilgi .google-news-new {
    margin: 0 0 0 10px;
}

.gecemodu .google-news-new {
    background-color: #070809;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.203);
}

.gecemodu .google-news-new__line,
.gecemodu .google-news-new__line--bold {
    color: #999;
}

.icerik.ykb .liste-kapak .left {
    float: left;
    width: calc(100% - 500px);
}

.icerik.ykb .liste-kapak .title {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 42px;
    font-weight: 600;
    font-family: "Ubuntu";
}

.icerik.ykb .liste-kapak .description {
    width: 100%;
    float: left;
    color: #3567b2;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 14px 0 30px 0;
    padding: 0;
    font-weight: 400;
    line-height: 24px;
}

    .icerik.ykb .liste-kapak .description.black {
        color: #000;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        margin: 20px 0 0 0;
    }

.ykb-button {
    border-radius: 5px;
    border: 2px solid #000000;
    background-color: #fbf6f2;
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    font-family: "Ubuntu";
    padding: 8px 16px;
    cursor: pointer;
}

.ykb-button2 {
    border-radius: 5px;
    border: 2px solid #c1b3a7;
    background-color: #ffffff;
    font-size: 18px;
    color: #9c8c7e;
    font-weight: 500;
    font-family: "Ubuntu";
    padding: 8px 16px;
    cursor: pointer;
    float: right;
    height: 22px;
}

.ykb-button img {
    float: left;
    margin: 0 7px 0 0;
}

.ykb-button.blue {
    background-color: #3567b2;
    border: 2px solid #224180;
    color: #fff;
}

.icerik.ykb .liste-kapak .right {
    float: right;
    width: 499px;
}

    .icerik.ykb .liste-kapak .right iframe {
        width: 462px;
        height: 260px;
        border-radius: 20px;
        float: right;
    }

.icerik.ykb .kolon .title {
    color: #000000;
    font-size: 42px;
    font-weight: 500;
    width: 100%;
    float: left;
    font-family: "Ubuntu";
    margin: 0 0 22px 0;
}

.icerik.ykb .kolon .description {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 22px 0;
    line-height: 24px;
}

.icerik.ykb .kolon .description2 {
    width: 95%;
    height: 30%;
    float: left;
    font-size: 16px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 22px 0;
    padding-left: 10px;
    line-height: 24px;
}

.icerik.ykb .kolon .description.grey {
    color: #666666;
    font-size: 14px;
}

.icerik.ykb .kolon .description img {
    vertical-align: middle;
    margin: -5px 5px 0 5px;
}

.ykb-card-box {
    width: calc(33% - 20px);
    float: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 20px 30px 0;
}

    .ykb-card-box:nth-child(3n + 3) {
        margin: 0 0 30px 0;
    }

    .ykb-card-box .card {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .ykb-card-box .head {
        color: #000000;
        font-size: 24px;
        font-weight: 500;
        font-family: "Ubuntu";
        margin: 0 0 18px 0;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .ykb-card-box .ykb-button {
        margin: 0 0 10px 0;
    }

.ykb-card-box2 {
    width: calc(33% - 20px);
    float: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 20px 30px 0;
    height: 480px;
}

    .ykb-card-box2:nth-child(3n + 3) {
        margin: 0 0 30px 0;
    }

    .ykb-card-box2 .card {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .ykb-card-box2 .head {
        color: #000000;
        font-size: 24px;
        font-weight: 500;
        font-family: "Ubuntu";
        margin: 0 0 18px 0;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .ykb-card-box2 .ykb-button {
        margin: 0 0 10px 0;
    }

.ykb-buttons {
    width: 95%;
    position: relative;
    bottom: 10px;
    padding-left: 10px;
}

.ykb-card-box3 {
    width: calc(33% - 20px);
    float: left;
    border-radius: 5px;
    background-color: #cccccc;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 20px 30px 0;
    height: 480px;
}

    .ykb-card-box3:nth-child(3n + 3) {
        margin: 0 0 30px 0;
    }

    .ykb-card-box3 .card {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .ykb-card-box3 .head {
        color: #000000;
        font-size: 24px;
        font-weight: 500;
        font-family: "Ubuntu";
        margin: 0 0 18px 0;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .ykb-card-box3 .ykb-button {
        margin: 0 0 10px 0;
    }

.ykb-buttons {
    width: 95%;
    position: relative;
    bottom: 10px;
    padding-left: 10px;
}

.garanti-box {
    height: 590px;
    position: relative;
    width: calc(33% - 10px);
}

    .garanti-box .ykb-button {
        background-color: #0f2d53;
        border: none;
        color: #fff;
    }

    .garanti-box .ykb-buttons {
        position: absolute;
        left: 20px;
        right: 0;
        bottom: 20px;
        padding: 0;
    }

    .garanti-box .card {
        border: 1px solid #dedede;
        border-radius: 5px;
    }

.icerik.ykb .kolon .garanti-box .description2 {
    line-height: 21px;
}

.special-bottom-banner {
    width: 100%;
    float: left;
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
}

.garanti-horizontal-box {
    width: 100%;
    float: left;
    border-top: 5px solid #0f2d53;
    padding: 25px 30px;
    box-sizing: border-box;
    background-color: #fff;
}

    .garanti-horizontal-box > img {
        float: right;
        margin: 0 16px 0 0;
    }

    .garanti-horizontal-box .left {
        width: calc(100% - 400px);
        float: left;
    }

        .garanti-horizontal-box .left .title {
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 42px;
            font-weight: 700;
            width: 100%;
            float: left;
        }

        .garanti-horizontal-box .left .description {
            width: 100%;
            float: left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #000000;
        }

        .garanti-horizontal-box .left .info {
            width: 100%;
            float: left;
            font-family: Arial, Helvetica, sans-serif;
            color: #666666;
            font-size: 14px;
        }

        .garanti-horizontal-box .left .sub-title {
            width: 100%;
            float: left;
            font-family: Arial, Helvetica, sans-serif;
            color: #000000;
            font-size: 18px;
            font-weight: bold;
            margin: 0 0 22px 0;
        }

        .garanti-horizontal-box .left .buttons {
            width: 100%;
            float: left;
            margin: 20px 0 0 0;
        }

            .garanti-horizontal-box .left .buttons a {
                border-radius: 5px;
                background-color: #0f2d53;
                font-size: 18px;
                color: #fff;
                font-weight: 500;
                font-family: "Ubuntu";
                padding: 8px 16px;
                cursor: pointer;
            }

                .garanti-horizontal-box .left .buttons a img {
                    float: left;
                    margin: 0 7px 0 0;
                }

.campaign-list-garanti {
    width: 100%;
    float: left;
    border-top: 5px solid #47a64a;
    border-left: 2px solid #47a64a;
    border-right: 2px solid #47a64a;
    border-bottom: 2px solid #47a64a;
    box-sizing: border-box;
}

    .campaign-list-garanti > .title {
        width: 100%;
        float: left;
        background-color: #47a64a;
        height: 100px;
        line-height: 100px;
        color: #fff !important;
        font-size: 42px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        text-align: center;
        margin: 0 !important;
    }

    .campaign-list-garanti .campaign-box {
        float: left;
        width: 33.33%;
        font-family: Arial, Helvetica, sans-serif;
        padding: 30px;
        box-sizing: border-box;
        background-color: #ffffff;
        border: 2px solid #47a64a;
    }

        .campaign-list-garanti .campaign-box .title {
            float: left !important;
            width: 100% !important;
            color: #000000 !important;
            font-size: 24px !important;
            font-weight: 700 !important;
            margin: 0 0 24px 0;
        }

        .campaign-list-garanti .campaign-box .img {
            float: left;
            width: 100%;
            margin: 0 0 30px 0;
        }

        .campaign-list-garanti .campaign-box .description {
            color: #000000 !important;
            font-size: 18px !important;
            width: 100% !important;
            float: left !important;
            margin: 0 0 16px 0 !important;
        }

            .campaign-list-garanti .campaign-box .description a {
                color: #0f2d53;
                text-decoration: underline;
            }

        .campaign-list-garanti .campaign-box .view {
            float: left;
            color: #fff;
            border-radius: 5px;
            background-color: #47a64a;
            line-height: 40px;
            font-family: "Ubuntu";
            font-size: 18px;
            font-weight: 500;
            padding: 0 8px;
        }

    .campaign-list-garanti .all-campaigns {
        display: flex;
        width: 100%;
        float: left;
    }

.ara-baslik .tag-list {
    float: right;
}

    .ara-baslik .tag-list a {
        float: right;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        border-radius: 23px;
        border: 1px solid #dedede;
        background-color: #fff;
        max-width: 230px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #666;
        letter-spacing: -0.16px;
        margin: 0 0 0 10px;
        padding: 6px 11px;
        transition: all 0.1s ease-out;
        box-sizing: border-box;
    }

        .ara-baslik .tag-list a:hover {
            background-color: #dcdcdc;
            border: 1px solid #cccccc;
            color: #222222;
        }

.giydirme-container {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .giydirme-container .giydirme-ps-left {
        position: fixed;
        height: 1080px;
        width: 390px;
        left: 50%;
        transform: translateX(-50%);
        top: 320px;
        margin-left: -765px;
        cursor: pointer;
        display: block;
        background-repeat: no-repeat, repeat-y !important;
        background-position: top right !important;
    }

    .giydirme-container .giydirme-ps-right {
        position: fixed;
        top: 320px;
        height: 1080px;
        width: 390px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 765px;
        cursor: pointer;
        display: block;
        background-repeat: no-repeat, repeat-y !important;
        background-position: top left !important;
    }

@media screen and (max-width:480px) {
    .giydirme-ps-left {
        display: none !important
    }

    .giydirme-ps-right {
        display: none !important
    }
}

.ad-icon {
    bottom: 10px;
    left: 10px;
    position: absolute;
}

.news-tag.ad-tag {
    font-size: 16px !important;
    margin-left: 10px;
    font-weight: bold !important;
}

header .ortala.centered {
    width: 1140px;
    position: relative;
}

    header .ortala.centered .sponsor-category {
        position: absolute;
        left: 100%;
        white-space: nowrap;
        margin: 3px 0 0 10px;
    }

        header .ortala.centered .sponsor-category a {
            float: initial;
        }

header.tuttur .sponsor-category a {
    height: 34px;
    width: 34px;
}

.top-ad-bar-container {
    float: left;
}

.sponsor-category .rotator {
    display: inline !important;
    margin: 0 5px;
    float: left;
}

@media screen and (max-width: 1370px) {
    header .sponsor-category {
        height: 32px;
    }

        header .sponsor-category a {
            width: 34px;
            height: 34px;
            padding: 4px;
        }

            header .sponsor-category a .icon {
                height: 100%;
            }

    .sponsor-category .minigorsel {
        height: 32px;
    }
}

.news-bottom .tag-list {
    float: left;
    width: 100%;
}

    .news-bottom .tag-list a {
        float: left;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        border-radius: 23px;
        border: 1px solid #dedede;
        background-color: #fff;
        max-width: 230px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #666;
        letter-spacing: -0.16px;
        margin: 0 10px 10px 0;
        padding: 6px 11px;
        transition: all 0.1s ease-out;
        box-sizing: border-box;
    }

        .news-bottom .tag-list a:hover {
            background-color: #dcdcdc;
            border: 1px solid #cccccc;
            color: #222222;
        }

.included-link {
    width: 100%;
    float: left;
}

    .included-link h2 {
        font-family: Arial;
        font-size: 17px !important;
        font-weight: bold;
        color: #333 !important;
        margin: 0 0 12px 0 !important;
    }

.link-box {
    width: 100%;
    float: left;
    max-width: 120px;
    padding: 10px;
    border-radius: 5px;
    border: solid 2px #dedede;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
}

    .link-box .thumbnail {
        width: 100%;
        float: left;
        height: 56px;
        margin: 0 0 5px 0;
    }

    .link-box .title {
        width: 100%;
        float: left;
        font-family: Arial;
        font-size: 12px;
        color: #333;
        margin: 0 0 5px 0 !important;
        line-height: 14px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        position: relative;
        padding: 0 12px 0 0;
        box-sizing: border-box;
        min-height: 42px;
    }

        .link-box .title .status {
            position: absolute;
            right: 0;
            top: 0;
        }

            .link-box .title .status img {
                width: 10px;
            }

    .link-box .button {
        width: 100%;
        float: left;
        padding: 3px 10px;
        border-radius: 3px;
        background-color: #dedede;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color: #666;
        line-height: 14px;
    }

    .link-box .number {
        position: absolute;
        left: -8px;
        top: -8px;
        border-radius: 15px;
        background-color: #dedede;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #666;
    }

    .link-box.active {
        border-color: #f60;
    }

        .link-box.active .number {
            background-color: #f60;
            color: #fff;
        }

        .link-box.active .button {
            background-color: #f60;
            color: #fff;
        }

.link-box-content .owl-stage-outer {
    padding: 10px;
}

.link-box-content {
    z-index: 99 !important;
}

    .link-box-content div {
        margin-bottom: 0 !important;
    }

    .link-box-content .owl-nav {
        display: block !important;
        height: 0;
    }

        .link-box-content .owl-nav .owl-next {
            right: 0;
        }

        .link-box-content .owl-nav button {
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            margin: 2px 0 0 0;
        }

            .link-box-content .owl-nav button span {
                border-radius: 20px;
                box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
                background-color: #fff !important;
                z-index: 99;
                width: 25px;
                height: 80px;
                position: relative;
            }

            .link-box-content .owl-nav button.owl-prev span {
                box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.2);
            }

    .link-box-content .owl-dots {
        display: none !important;
    }

    .link-box-content .owl-next span:after {
        content: "\e612";
        font-family: "icomoon" !important;
        font-size: 15px;
        color: #666;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .link-box-content .owl-prev span:after {
        content: "\e619";
        font-family: "icomoon" !important;
        font-size: 15px;
        color: #666;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .link-box-content .owl-next:after {
        content: "";
        position: absolute;
        right: 0;
        top: -44px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 85%);
        width: 155px;
        height: 162px;
        pointer-events: none;
    }

    .link-box-content.sticky .owl-next:after {
        right: 11px;
    }

    .link-box-content .owl-prev:after {
        content: "";
        position: absolute;
        left: 0;
        top: -44px;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 85%);
        width: 155px;
        height: 162px;
        pointer-events: none;
    }

    .link-box-content.sticky .owl-prev:after {
        left: 11px;
    }

    .link-box-content.sticky {
        position: fixed;
        left: 50%;
        transform: translate(-50%, 0);
        top: 40px;
        width: 1106px;
        border-radius: 5px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
        background-color: #fff;
        z-index: 999 !important;
    }

        .link-box-content.sticky .owl-nav .owl-next {
            right: -11px;
        }

        .link-box-content.sticky .owl-nav .owl-prev {
            left: -11px;
        }

.fake-link-box-content {
    width: 100%;
    height: 172px;
    float: left;
    display: none !important;
}

    .fake-link-box-content.active {
        display: block !important;
    }

.owl-carousel .owl-stage {
    padding-left: 0 !important;
}

.product-custom-data {
    width: 100%;
    float: left;
}

    .product-custom-data .left,
    .product-custom-data .right {
        width: 49%;
        float: left;
    }

    .product-custom-data .title {
        width: 100%;
        float: left;
        margin: 0 0 29px 0 !important;
    }

        .product-custom-data .title > i {
            color: #ff6600;
            font-size: 20px;
            float: left;
            margin: 0 10px 0 0;
        }

        .product-custom-data .title h4 {
            line-height: 24px;
            font-family: Arial;
            font-size: 17px;
            font-weight: bold;
            color: #f60;
            float: left;
            margin: 0 0 15px 0;
            width: calc(100% - 30px);
        }

    .product-custom-data ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0 !important;
    }

        .product-custom-data ul li {
            width: 100%;
            float: left;
            line-height: 1.39;
            font-family: Arial;
            font-size: 17px;
        }

.buy-button {
    float: left;
    border-radius: 10px;
    border: solid 2px #ccc;
    background-color: #fff;
    padding: 4px 12px 7px 12px;
}

    .buy-button img {
        float: left;
        width: 30px;
        margin: 6px 10px 0 0;
    }

    .buy-button .text {
        float: left;
        margin: 0 !important;
        line-height: 10px;
    }

        .buy-button .text .site-name {
            font-family: Arial;
            font-size: 17px;
            font-weight: bold;
            line-height: 1.39;
            color: #333;
            margin: 0 0 3px 0;
        }

        .buy-button .text .description {
            font-family: Arial;
            font-size: 12px;
            color: #333;
            line-height: 12px;
        }

.gecemodu .news-bottom .tag-list a {
    background-color: #111;
    border-color: #000;
    color: #fff;
}

.baslik-content {
    width: 100%;
}

    .baslik-content .post-baslik {
        max-width: calc(100% - 50px)
    }

    .baslik-content .imle {
        margin: 27px 0 0 0 !important;
    }

.kolon.full.gsBonus {
    background-image: linear-gradient(to right, #cf1305 0%, #410001);
    position: relative;
    height: 520px;
    padding: 0;
}

.kolon.genis.duzen-hibrit.hybrid-masonry .masonry .medya .alt .news-category {
    margin: -2px 0 0 10px;
}

.kolon.genis.duzen-hibrit.hybrid-masonry .medya .alt .gundem-yap-buton {
    margin: -3px 0 0 0;
}

.medya .govde > .users {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 2px;
    position: relative;
}

    .medya .govde > .users.gundem-yapti .description {
        padding: 6px 30px 6px 12px;
    }

    .medya .govde > .users .avatars {
        margin-left: -18px;
    }

        .medya .govde > .users .avatars .avatar {
            border-radius: 50%;
            float: left;
            width: 20px;
            height: 20px;
            border: 2px solid #fff;
            box-sizing: content-box;
            background-color: #f5792b;
            text-align: center;
            line-height: 20px;
            color: #fff;
            font-family: Arial;
            font-size: 12px;
            margin-left: -12px;
        }

    .medya .govde > .users .description {
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.05);
        padding: 6px 12px;
        box-sizing: border-box;
        font-size: 11px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        flex: 1;
        position: relative;
        margin: 0 0 0 10px;
    }

        .medya .govde > .users .description::before {
            content: '';
            position: absolute;
            left: -16px;
            top: 4px;
            width: 0;
            height: 0;
            border-width: 8px;
            border-style: solid;
            border-color: transparent #f1f1f1 transparent transparent;
        }

    .medya .govde > .users > img {
        position: absolute;
        right: 9px;
        top: 2px;
        height: 18px;
        width: auto;
    }

.medya.karsitlik .govde > .users .description {
    background-color: rgba(255, 255, 255, 28%);
    color: #fff;
}

    .medya.karsitlik .govde > .users .description::before {
        border-color: transparent rgba(255, 255, 255, 28%) transparent transparent;
    }

.kolon .wrapper-top {
    width: 100%;
    float: left;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    margin: 10px 0 25px 0;
}

    .kolon .wrapper-top .custom-select {
        margin-right: 10px;
    }

    .kolon .wrapper-top .news-activity {
        float: right;
        font-family: Arial;
        font-size: 15px;
        color: #999;
        line-height: 20px;
        padding: 4px 0;
    }

        .kolon .wrapper-top .news-activity > label {
            float: left;
            margin-right: 10px;
        }

        .kolon .wrapper-top .news-activity .dugme {
            float: right;
        }

.custom-select {
    position: relative;
}

    .custom-select:not(.html):after {
        content: "\e616";
        font-family: 'icomoon' !important;
        position: absolute;
        right: 10px;
        top: 7px;
        z-index: 9;
        font-size: 14px;
        font-weight: lighter;
        color: #333;
        pointer-events: none;
    }

    .custom-select .menu-dd {
        border-radius: 3px;
        border: solid 1px #ccc;
        background-color: #f1f1f1;
        font-family: Arial;
        font-size: 15px;
        color: #333;
        font-weight: normal;
        height: 30px;
        line-height: 30px;
        padding: 0 30px 0 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .custom-select .button {
        border-radius: 3px;
        border: solid 1px #ccc;
        background-color: #f1f1f1;
        font-family: Arial;
        font-size: 15px;
        color: #333;
        font-weight: normal;
        height: 30px;
        line-height: 30px;
        padding: 0 12px 0 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        position: relative;
        z-index: 2;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        box-sizing: border-box;
        gap: 10px;
        overflow: hidden;
    }

.gecemodu .custom-select .button {
    background-color: #333;
    border-color: #444;
    color: #fff;
}

.custom-select .button span {
    flex: 1;
    /* ikonu ittirir */
    white-space: nowrap;
    /* satır kırılmasın */
    overflow: hidden;
    /* taşan metin gizlensin */
    text-overflow: ellipsis;
    /* ... ekle */
    display: block;
    min-width: 0;
    /* flex item için önemli! */
}

.custom-select .button i {
    flex-shrink: 0;
}

.custom-select .options {
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: 3px;
    border: solid 1px #ccc;
    background-color: #f1f1f1;
    display: none;
    flex-direction: column;
    z-index: 9;
    width: 330px;
    padding: 5px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.gecemodu .custom-select .options {
    background-color: #333;
    border-color: #444;
    color: #fff;
}

.custom-select.open .options {
    display: flex;
}

.custom-select.open .button {
    background: #f9f9f9;
    border: 1px solid #f5792a;
}

.gecemodu .custom-select.open .button {
    background: #222;
    border: 1px solid #333;
}


.custom-select .options div {
    padding: 7px 10px;
    box-sizing: border-box;
    cursor: pointer;
}

    .custom-select .options div:hover {
        background-color: #f8f8f8;
    }

.gecemodu .custom-select .options div:hover {
    background-color: #555;
}

#gallery.pswp .gallery-ad {
    position: relative;
    width: 100%;
    float: left;
    background-color: #333;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

    #gallery.pswp .gallery-ad .close {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #666;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        #gallery.pswp .gallery-ad .close i {
            font-size: 12px;
            color: #fff;
            font-weight: bold;
        }

.gecemodu .sosyal-aglar .mobile-app {
    background-color: #333;
}

    .gecemodu .sosyal-aglar .mobile-app .head {
        color: #fff;
    }

        .gecemodu .sosyal-aglar .mobile-app .head a {
            background-color: rgba(0, 0, 0, 0.5);
        }

.gecemodu .medya .govde > .users .description {
    color: #fff;
}

.gecemodu .medya.karsitlik .govde > .users .description {
    background-color: rgba(0, 0, 0, 0.05);
}

.gecemodu .medya .govde > .users .description::before {
    border-color: transparent rgba(0, 0, 0, 0.05) transparent transparent;
}

.gecemodu .custom-select .menu-dd {
    background: #333;
    color: #fff;
    border-color: #333;
}

.gecemodu .custom-select:after {
    color: #fff;
}

.app-presentation-card {
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    width: 100%;
    float: left;
    position: relative;
    padding: 40px 0 40px 48px;
    box-sizing: border-box;
    overflow: hidden;
}

    .app-presentation-card .left {
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 580px;
        font-family: Arial, Helvetica, sans-serif;
        z-index: 9;
        position: relative;
    }

        .app-presentation-card .left .title {
            font-size: 60px;
            font-weight: bold;
            letter-spacing: -1.2px;
            color: #000;
            line-height: 70px;
        }

        .app-presentation-card .left .description {
            font-size: 15px;
            width: 420px;
            line-height: 18px;
            color: #000;
        }

            .app-presentation-card .left .description.v2 {
                width: 490px;
                position: relative;
            }

                .app-presentation-card .left .description.v2:after {
                    content: '';
                    background-color: #000;
                    position: absolute;
                    left: 0;
                    right: 0;
                    height: 1px;
                    bottom: -10px;
                }

            .app-presentation-card .left .description.grey {
                width: 322px;
                color: rgba(0, 0, 0, 0.6);
            }

                .app-presentation-card .left .description.grey a {
                    text-decoration: underline;
                    color: rgba(0, 0, 0, 0.6);
                }

        .app-presentation-card .left .app-links {
            display: flex;
            flex-direction: row;
            gap: 10px;
        }

            .app-presentation-card .left .app-links a img {
                width: 160px;
            }

    .app-presentation-card .bg {
        position: absolute;
        right: -120px;
        top: 0;
        width: 726px;
        height: 100%;
        background-image: url(../img/uygulama-tanitim-bg-1.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .app-presentation-card .bg:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 439px;
            height: 448px;
            background-image: url(../img/uygulama-tanitim-bg-2.png);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }

.gecemodu .app-presentation-card {
    background-color: #333;
}

    .gecemodu .app-presentation-card .left .title,
    .gecemodu .app-presentation-card .left .description,
    .gecemodu .app-presentation-card .left .description.grey a {
        color: #fff;
    }

        .gecemodu .app-presentation-card .left .description.v2:after {
            background-color: #fff;
        }

nav .oge.trend-news-button {
    cursor: pointer;
}

    nav .oge.trend-news-button * {
        pointer-events: none;
    }

.popup-trend-news {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    bottom: 0;
}

    .popup-trend-news .container {
        border-radius: 10px;
        background-color: #fff;
        width: 940px;
        position: absolute;
        left: 0;
        top: 10px;
        display: flex;
        flex-direction: column;
        bottom: 60px;
        transition: height 0.2s ease;
    }

        .popup-trend-news .container:after {
            content: "";
            position: absolute;
            top: -16px;
            left: 136px;
            width: 0;
            height: 0;
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #fff transparent;
        }


        .popup-trend-news .container .head {
            padding: 6px 10px 6px 15px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 6px;
            flex-shrink: 0;
        }

            .popup-trend-news .container .head img {
                height: 22px;
                width: auto;
            }

            .popup-trend-news .container .head .title {
                font-size: 24px;
                font-weight: bold;
                color: #000;
                font-family: Arial, Helvetica, sans-serif;
            }

            .popup-trend-news .container .head .close {
                margin-left: auto;
                width: 34px;
                height: 34px;
                border-radius: 5px;
                background-color: #f1f1f1;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }

                .popup-trend-news .container .head .close i {
                    font-size: 20px;
                    color: #999;
                    font-weight: bold;
                }

        .popup-trend-news .container ul {
            display: flex;
            flex-direction: column;
            padding: 5px 0;
            flex: 1;
            overflow-y: auto;
            margin-right: 5px;
        }

            .popup-trend-news .container ul::-webkit-scrollbar {
                width: 15px;
                background-color: transparent;
            }

            .popup-trend-news .container ul::-webkit-scrollbar-track {
                background-color: transparent;
            }

            .popup-trend-news .container ul::-webkit-scrollbar-thumb {
                border-radius: 10px;
                background-color: #f37829;
                border: 5px solid transparent;
                background-clip: content-box;
            }

                .popup-trend-news .container ul::-webkit-scrollbar-thumb:hover {
                    border: 0;
                }

            .popup-trend-news .container ul li {
                display: flex;
                flex-direction: row;
                gap: 12px;
                padding: 5px 10px;
                align-items: center;
                transition: transform 0.4s ease, background-color 0.4s ease;
                background-color: #fff;
                padding-right: 58px;
                position: relative;
            }

                .popup-trend-news .container ul li:nth-child(2n+1) {
                    background-color: #f5f5f5;
                }

    .popup-trend-news ul li.highlight {
        background-color: rgba(255, 2533, 231, 0.75) !important;
    }

    .popup-trend-news .container ul li .counter {
        display: flex;
        flex-direction: column;
        gap: 2px;
        justify-content: center;
        width: 80px;
    }

        .popup-trend-news .container ul li .counter .count {
            font-family: Arial;
            font-size: 28px;
            font-weight: bold;
            color: #f37829;
            text-align: center;
            overflow: hidden;
        }

        .popup-trend-news .container ul li .counter .text {
            font-family: Arial;
            font-size: 10px;
            text-align: center;
            color: #999;
        }

    .popup-trend-news .container ul li > .img {
        width: 133.3px;
        height: 100px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        flex: 0 0 auto;
        margin-right: 5px;
        border-radius: 4px;
    }

    .popup-trend-news .container ul li .detail {
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;
    }

        .popup-trend-news .container ul li .detail .title {
            font-family: Ubuntu;
            font-size: 18px;
            font-weight: bold;
            color: #333;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .popup-trend-news .container ul li .detail .description {
            font-family: Georgia;
            font-size: 13px;
            color: #999;
            font-style: italic;
            line-height: 16px;
        }

    .popup-trend-news .container ul li .status {
        height: 24px;
        position: relative;
        width: 40px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .popup-trend-news .container ul li:not(.highlight) .status {
        display: none;
    }

    .popup-trend-news .container ul li .status i {
        font-size: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .popup-trend-news .container ul li .status.up {
        transform: rotate(180deg) translate(0, 50%);
    }

    .popup-trend-news .container ul li .status.green i {
        color: #00c50e;
    }

    .popup-trend-news .container ul li .status.red i {
        color: #ff0000;
    }

    .popup-trend-news .container > .button-container {
        padding: 10px;
        flex-shrink: 0;
    }

        .popup-trend-news .container > .button-container .button {
            border-radius: 7px;
            background-color: #f37829;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 20px;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            padding: 8px 0;
            cursor: pointer;
        }

            .popup-trend-news .container > .button-container .button i {
                font-size: 28px;
            }

.post .kolon.best-tester {
    background-color: #f1f1f1;
    margin: 0 !important;
    width: 100% !important;
    padding: 10px 20px;
    box-sizing: border-box;
}

.post .kolon.best-tester-v2 {
    background-color: #e4e4e4;
    padding: 10px 30px;
}

.post .kolon.best-tester .header {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 0 0;
}

.post .kolon.best-tester-v2 .header .tab {
    gap: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 0;
}

    .post .kolon.best-tester-v2 .header .tab .tab-oge {
        margin: 0;
    }

        .post .kolon.best-tester-v2 .header .tab .tab-oge a {
            font-size: 15px;
            line-height: 30px;
            padding: 0px 13px;
        }

.post .kolon.best-tester .lines {
    border-radius: 5px;
    background-image: linear-gradient(to right, #fff 0%, #e4e4e4);
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 10px 25px 10px 10px;
    box-sizing: border-box;
    gap: 4px;
}

.post .kolon.best-tester-v2 .lines {
    background-image: none;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 3px;
}

.award-description {
    width: 100%;
    text-align: center;
    padding-top: 28px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.12px;
    color: #4a90e2;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .award-description img {
        width: 31px;
    }

    .award-description p {
        margin: 8px 0 0 0;
    }

        .award-description p a {
            text-decoration: underline;
            color: #4a90e2;
        }

.post .kolon.best-tester .lines .line {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-bottom: 0;
    align-items: center;
    position: relative;
}

    .post .kolon.best-tester .lines .line.active:after {
        content: "";
        position: absolute;
        top: 0;
        left: 35px;
        right: -10px;
        height: 100%;
        border-radius: 3px;
        background-color: rgba(128, 255, 116, 0.8);
        z-index: 1;
        pointer-events: none;
    }

    .post .kolon.best-tester .lines .line .icn-box {
        width: 25px;
        height: 30px;
        background-color: rgb(241, 241, 241);
        line-height: 30px;
        text-align: center;
        color: rgb(243, 120, 41);
        font-size: 11px;
        font-weight: 700;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 5px;
        padding: 0px;
        margin: 0px 5px 0px 0px;
    }

    .post .kolon.best-tester .lines .line.has-award .icn-box {
        background-color: transparent;
        position: relative;
        color: #f88d49;
        width: 25px;
        margin-left: -2px;
        margin-right: 7px;
    }

        .post .kolon.best-tester .lines .line.has-award .icn-box > span {
            font-size: 18px;
            margin-left: 3px
        }

    .post .kolon.best-tester .lines .line.has-award.award-1 .icn-box:after {
        content: "";
        position: absolute;
        top: -3px;
        left: 0;
        width: 100%;
        bottom: -10px;
        border-radius: 0;
        border-top-left-radius: 17px;
        border-top-right-radius: 17px;
        border: solid 2px #f88d49;
        border-bottom: none;
    }

    .post .kolon.best-tester .lines .line.has-award.award-4 .icn-box,
    .post .kolon.best-tester .lines .line.has-award.award-5 .icn-box {
        padding-left: 4px;
        box-sizing: border-box;
    }

        .post .kolon.best-tester .lines .line.has-award.award-2 .icn-box:after,
        .post .kolon.best-tester .lines .line.has-award.award-3 .icn-box:after,
        .post .kolon.best-tester .lines .line.has-award.award-4 .icn-box:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            bottom: -10px;
            border-radius: 0;
            border: solid 2px #f88d49;
            border-bottom: none;
            border-top: none;
        }

        .post .kolon.best-tester .lines .line.has-award.award-5 .icn-box:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 0;
            border-bottom-left-radius: 17px;
            border-bottom-right-radius: 17px;
            border: solid 2px #f88d49;
            border-top: none;
        }

    .post .kolon.best-tester .lines .line .col {
        color: rgb(0, 0, 0);
        letter-spacing: -0.41px;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        position: relative;
        min-height: 18px;
        margin-bottom: 0;
        z-index: 3;
    }

        .post .kolon.best-tester .lines .line .col.col-1 {
            flex: 1;
        }

        .post .kolon.best-tester .lines .line .col.col-2 {
            width: 260px;
        }

            .post .kolon.best-tester .lines .line .col.col-2 > span {
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
                letter-spacing: -0.34px;
                text-align: right;
                color: #f37829;
                width: 100%;
            }

            .post .kolon.best-tester .lines .line .col.col-2 .award {
                border-radius: 9px;
                background-color: #f88d49;
                font-size: 9px;
                font-weight: bold;
                color: #fff;
                font-family: Arial, Helvetica, sans-serif;
                line-height: 14px;
                padding: 0 8px;
                margin-top: -2px;
                margin-right: 10px;
                vertical-align: middle;
            }

    .post .kolon.best-tester .lines .line.active .col.col-2 .award {
        background-color: #7ed321;
    }

    .post .kolon.best-tester .lines .line .col .user {
        float: left;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding: 0px 10px;
        margin-bottom: 0;
    }

        .post .kolon.best-tester .lines .line .col .user .nickname {
            float: left;
            color: rgb(51, 51, 51);
            font-size: 15px;
            font-weight: 400;
            letter-spacing: -0.36px;
            line-height: 30px;
            position: relative;
            z-index: 4;
            margin-bottom: 0;
        }

    .post .kolon.best-tester .lines .line.active .col .user .nickname {
        font-weight: bold;
    }

    .post .kolon.best-tester .lines .line .col .user .nickname span {
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5);
        color: rgb(255, 255, 255);
        font-size: 9px;
        font-weight: 700;
        line-height: 14px;
        vertical-align: middle;
        border-radius: 9px;
        padding: 0px 8px;
        margin: -2px 0px 0px 3px;
    }

    .post .kolon.best-tester .lines .line .col .user .bar {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 3;
        display: none;
        border-radius: 3px;
        margin-bottom: 0;
    }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-1 {
            display: block;
            background-color: #feb998;
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-2 {
            display: block;
            background-color: rgba(254, 185, 152, 0.9);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-3 {
            display: block;
            background-color: rgba(254, 185, 152, 0.8);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-4 {
            display: block;
            background-color: rgba(254, 185, 152, 0.7);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-5 {
            display: block;
            background-color: rgba(254, 185, 152, 0.6);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-6 {
            display: block;
            background-color: rgba(254, 185, 152, 0.6);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-7 {
            display: block;
            background-color: rgba(254, 185, 152, 0.5);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-8 {
            display: block;
            background-color: rgba(254, 185, 152, 0.4);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-9 {
            display: block;
            background-color: rgba(254, 185, 152, 0.3);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-10 {
            display: block;
            background-color: rgba(254, 185, 152, 0.2);
        }

        .post .kolon.best-tester .lines .line .col .user .bar.color-level-11 {
            display: block;
            background-color: rgba(254, 185, 152, 0.2);
        }

/* Gece Modu: En İyi Testçiler */
.gecemodu .post .kolon.best-tester {
    background-color: #222;
}

.gecemodu .tab .tab-oge a .bg-takip-akis {
    background: url(../img/takip-akisiniz-white-icon.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.gecemodu .post .kolon.best-tester .lines {
    background-image: linear-gradient(to right, #333 0%, #444);
}

    .gecemodu .post .kolon.best-tester .lines .line .icn-box {
        background-color: #444;
        color: #f37829;
    }

    .gecemodu .post .kolon.best-tester .lines .line .col {
        color: #dedede;
    }

        .gecemodu .post .kolon.best-tester .lines .line .col .user .nickname {
            color: #dedede;
        }

            .gecemodu .post .kolon.best-tester .lines .line .col .user .nickname span {
                background-color: rgba(255, 255, 255, 0.2);
                color: #fff;
            }

        .gecemodu .post .kolon.best-tester .lines .line .col .user .bar {
            opacity: 0.8;
        }

/* Slide Animations */
@keyframes slide-out-up {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-100%);
        opacity: 1;
    }
}

@keyframes slide-in-up {
    0% {
        transform: translateY(100%);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.popup-trend-news .container ul li .counter .count {
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    color: #f37829;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    /* Add height to ensure container doesn't collapse */
    height: 32px;
    line-height: 32px;
}

    .popup-trend-news .container ul li .counter .count span.digit-wrapper {
        display: inline-flex;
        flex-direction: column;
        position: relative;
        vertical-align: top;
        line-height: 32px;
        /* width: 15px; */
        /* keep digits constrained */
        justify-content: flex-start;
    }

        .popup-trend-news .container ul li .counter .count span.digit-wrapper span {
            display: inline-block;
            width: 100%;
        }

    .popup-trend-news .container ul li .counter .count span.next {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .popup-trend-news .container ul li .counter .count span.slide-out {
        animation: slide-out-up 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    }

    .popup-trend-news .container ul li .counter .count span.slide-in {
        animation: slide-in-up 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    }

.dh-embed {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    clear: both;
    display: none !important;
}

.dh-inline-ad > .dh-embed {
    margin: 0 0 20px 0;
    top: -3px;
    position: relative;
}

.dh-embed__inner {
    width: var(--dh-embed-w, auto);
    height: var(--dh-embed-h, auto);
    max-width: 100%;
    margin: 0 auto;
    /*overflow: hidden;*/
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /*background: #f2f2f2;
    border: 1px dashed #bbb;
    color: #666;
    font: 14px/1.4 Arial, Helvetica, sans-serif;*/
}

    /*.dh-embed__inner img,
    .dh-embed__inner iframe,
    .dh-embed__inner object,
    .dh-embed__inner embed {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        border: 0;
        margin: 0 auto;
    }*/

/* Sticky: sağ/sol rail (absolute) veya kolon içi (in-flow) */
.dh-embed--sticky {
    position: sticky;
    top: var(--dh-embed-sticky-top, 20px);
    z-index: 5;
    width: 100%;
    margin: 20px 0;
    clear: both;
    display: block !important;
}

    .dh-embed--sticky .dh-embed__inner {
        background: none !important;
        border: none !important;
    }

/* Kolon içinde reklam + altındaki blokları birlikte sticky tutar */
.dh-sticky-stack {
    position: sticky;
    top: var(--dh-embed-sticky-top, 20px);
    z-index: 5;
    width: 100%;
}

    .dh-sticky-stack > .dh-embed {
        margin-top: 0;
    }

.dh-embed--sticky.dh-embed--right,
.dh-embed--sticky.dh-embed--left {
    position: absolute;
    top: 0;
    bottom: var(--dh-embed-sticky-bottom, 20px);
    width: var(--dh-embed-rail, 260px);
    margin: 0;
    clear: none;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    pointer-events: none;
}

.dh-embed--sticky.dh-embed--right {
    right: 0;
}

.dh-embed--sticky.dh-embed--left {
    left: 0;
}

    .dh-embed--sticky.dh-embed--right .dh-embed__inner,
    .dh-embed--sticky.dh-embed--left .dh-embed__inner {
        position: sticky;
        top: var(--dh-embed-sticky-top, 20px);
        pointer-events: auto;
        flex-shrink: 0;
        margin-top: var(--dh-embed-margin-top, 20px);
    }