body {
	background: #f8f8f8;
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 15px;
	font-weight: 400;
}

a {
	outline: none !important;
	-webkit-transition: back 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}

a:focus, a:hover, a:active {
	outline: none !important;
	text-decoration: none;
}

#header { position: relative !important; margin-bottom: 10px;  }

body > .container { background: #fff;  }

.box > .row 		{ padding-left: 4px; padding-right: 4px; }
.box > .row > div 	{ padding-left: 2px; padding-right: 2px; margin-bottom: 12px; }

.row		{ margin-right: -4px !important; margin-left: -4px !important; }
.row > div 	{ padding-left: 4px !important; padding-right: 4px !important; }


.box 		{ margin-bottom: 10px; }
.box-title 	{ position: relative; height: 38px; padding-left: 10px; margin-bottom: 2px; font-family: 'Roboto Condensed', sans-serif; font-size: 21px; font-weight: 400; line-height: 38px; color: #fff; border-bottom: 3px solid #5c36ac; background: #d746e1; background: -moz-radial-gradient(center, ellipse cover, #d746e1 0%, #af04ff 100%); background: -webkit-radial-gradient(center, ellipse cover, #d746e1 0%, #af04ff 100%); background: radial-gradient(ellipse at center, #d746e1 0%, #af04ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d746e1', endColorstr='#af04ff',GradientType=1 );}

.box-tabs 					{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; background-color: #ee7103; }
.box-tabs > li 				{ display: table-cell; width: 1%; }
.box-tabs > li > a 			{ display: block; color: #fff; text-align: center; text-decoration: none; font-size: 13px; padding: 10px 15px; }
.box-tabs > li:hover > a, 
.box-tabs > li.active > a 	{ background: #E34600; color: #fff;}


.share-box 			{ display: table; width: 100%; }
.share-box > li 	{ display: table-cell; width: 20%; }
.share-box > li > a { display: block; padding: 10px 0; text-align: center; color: #fff; }

@media (max-width: 767px) {
	.share-box > li 	{ font-size: 9px; }
}

.share-box > li.fb { background: #153774; }
.share-box > li.tw { background: #00AEFF; }
.share-box > li.gp { background: #E13939; }
.share-box > li.em { background: #999999; }
.share-box > li.yy { background: #ee7103; }
.share-box > li.wa { background: #2AB200; }
.share-box > li.cropy { background: #eeda00; text-align: center; vertical-align: middle; }
@media (max-width:767px){
	.share-box > li.cropy 	{ vertical-align: top !important; }
	.cropy > div 			{ margin-top: 17px !important; }
}

.media-view 				{ background: #f8f8f8; margin-top: 2px !important; }
.media-view .media-object 	{ height: 50px; }
.media-view .media-body 	{ vertical-align: middle; }
.media-view .media-body a 	{ color: #1a1a1a; text-decoration: none; }
.media-view .media-body h4 	{ font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 700; line-height: 120%; }
.media-view .media-right 	{ vertical-align: middle; font-size: 24px; padding: 12px; }

.box-gallery .row 		{ padding-right: 11px; padding-left: 11px; }
.box-gallery .row > div { position: relative; padding: 4px; }
.box-gallery-image 		{ width: 100%; }
.box-gallery-icon 		{ position: absolute; bottom: 4px; right: 4px; padding: 4px 8px; background: #555; color: #fff; }
.box-gallery i { position: absolute; left: 41%; top: 20%; color: #fff; font-size: 32px; }

.box-gallery h5 { background: #eee; padding: 6px; margin: 0; height: 52px; overflow: hidden; font-weight: bold; color: #222; }

#footer	 		{ background: #252525; border-top: 4px solid #ee7103;padding: 10px 0 40px 0; }
#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%; }

.btn-load 		{ background: #ee7103; font-size: 15px; font-weight: 700; color: #fff; margin: 15px auto !important;  }
.btn-load:hover { background: #ee7103; color: #fff; text-decoration: none; }

#toTop 			{ display: none; position: fixed; bottom: 10px; right: 10px; }
#toTop > img 	{ width: 60px; }

.content-gallery-row > div 		{ margin-bottom: 15px; }
.content-gallery-row > div > a	{ color: #444; text-decoration: none; }
.content-gallery-row > div img 	{ width: 100%; }
.content-gallery-row > div h3 	{ padding: 8px; margin: 0; height: 55px; line-height: 140%; border-bottom: 4px solid #ee7103; overflow: hidden; background: #f7f7f7; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold;  }


/* Puan Durumu */
.table-league { width: 100%; font-size: 14px; }
.table-league tr > td { width: 10%; padding: 3px !important; text-align: center; vertical-align: middle !important;}
.table-league > thead > tr { background: #EE334E; color: #fff; } 
.table-league > thead > tr:first-child { text-align: left; }
.table-league > tbody > tr { background: #f5f5f5; border-top: 2px solid #fff; color: #1a1a1a; }
.table-league > tbody > tr > td { }
.table-league > tbody > tr > td.text-left { text-align: left !important; }

.table-league .td-team-logo img { width: 24px; vertical-align: middle; }
.table-league .td-team-name 	{ width: 40%; text-align: left; }
.table-league .td-team-name > a { color: #1a1a1a; text-decoration: none; }

.pd-tab-finals { display: none; }


.table-fixture 			{ width: 100%; font-size: 14px;  }
.table-fixture tr 		{ background: #F5F5F5; border-top: 3px solid #fff; }
.table-fixture tr > td 	{ padding: 5px !important; vertical-align: middle !important; text-align: center; }

.table-fixture .td-team-logo img 	{ width: 24px; }
.table-fixture .td-team-name 		{ width: 25%; vertical-align: middle; color: #1a1a1a; text-decoration: none; }
.table-fixture .td-team-name > a 	{ font-size: 18px; color: #1a1a1a; text-decoration: none; }
.table-fixture .td-team-info 		{}

.td-team-score { background: #eee; font-weight: 700; }

.tr-title 		{ background: transparent !important; }
.tr-title > td 	{ padding: 0px !important;  }

.ellips 	{ display: block; min-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.td-hidden 	{ display: none; }

.table-fixture .tr-title 		{ background: #EE334E !important; color: #fff; } 
.table-fixture .tr-title > td 	{ padding: 6px !important; }	

#tournamentStatus .table-fixture .td-team-logo img { width: 32px; }
#tournamentStatus .table-fixture .td-team-name > a { font-size: 14px; }
#tournamentStatus .box-title-date { font-size: 15px; }

#tournamentStatus .match-score 			{ display: table; width: 100%; font-size: 18px; }
#tournamentStatus .match-score > span 	{ display: inline-block; background: #fff; padding: 2px 8px; }

#pd_7 .table-fixture .td-team-name 	{ width: 40% !important; }
#pd_7 .table-fixture .tr-title  	{ color: #fff !important; }

.pd-tabs 		{ display: table; width: 100%; }
.pd-tabs > div 	{ display: table-cell; width: 50%; padding: 4px; }

.pd-stage 		{ width: 100%; height: 30px; border-color: #EE334E; font-size: 16px; }
.pd-weeks			{ text-align: center; }
.pd-weeks > a 		{ display: inline-block; font-size: 18px; color: #EE334E; padding: 0 15px;  }
.pd-weeks > span 	{ display: inline-block; font-size: 13px; }

/* .Puan Durumu */

.page-header			{ position: relative; margin:0; height: 38px; padding-left: 10px; font-family: 'Roboto Condensed', sans-serif; font-size: 21px; font-weight: 400; line-height: 38px; color: #fff; background: #202126; overflow: hidden; }

.media-news 							{ background: #fff; padding: 4px; margin-top: 2px; }
.media-news .media-object 				{ width: 100px; height: 62px; }
.media-news .media-body 				{ vertical-align: middle; }
.media-news .media-body .media-heading 	{ font-size: 17px; font-weight: bold; line-height: 140%; color: #000; vertical-align: middle; }
.media-news .media-right 				{ vertical-align: middle; }
.media-news .media-right i 				{ padding: 8px; font-size: 18px; color: #ee7103; }

.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-top {
	background: #29013D;
	border-top: 4px solid #ee7103;
	height: 60px;
	padding: 10px 0
}
.header-top a {
	display: inline-block;
	vertical-align: middle
}
.h-logo-left {
	float: left
}
.h-logo-right {
	float: right
}
.h-logo-left > img {
	height: 25px;
	margin-top: 8px
}
.h-logo-right > img {
	height: 35px
}
@media (min-width: 768px) {
	.header-top {
		background: 0 0;
		height: 100px
	}
	.h-logo-left > img {
		height: 40px;
		margin-top: 17px
	}
	.h-logo-right > img {
		height: 53px;
		margin-top: 11px
	}
}
.header-navbar > .container {
	background: #ee7103
}
.header-search, .header-toggle {
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #363636;
	color: #fff;
	float: left;
	margin-left: 4px;
	font-size: 21px
}
.header-search:hover, .header-toggle:hover {
	color: #fff
}
.header-toggle {
	display: none
}
.header-navbar ul.sub {
	display: none;
	min-width: 240px;
	position: absolute;
	top: 100%;
	left: -8px;
	z-index: 9999;
	background: #ee7103;
	padding: 0;
	margin: 0;
	list-style: none
}
.header-navbar ul.sub > li {
	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: 0 0;
	color: #451455
}
.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-nav {
		float: none !important;
		clear: both !important
	}
	.header-navbar ul {
		display: none;
		width: 100%;
		background: #363636
	}
	.header-navbar ul > li {
		border-bottom: 1px solid #666
	}
	.header-navbar ul > li > a {
		display: block;
		padding: 10px 15px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 18px;
		font-weight: 700;
		color: #fff
	}
	.header-navbar ul > li > a:active, .header-navbar ul > li > a:focus, .header-navbar ul > li > a:hover {
		background: #666
	}
	.header-navbar ul.sub {
		display: none;
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		background: #363636;
		border-top: 1px solid #666
	}
}
@media (min-width: 768px) {
	.header-nav {
		width: 90%
	}
	.header-navbar ul {
		display: table;
		width: 100%;
		margin: 0 0 -1px
	}
	.header-navbar ul > li {
		float: left;
		position: relative
	}
	.header-navbar ul > li:after {
		content: ' | ';
		padding: 0 8px;
		color: #fff
	}
	.header-navbar ul > li:last-child:after {
		content: '';
		padding: 0;
		color: transparent !important
	}
	.header-navbar ul > li > a {
		display: inline-block;
		padding: 12px 0;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 18px;
		font-weight: 700;
		vertical-align: middle;
		color: #fff
	}
	.header-navbar ul > li > a:hover {
		color: #451455
	}
}
.quick-search {
	display: none;
	padding: 0;
	margin: 0;
	transition: all .2s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
	background: #fff;
	height: 45px
}
.quick-search:after, .quick-search:before {
	content: " ";
	display: table
}
.quick-search:after {
	clear: both
}
.quick-search-shown .quick-search {
	display: block;
	transition: all .2s
}
.quick-search > .form-control {
	display: block;
	padding: 10px 15px;
	height: 35px;
	margin-top: 5px;
	font-size: 20px;
	font-weight: 400;
	border: 0;
	background: #fff;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}
.quick-search > .form-control::-ms-clear {
	display: none
}
.quick-search > .form-control:active, .quick-search > .form-control:focus {
	box-shadow: none
}
.quick-search > .s-close {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	background: #363636;
	width: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 21px;
	color: #fff
}
.quick-search > .s-close:hover {
	cursor: pointer
}
*/


.gradient { 
	background: #d746e1;
	background: -moz-radial-gradient(center, ellipse cover, #d746e1 0%, #af04ff 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #d746e1 0%, #af04ff 100%);
	background: radial-gradient(ellipse at center, #d746e1 0%, #af04ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d746e1', endColorstr='#af04ff',GradientType=1 );
}


.header-top {
	border-bottom: 4px solid #5c36ac;
	height: 60px;
	padding: 10px 0
}
.header-top a {
	display: inline-block;
	vertical-align: middle
}
.h-logo-left {
	float: left
}
.h-logo-right {
	float: right
}
.h-logo-left > img {
	height: 26px;
	margin-top: 10px
}
.h-logo-right > img {
	height: 35px
}
@media (min-width: 768px) {
	.h-logo-left > img {
		margin-top: 0;
		height: 40px
	}
	.h-logo-right > img {
		height: 53px;
		margin-top: 11px
	}
}
.header-search, .header-toggle {
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background: 0 0;
	color: #fff;
	float: left;
	margin-left: 4px;
	margin-top: 4px;
	font-size: 26px
}
.header-search:hover, .header-toggle:hover {
	color: #fff
}
.header-toggle, .sub {
	display: none
}
@media (max-width: 767px) {
	.header-toggle {
		display: block !important
	}
	.header-nav {
		float: none !important;
		clear: both !important
	}
	.header-navbar ul {
		display: none;
		width: 100%;
		background: #363636
	}
	.header-navbar ul > li {
		border-bottom: 1px solid #666
	}
	.header-navbar ul > li > a {
		display: block;
		padding: 10px 15px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: #fff;
		text-align: right
	}
	.header-navbar ul > li > a:active, .header-navbar ul > li > a:focus, .header-navbar ul > li > a:hover {
		background: #666
	}
	.header-navbar ul.sub {
		display: none;
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		background: #222;
		border-top: 1px solid #666;
		padding: 0
	}
	.header-navbar .sub > li {
		position: relative
	}
	.header-navbar .sub > li > a {
		padding-right: 27px
	}
	.header-navbar .sub > li > a:before {
		content: '\f104';
		font-family: FontAwesome;
		position: absolute;
		right: 17px;
		top: 12px;
		font-size: 14px
	}
	
	.header-navbar ul>li.active ul.sub {display: block;}
	.header-nav .sub>li.active>a, .header-nav .sub>li:focus>a, .header-nav .sub>li:hover>a {
	    background: #f0d;
	    color: #fff;
	    text-decoration: underline;
	}
}
@media (max-width: 991px) {
	.header-navbar .container {
		width: 100%;
		padding: 0
	}
}
@media (min-width: 768px) {
	.header-toggle, .sub {
	display: none !important
}
	.header-navbar {
		display: block;
		margin-bottom: 45px
	}
	.header-nav ul {
		display: table;
		width: 100%;
		margin-bottom: 0;
		position: relative;
		position: static;
		left: auto;
		top: 100%
	}
	.header-nav ul > li {
		display: table-cell;
		color: #fff;
		text-align: center;
		vertical-align: middle
	}
	.header-nav ul > li > a {
		display: block;
		padding: 12px 8px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 15px;
		font-weight: 700;
		vertical-align: middle;
		color: #fff;
		border-bottom: 3px solid #5c36ac;
		position: relative;
		height: 55px
	}
	.header-nav ul > li > a > img { width: 95%; }
	.header-navbar ul > li.active > a, .header-navbar ul > li:focus > a, .header-navbar ul > li:hover > a {
		border-color: #f0d;
		text-decoration: none
	}
	.header-navbar ul > li.active > a:after, .header-navbar ul > li:focus > a:after, .header-navbar ul > li:hover > a:after {
		content: '\f0d8';
		font-family: FontAwesome;
		color: #f0d;
		font-size: 28px;
		position: absolute;
		bottom: 2px;
		left: 0;
		right: 0;
		line-height: 6px
	}
	.header-navbar ul > li.active .sub {
		display: table !important;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		text-align: center;
		background: #fbfbfb;
		padding: 0
	}
	.header-nav .sub > li {
		display: table-cell;
		width: 14%;
		padding: 0
	}
	.header-nav .sub > li > a {
		color: #000;
		border: none !important;
		height: auto;
		font-size: 15px
	}
	.header-nav .sub > li.active > a, .header-nav .sub > li:focus > a, .header-nav .sub > li:hover > a {
		background: #f0d;
		color: #fff;
		text-decoration: underline
	}
	.header-nav .sub > li.active > a:after, .header-nav .sub > li:focus > a:after, .header-nav .sub > li:hover > a:after {
		content: ''
	}
}
.quick-search {
	display: none;
	padding: 0;
	margin: -4px 0 0;
	transition: all .2s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
	background: #fff;
	height: 45px
}
.quick-search:after, .quick-search:before {
	content: " ";
	display: table
}
.quick-search:after {
	clear: both
}
.quick-search-shown .quick-search {
	display: block;
	transition: all .2s
}
.quick-search > .form-control {
	display: block;
	padding: 10px 15px;
	height: 35px;
	margin-top: 5px;
	font-size: 20px;
	font-weight: 400;
	border: 0;
	background: #fff;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}
.quick-search > .form-control::-ms-clear {
	display: none
}
.quick-search > .form-control:active, .quick-search > .form-control:focus {
	box-shadow: none
}
.quick-search > .s-close {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	background: #363636;
	width: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 21px;
	color: #fff
}
.quick-search > .s-close:hover {
	cursor: pointer
}


.social-bar { margin-right: 6px; }
.social-bar > a { display: inline-block; font-size: 28px; color: #fff; padding:1px 2px; }