body {
	background: #f8f8f8;
	font-family: 'Roboto Condensed', sans-serif;
}



@media(min-width: 1024px){
	.container 	{ width: 1026px; margin: 0 auto; position: relative; z-index: 100; }
}

.pg-left 	{ float: left; }
.pg-right 	{ float: right; }

.wide-120 { width: 120px }
.wide-550 { width: 550px }
.wide-300 { width: 300px }
.wide-682 { width: 682px }
.wide-336 { width: 336px }
.wide-396 { width: 396px }
.wide-270 { width: 270px; }
.wide-276 { width: 276px; margin: 0 5px; }

.banner-970x250 { padding: 15px; max-height: 250px; margin-bottom: 0; }
.banner-300x250 { width: 300px; height: 250px; }

.text-left 		{ text-align: left !important; }
.text-center 	{ text-align: center !important; }
.text-right 	{ text-align: right !important; }

.loading { margin: 20px; }

.iframe-video { width: 682px; height: 384px; border: 0; overflow: hidden; }

.error { padding:10px 15px; text-align: center; font-size: 18px; line-height: 140%; color: #fff;}
.clear { clear: both; }


#footer	 		{ background: #e44201; padding: 20px; position: relative; z-index: 100; }
#footer nav 	{ font-size: 12px; color: #fff; text-align: center; }
#footer nav > a { display: inline-block; padding: 4px 8px; color: #fff; text-decoration: none; }

.footer-text 	{ margin-top: 20px; color: #fff; text-align: center; font-size: 12px; line-height: 140%; }

#main { padding: 15px; padding-top: 0px; min-height: 800px; }

#mainpointer  	{ position: absolute; top: 0; z-index: 1000; left: 50%; }
#sagbannerdiv,
#solbannerdiv 	{ position: absolute; width: 160px; height: 600px; top: 110px; }
#solbannerdiv 	{ left: -678px; text-align: right; }
#sagbannerdiv 	{ right: -678px; }
#sagbannerdivalt{ position: absolute; right: -668px; top: 670px; width: 160px; height: 600px; }

.back-to{position:fixed;bottom:0;left:auto;right:0;z-index:9999;}.back-to>a{display:inline-block;background:#E24301;color:#fff;padding:8px 10px;height:35px;vertical-align:bottom}.back-to-index{font-size:14px;font-weight:700}.back-to-top>img{width:24px!important}

#header { background: #e44201; padding: 8px 0 4px 0; margin-bottom: 10px; }
#header > .container { position: relative; }

.header-navbar { background: #1e1e1e; }

.header-logo 		{ display: inline-block; }
.header-logo > img 	{ height: 39px; }

.header-toggle { display: none; position: absolute; top: -5px; right: 15px; font-size: 32px; color: #fff; }
.header-toggle:hover, .header-toggle:focus, .header-toggle:active { color: #fff; }

.header-navbar ul 		{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
.header-navbar ul > li 	{ position: relative; float: left; width: 25%; }

.header-navbar ul > li > a 		{ display: block; padding: 5px 30px 10px 40px; font-size: 16px; font-weight: 700; color: #fff; position: relative; }
.header-navbar ul > li > a > i 	{ position: absolute; left: 0px; top: 18px; font-size: 21px; display: block; width: 32px; height: 24px; text-align: center; }

.header-navbar ul > li.active > a, .header-navbar ul > li:active > a, .header-navbar ul > li:focus > a, .header-navbar ul > li:hover > a {
	background: #fff;
	color: #39A7E6;
	text-decoration: none;
}

.header-btn { float: right; font-size: 18px; font-weight: 700; color: #fff; }

.header-navbar ul.sub {
	display: none;
	min-width: 240px;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 9999;
	background: #E34600;
	padding: 0;
	margin: 0;
	list-style: none
}
.header-navbar ul.sub > li {
	width: 100%;
	float: none !important;
	clear: both !important;
}
.header-navbar ul.sub > li:after 			{ content: ' ' !important; padding: 0!important  }
.header-navbar ul.sub > li > a {
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: middle;
	color: #fff
}
.header-navbar ul.sub > li:active > a, .header-navbar ul.sub > li:focus > a, .header-navbar ul.sub > li:hover > a {
	background: #252525;
	color: #fff
}

.header-navbar ul > li:active > .sub, .header-navbar ul > li:focus > .sub, .header-navbar ul > li:hover > .sub {
	display: block
}

@media (max-width: 767px) {
	.header-toggle { display: block; }

	.header-btn { display: block; margin-top: -6px; padding-right: 0px; }

	.header-navbar { display: none; }
	.header-navbar ul { display: block; width: auto; margin-left: -15px; margin-right: -15px; }
	.header-navbar ul > li 			{ float: none; clear: both; width: 100%; border-bottom: 1px solid #ccc; }
	.header-navbar ul > li > a 		{ padding-top: 10px; padding-left: 50px; }
	.header-navbar ul > li > a > i 	{ top: 10px; left: 10px; }

	.header-navbar ul.sub {
		display: none;
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		background: #363636;
		border-top: 1px solid #666;
	}

}

@media (min-width: 992px) {
	.header-navbar ul > li > a 		{ padding: 10px 30px; font-weight: 400; }
	.header-navbar ul > li > a > i 	{ top: 10px; }
}

.box-title { background: #E34600; font-size: 16px; font-weight: 700; color: #fff; padding: 10px 15px; text-align: center; }

.game { display: table; width: 100%; }

.pd-list { background: url('../img/twitter_paylasim_sx-logo.png') center center #fff; list-style: none; padding: 0; margin: 0; }

.pd-list .pd-row 		{ counter-increment: pd-row; border-bottom: 1px solid #f8f8f8; padding: 4px 0; font-size: 14px; height: 40px; line-height: 32px; }
.pd-list .pd-row:before { display: inline-block; content: counter(pd-row); width: 30px; text-align: center; font-weight: 700; }
.pd-list .pd-row.sortable-chosen:before { content: '-'!important; }

.pd-list .pd-row > img 	{ width: 32px; height: 32px; }
.pd-list .pd-row > span { padding-left: 5px; }
.pd-list .pd-row > i 	{ float: right; font-size: 21px; color: #bcc4c7; padding-right: 6px; padding-top: 6px; }

.sortable-drag { background: #f8f8f8; height: 40px; line-height: 40px; }

.g-nav .form-control, .g-nav .btn { border-radius: 0; margin: 4px 0px; }


.row-most 		{ margin-left: -4px; margin-right: -4px; }
.row-most > div { padding-left: 4px; padding-right: 4px; margin-top: 8px; }

.story-activate { display: none; }

.story-box { position: relative; }
.story-box > div { background: #fff; border: 1px solid #eee; border-top: 0px; position: relative; }

.s-opt 			{ display: none; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background: rgba(0,0,0,.5); z-index: 1; text-decoration: none !important; }
.story-box:hover .s-opt	{ display: block; text-decoration: none; }
.s-opt > i 		{ display: table; margin: 35% auto 0 auto; height: 100%; line-height: 100%; font-size: 32px; color: #fff; }

.s-title { background: #E34600; padding: 10px 15px; font-size: 15px; margin: 0; color: #fff; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.s-share { position: relative; z-index: 2; margin-left: 0px; margin-right: 0px; padding-top: 5px; padding-bottom: 3px; background: #fff; }
.s-share > div { padding-left: 0px; padding-right: 0px; }

.s-share .btn { padding: 6px 10px; }

.share-box 			{ display: table; margin: 8px auto 0 auto; }
.share-box > a 		{ background: #fff; border-radius: 50%; width: 42px; height: 42px; text-align: center; color: #fff; margin: 6px; font-size: 18px; vertical-align: top; line-height: 30px; }
.share-box > a.fb 	{ background: #2f609a; }
.share-box > a.tw 	{ background: #38bcec; }
.share-box > a.gp 	{ background: #D34836; }
.share-box > a.wp 	{ background: #66b22e; }
.share-box > a.sv 	{ background: #a22739; }

.share-box.square 		{ margin: 0 4px; line-height: 32px; }
.share-box.square > a 	{ border-radius: 4px; width: 32px; height: 32px; padding: 0px; margin: 0px 2px; }

.btn-load { background: #E34600; color: #fff; margin: 10px auto; }

.panel-ilk11 { background: #e44201; border-radius: 0; }
.panel-ilk11 .panel-body > h3 { margin: 0; text-align: center; color: #fff; margin-bottom: 15px; }

.panel-ilk11 .input-group-addon { background: transparent; border: 0; font-size: 15px; color: #fff; padding-left: 0px; }