@import url("normalize.css");
@import url("general.css");
@import url("font-awesome.css");
@import url("animate.css");
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

body { background: #c1e6ed; font-family: "Ubuntu", sans-serif; font-size: 14px; }
body.page {background: url(../../img/page-bg.jpg) no-repeat center 85px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; padding-top: 90px;}
a {outline: none !important; border: none;}
article h1, article h2, article h3, article h4, article h5, article h6 { margin: 10px 0; }

.lazy-hidden { opacity: 0; }
.lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; }
.lightbox { position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #232323; opacity: 0.7; filter: alpha(opacity=70); z-index: 10; display: none; }
.boxs1 { box-shadow: 3px 3px 0px #F2F2F2; border: 1px solid #efefef; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; padding: 15px; }

/* === header === */
.header {background: #2f373b linear-gradient(to right, #2f373b, #616466, #2f373b); box-shadow: 1px 1px 5px #1C1D21;}
.header .bottom {text-align: center; color: #FFF; font-size: 11px;}
.header .bottom .title {font-size: 14px; font-weight: 700;}
.header .bottom .info {margin: 5px 0;}
.header .bottom .info span {margin: 0 10px;}
.headerSticky {width: 100%; position: fixed; top: 0; left: 0; z-index: 9990;}

.header .team {padding-top: 10px; color: #FFF;}
.header .team .content {position: relative;}
.header .team .image {display: block; position: absolute; left: 0; top: 0; width: 38px; height: 38px;}
.header .team .image img {max-width: 100%; max-height: 100%;}
.header .team .text {padding: 0 0 0 42px; font-size: 20px; line-height: 22px; height: 38px; font-weight: 700;}    
.header .team .text div {position: relative;top: 50%;transform: translateY(-50%);}    
.header .team.team1 {text-align: left;}
.header .team.team2 {text-align: right;}
.header .team.team2 .image {right: 0;left: auto;}
.header .team.team2 .text {padding-left: 0; padding-right: 42px;}
.header .scores {text-align: center; padding: 0;} 
.header .scores .notes { font-size: 10px; line-height: 15px; margin-top: -5px;}
.header .scores .score { font-size: 22px; line-height: 38px; font-weight: 700;}
.header .scores .score span {width: 30px; display: inline-block; background: #FFF; color: #0031a1; border-bottom: 2px solid #0031a1;}
.header .scores .score span.space { background: transparent; border: none; width: 20px; color: #FFF;}
/* === header === */


/* === Section === */
.main {position: relative;}
.main .saha {width: 640px; margin: 20px auto 0 auto;}
.main .menu-tab_content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.main .menu-tab_content .wrapper {position: relative; top: 50%; transform: translateY(-50%);}

/* === TimeBar CSS === */
.timebar {margin: 10px 0;}
.timebar .timebar-wrapper {color: #FFF;}
.timebar .timebar-wrapper .top-bar { background: #0089FF linear-gradient(to bottom, #0089FF, #004988); padding: 5px 30px; position: relative; border-top-right-radius: 5px; border-top-left-radius: 5px; min-height: 36px;}
.timebar .timebar-wrapper .content {position: relative;}
.timebar .timebar-wrapper .middle-bar { padding: 0 35px; position: relative; z-index: 3; background: #1F2326; }
.timebar .timebar-wrapper .middle-bar .minutes {position: relative;}
.timebar .timebar-wrapper .middle-bar .minutes .item {position: absolute; left: 0; width: 18px; text-align: center; color: #FFF;}
.timebar .timebar-wrapper .middle-bar .minutes .item span {position: absolute; top: 0; width: 1px; height: 5px; background: #FFF; margin-top: -5px; left: 50%;}
.timebar .timebar-wrapper .middle-bar .minutes .item span.bottomLine {top: inherit; bottom: 0; margin-bottom: -5px; margin-top: 0;}
.timebar .timebar-wrapper .bottom-bar { background: #004988 linear-gradient(to bottom, #004988, #0089FF); padding: 5px 30px; position: relative; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 36px;}
.timebar .timebar-wrapper .progress {margin: 0; background: transparent; border-radius: 0;}
.timebar .timebar-wrapper .image {width: 26px; height: 26px; margin-left: -26px;}
.timebar .timebar-wrapper .image img {max-height: 100%; display: block;}
.timebar .timebar-wrapper .events { position: absolute; width: 100%; height: 10px; left: 0; bottom: 5px;}
.timebar .timebar-wrapper .events span {position: absolute; width: 10px; height: 10px; bottom: 0;}
.timebar .timebar-wrapper .events span img {display: block; max-width: 100%; max-height: 100%;}
.timebar .timebar-wrapper .bottom-bar .events {top: 5px;}
/* === TimeBar CSS === */

/* === Karsılastirma CSS === */
.karsilastirma {width: 340px; margin: 0 auto; margin-top: -20px;}
.karsilastirma ul {list-style: none;}
.karsilastirma ul li {text-align: center; display: block; overflow: hidden; margin: 5px 0; background: radial-gradient(#d1d1d1, #484848); color: #FFF; font-size: 17px; line-height: 20px; font-weight: 700; border-radius: 10px; box-shadow: inset 0px 0px 20px #0B1300;}
.karsilastirma ul li.galibiyet {background: radial-gradient(#7ec401, #335401);}
.karsilastirma ul li.beraberlik {background: radial-gradient(#d1d1d1, #484848);}
.karsilastirma ul li.maglubiyet {background: radial-gradient(#d92e2e, #4b0909);}
.karsilastirma ul li span {width: 30%; float: left; padding: 5px; margin: 2px 0;}
.karsilastirma ul li span.title {-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); background: #FFF; color: #2e2e2e; font-size: 13px; width: 40%;}
/* === Karsılastirma CSS === */

/* === Kadrolar CSS === */
.kadrolar {width: 930px; height: 96%; position: absolute; left: 50%; top: 5px; border-radius: 5px; margin-left: -465px; overflow: hidden;}
.kadrolar .raund-content { margin: 0; position: relative; height: 100%; border-radius: 5px; overflow: hidden;}
.kadrolar .team .title {position: relative; overflow: hidden; min-height: 38px; padding-left: 45px;}
.kadrolar .team.team2 .title {text-align: right; padding-left: 0; padding-right: 45px;}
.kadrolar .team .title p {margin-top: 10px; font-size: 13px;}
.kadrolar .team .title span.image {position: absolute; width: 38px; height: 38px; left: 0; top: 0;}
.kadrolar .team.team2 .title span.image {left: inherit; right: 0;}
.kadrolar .team .title span.image img {display: block; max-height: 100%;}
.kadrolar .team {width: 50%; height: 100%; position: absolute; top: 0; color: #FFF; font-size: 12px;}
.kadrolar .team.team1 {left: 0; background: url(../../img/team1-bg.png) center center repeat;}
.kadrolar .team.team2 {right: 0; background: url(../../img/team2-bg.png) center center repeat;}
.kadrolar .team .content {padding: 15px;}
.kadrolar .team .content ul {margin:0; list-style: none;}
.kadrolar .team .content ul.yedek-kadro {height: 180px;}
.kadrolar .team .content h2 {font-size: 13px; font-weight: 700;}
.kadrolar .team .content span.icon {width: 12px; text-align: center;}
.kadrolar .team .content span.icon img {max-width: 100%; max-height: 12px;}
.kadrolar .team .content .kadro {margin-top: 10px;}
/* === Kadrolar CSS === */    

/* === SahaDizilis CSS === */
.saha-dizilis {width: 640px; height: 283px; top: 0; margin-left: -320px; left: 50%; position: absolute;}

.saha-dizilis .info1 { background: rgba(2, 19, 27, 0.25); border-radius: 5px; min-height: 44px; display: none; color: #FFF; font-size: 12px; padding:5px 10px; float: left; margin-top: 36px; width: 200px; margin-left: -145px;}
.saha-dizilis .info1 span.no {font-weight: 700; font-size: 24px; margin-right: 5px;}
.saha-dizilis .info1 .olaylar {font-size: 10px; line-height: 16px; color: #D0D0D0;}
.saha-dizilis .info1 .olaylar .gol span.icon {width: 12px; float: left; margin-right: 2px; margin-top: -2px; text-align: center;}
.saha-dizilis .info1 .olaylar .kartlar span.icon {width: 12px; float: left; margin-right: 2px; margin-top: -2px; text-align: center;}
.saha-dizilis .info1 .olaylar .kartlar span.icon img {max-width: 60%;}
.saha-dizilis .info1 .olaylar .degisiklik span.icon {width: 12px; float: left; margin-right: 2px; margin-top: -2px; text-align: center;}
.saha-dizilis .info1 .olaylar .degisiklik span.icon img {max-width: 80%;}

.saha-dizilis .info2 { background: rgba(2, 19, 27, 0.25); border-radius: 5px; min-height: 44px; display: none; color: #FFF; font-size: 12px; padding:5px 10px; float: right; margin-top: 36px; width: 200px; margin-right: -145px;}
.saha-dizilis .info2 span.no {font-weight: 700; font-size: 24px; margin-right: 5px;}
.saha-dizilis .info2 .olaylar {font-size: 10px; line-height: 16px; color: #D0D0D0;}
.saha-dizilis .info2 .olaylar .gol span.icon {width: 12px; float: left; margin-right: 2px; margin-top: -2px; text-align: center;}
.saha-dizilis .info2 .olaylar .kartlar span.icon {width: 12px; float: left; margin-right: 2px; margin-top: -2px; text-align: center;}
.saha-dizilis .info2 .olaylar .kartlar span.icon img {max-width: 60%;}
.saha-dizilis .info2 .olaylar .degisiklik span.icon {width: 12px; float: left; margin-right: 2px; margin-top: -2px; text-align: center;}
.saha-dizilis .info2 .olaylar .degisiklik span.icon img {max-width: 80%;}

.saha-dizilis .hakem {width: 38px; height: 40px; background: url(../../img/hakem.png) center center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -95px;}
.saha-dizilis .yanhakem1 {width: 38px; height: 40px; background: url(../../img/hakem.png) center center no-repeat; position: absolute; left: 20%; top: 5px;}
.saha-dizilis .yanhakem2 {width: 38px; height: 40px; background: url(../../img/hakem.png) center center no-repeat; position: absolute; right: 10%; bottom: 24px;}
.saha-dizilis .takim1 {position: absolute; width: 50%; height: 100%; top: 0; left: 0;}
.saha-dizilis .takim2 {position: absolute; width: 50%; height: 100%; top: 0; right: 0;}
.saha-dizilis .oyuncu {position: absolute; background: url(../../img/forma1.png) center center no-repeat; width: 38px; height: 40px; top: 78%; cursor:pointer;}
.saha-dizilis .takim1 .oyuncu {background: url(../../img/forma1.png) center center no-repeat; color:#032342;}
.saha-dizilis .takim2 .oyuncu {background: url(../../img/forma2.png) center center no-repeat; color:#FFF;}
.saha-dizilis .takim1 .oyuncu.kaleci {background: url(../../img/kaleci1.png) center center no-repeat; color: #FFF;}
.saha-dizilis .takim2 .oyuncu.kaleci {background: url(../../img/kaleci2.png) center center no-repeat; color: #FFF;}
.saha-dizilis .oyuncu span.number {width: 100%;text-align: center;display: block;padding: 8px 2px 5px 0px;font-size: 12px;font-weight: 700;}
.saha-dizilis .oyuncu span.gol {width: 10px; position: absolute; right: 0; top: 20px; z-index: 9; display: none;}
.saha-dizilis .oyuncu span.kart {width: 5px; position: absolute; left: 3px; top: 18px; z-index: 9; display: none;}
.saha-dizilis .oyuncu span.degisiklik {width: 10px; position: absolute; left: 0; top: 27px; z-index: 9; display: none;}
.saha-dizilis .oyuncu span img {display: block;}
.saha-dizilis .takim1 .oyuncu.oyuncu1 {left:35%;}
.saha-dizilis .takim1 .oyuncu.oyuncu2 {left:38%;}
.saha-dizilis .takim1 .oyuncu.oyuncu3 {left:41%;}
.saha-dizilis .takim1 .oyuncu.oyuncu4 {left:44%;}
.saha-dizilis .takim1 .oyuncu.oyuncu5 {left:47%;}
.saha-dizilis .takim1 .oyuncu.oyuncu6 {left:50%;}
.saha-dizilis .takim1 .oyuncu.oyuncu7 {left:53%;}
.saha-dizilis .takim1 .oyuncu.oyuncu8 {left:56%;}
.saha-dizilis .takim1 .oyuncu.oyuncu9 {left:59%;}
.saha-dizilis .takim1 .oyuncu.oyuncu10 {left:62%;}
.saha-dizilis .takim1 .oyuncu.oyuncu11 {left:65%;}
.saha-dizilis .takim1 .oyuncu.yedekoyuncu1 {left:68%;}
.saha-dizilis .takim1 .oyuncu.yedekoyuncu2 {left:71%;}
.saha-dizilis .takim1 .oyuncu.yedekoyuncu3 {left:74%;}
.saha-dizilis .takim1 .oyuncu.yedekoyuncu4 {left:77%;}
.saha-dizilis .takim1 .oyuncu.yedekoyuncu5 {left:80%;}
.saha-dizilis .takim1 .oyuncu.yedekoyuncu6 {left:83%;}
.saha-dizilis .takim1 .oyuncu.yedekoyuncu7 {left:86%;}

.saha-dizilis .takim2 .oyuncu.oyuncu1 {right:37%;}
.saha-dizilis .takim2 .oyuncu.oyuncu2 {right:40%;}
.saha-dizilis .takim2 .oyuncu.oyuncu3 {right:43%;}
.saha-dizilis .takim2 .oyuncu.oyuncu4 {right:46%;}
.saha-dizilis .takim2 .oyuncu.oyuncu5 {right:49%;}
.saha-dizilis .takim2 .oyuncu.oyuncu6 {right:52%;}
.saha-dizilis .takim2 .oyuncu.oyuncu7 {right:55%;}
.saha-dizilis .takim2 .oyuncu.oyuncu8 {right:58%;}
.saha-dizilis .takim2 .oyuncu.oyuncu9 {right:61%;}
.saha-dizilis .takim2 .oyuncu.oyuncu10 {right:64%;}
.saha-dizilis .takim2 .oyuncu.oyuncu11 {right:67%;}
.saha-dizilis .takim2 .oyuncu.yedekoyuncu1 {right:70%;}
.saha-dizilis .takim2 .oyuncu.yedekoyuncu2 {right:73%;}
.saha-dizilis .takim2 .oyuncu.yedekoyuncu3 {right:76%;}
.saha-dizilis .takim2 .oyuncu.yedekoyuncu4 {right:79%;}
.saha-dizilis .takim2 .oyuncu.yedekoyuncu5 {right:82%;}
.saha-dizilis .takim2 .oyuncu.yedekoyuncu6 {right:85%;}
.saha-dizilis .takim2 .oyuncu.yedekoyuncu7 {right:88%;}

.oyuncu-detay > div {background: url(../../img/modal-bg.png) center center repeat; color: #FFF; font-size: 12px; padding: 15px; width: 220px; border-radius: 5px;}
.oyuncu-detay .mdl-header {border-bottom: 1px solid #FFF;}
.oyuncu-detay .mdl-header .image {padding-right: 0;}
.oyuncu-detay .mdl-header .text {font-size: 19px; font-weight: 700; line-height: 24px;}
.oyuncu-detay .mdl-header .title {padding-top: 5px; padding-bottom: 5px;}
.oyuncu-detay .mdl-header .image img {display: block; border: 2px solid #FFF; border-radius: 5px;}
.oyuncu-detay .mdl-content {padding-top: 10px; font-size: 11px;}
.oyuncu-detay .mdl-content > div {margin-top: 2px;}
.oyuncu-detay a.close-modal {position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; display: block; background: url(../../img/close.png) center center no-repeat;}
/* === SahaDizilis CSS === */

/* === istatistik CSS === */
.istatistik {color: #FFF; text-align: center; padding: 15px; font-size: 12px;}
.istatistik .progress-wrapper {text-shadow: 1px 1px 1px #072E82;}
.istatistik .progress-wrapper > div {margin-top: 2px;}
.istatistik .progress-wrapper .title {padding: 0;}
.istatistik .progress-wrapper .progress {margin-bottom:0; height: 14px; margin-top: 2px; background-color: #CCCCCC;}
.istatistik .progress-wrapper .progress .progress-bar {background: #0f47a9 linear-gradient(to bottom, #0f47a9, #0f86dc);}
.istatistik .progress-wrapper .progress .progress-completed {left: 5px; position: absolute; line-height: 14px;}
.istatistik .progress-wrapper .team1, .istatistik .progress-wrapper .team2 {padding: 0;}
.istatistik .progress-wrapper .team1 .progress-bar {float: right;}
.istatistik .progress-wrapper .team1 .progress-completed {left: inherit; right: 5px;}

.istatistik .chart {position: relative; text-align: center; margin-top: 20px;}
.istatistik .chart span {position: absolute; width: 100%; height: 100%; display: block; line-height: 100px; font-size: 24px; font-weight: 600;}

.form-control {color:#4D5255; font-size: 12px; font-weight: 600; cursor: pointer;}
.oyuncu-karsilastir .karsilastir-image {margin: 20px 0;}
.oyuncu-karsilastir .karsilastir-image img {max-width: 75px; border: 2px solid #FFF; border-radius: 5px;}
.oyuncu-karsilastir .karsilastir-text { margin: 0 0 0 50px; overflow: hidden; text-align: left;}
.oyuncu-karsilastir .karsilastir-text > div {padding: 0;}
/* === istatistik CSS === */   

/* === HeatMap CSS === */
.main.heatmap-wrapper {height: 383px;}
.heat-map {background: #98E812 linear-gradient(to bottom, #98E812, #518200); min-height: 377px; border-radius: 5px; overflow: hidden; margin-bottom: 6px;}
.heat-map .duz-saha { width: 480px; padding: 0 15px; left: 50%; margin-left: -240px; position: absolute; border-right: 1px solid #79B316; min-height: 377px; border-left: 1px solid #79B316;}
.heat-map .duz-saha img { display: block; border-radius: 5px; border: 2px solid #436B02;}
.heat-map .duz-saha .btn-wrapper > div { margin: 15px 0px; text-align: center;}
.heat-map .duz-saha .btn-wrapper a {display: block; color: #FFF; background: #578B02; padding: 5px; font-size: 12px; border-bottom: 2px solid #436B02; border-radius: 4px; transition:all ease 0.2s;}
.heat-map .duz-saha .btn-wrapper a:hover {background: #507D05;}
.heat-map .team {font-size: 12px;}
.heat-map .team.team1 {padding-right: 0;}
.heat-map .team.team2 {padding-left: 0;}
.heat-map .team .title {background: #85C518; margin-top: -1px; padding: 5px 5px 5px 20px; font-weight: 700; font-size: 13px; position: relative; cursor: pointer;}
.heat-map .team span.icon {width: 8px; height: 8px; background: #FFF; position: absolute; left: 5px; top: 50%; margin-top: -4px;}
.heat-map .team .active span.icon {background: #3E6102; border: 2px solid #FFF;}
.heat-map .team .player ul {list-style: none; max-height: 254px;}
.heat-map .team .player ul li {position: relative; padding: 3px 5px 3px 20px; cursor: pointer; transition: all ease 0.2s;}
.heat-map .team .player ul li:hover {background: rgba(255, 255, 255, 0.25);}

.timeLine {width: 100%; position: absolute; top: 0; margin-top: -102px; z-index: 9;}
.timeLine .minutes {position:absolute !important; width: 100%; top: 0; left: 0; height: 20px; z-index: 3;}
.timeLine .middle-bar {padding: 0 !important;}
.timeLine .image {font-size: 12px; line-height: 24px; width: 100% !important; margin-left: -15px !important;}
.timeLine .image a {background: #034177; width: 24px; height: 24px; display: inline-block; font-size: 12px; color: #FFF; line-height: 24px; text-align: center; border-radius: 100%;}
.timeLine .slider-horizontal .tooltip-main {display: none;}
.timeLine .slider-horizontal:hover .tooltip-main {display: block;}

.time-icon { height: 20px; position: relative; margin-top: 5px;}
.time-icon span.round { position: absolute; background-color: #FFF; width: 20px !important; height: initial !important; color: #436B02; font-size: 10px; padding: 1px 0px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; text-align: center; border: 2px solid #666; }
.time-icon button { position: absolute; background-color: #FFF; width: 20px; font-size: 10px; padding: 1px 0px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; text-align: center; border: 2px solid #666;}
.time-icon span.round.red {border-color: #E60303;}
.time-icon span.round.green {border-color: #1E9818;}
.time-icon span.round.yellow {border-color: #FFDB11;}
.time-icon span.round.black {border-color: #000;}

.heatmap-fix {min-height: 96%;}
.heatmap-fix .duz-saha-fix {position: relative; padding: 15px; width: 100%; height: 100%; min-height: 100%; text-align: center;}
.heatmap-fix .duz-saha-fix img {max-height: 100%; border-radius: 5px; border: 2px solid #436B02; display: inline-block;}
.main.chalkboard {height: 665px;}
.heat-map.olaylar {min-height: 100%;}
.heat-map.olaylar > .row {margin: 0;}
.heat-map.olaylar > .row > div {padding: 0; padding-right: 1px;}
.heat-map.olaylar > .row > div:last-child {padding-right: 0;}
.heat-map.olaylar .team {font-size: 10px; line-height: 15px;}
.pas-kombinasyonu, .pas-kombinasyonu .heat-map {overflow: visible;}
.heatmap-fix .select-menu {position: absolute; top: 0px; left: 15px; text-align: left;}
.heatmap-fix .select-menu .line {margin-top: 15px;}
.heatmap-fix .select-menu .line .btnx { display: inline-block; color: #FFF; background: #578B02; padding: 5px 10px; font-size: 12px; border-bottom: 2px solid #436B02; border-radius: 4px; transition: all ease 0.2s; font-family: inherit;}
.heatmap-fix .select-menu .line .btnx:hover { background: #507D05;}
.heatmap-fix .select-menu .line ul li a {font-size: 11px; padding: 5px 10px;}
.heatmap-fix .select-menu .line ul li a:hover, .heatmap-fix .select-menu .line ul li a:focus {background: #DBDBDB;}
/* === HeatMap CSS === */   

/* === CanliAnlatim CSS === */
.anlatim .row > div:last-child {padding-left: 0;}
.canli-anlatim {background: #FFF; border-radius: 5px; overflow: hidden;}
.canli-anlatim .title {background: #d6d6d6; position: relative; padding-top: 10px;}
.canli-anlatim .title ul {list-style: none; margin: 0;}
.canli-anlatim .title ul li {float: left; margin: 0 10px;}
.canli-anlatim .title ul li a {color: #3a3a3a; font-weight: 700; display: block; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.canli-anlatim .title ul li.active a {background: #FFF;}
.canli-anlatim .title ul li img {max-height: 20px; display: block;}
.canli-anlatim .title span.volume {position: absolute; right: 10px; top: 50%; margin-top: -17px; font-size: 24px; width: 24px; cursor: pointer;}
.canli-anlatim .content {padding: 10px 20px; overflow: hidden; height: 494px;}
.canli-anlatim .content .item {position: relative; border-bottom: 1px solid #e8e8e8; padding: 15px 0; display: none;}
.canli-anlatim .content .item:hover {background: #efefef;}
.canli-anlatim .content .item .icon {position: absolute; top: 15px; left: 0; width: 50px; height: 50px; padding: 5px; text-align: center;}
.canli-anlatim .content .item .minute {position: absolute; top: 15px; left: 50px; font-weight: 700; font-size: 42px; line-height: 48px; text-align: center; width: 65px;}
.canli-anlatim .content .item .text {padding-left: 120px; padding-top: 2px;}
.canli-anlatim .content .item .text p {margin: 0; font-size: 12px; line-height: 14px;}
/* === CanliAnlatim CSS === */

/* === Puandurumu Fikstur CSS === */
.puan-durumu {background: #FFF; border-radius: 5px; overflow: hidden;}
.puan-durumu .title {background: #d6d6d6;}
.puan-durumu .title ul {margin: 0; list-style: none;}
.puan-durumu .title ul li {margin: 0; width: 50%; text-align: center; float: left; text-align: center;}
.puan-durumu .title ul li a {background: #d6d6d6; padding: 15px 5px; color: #3a3a3a; display: block; font-weight: 700;}
.puan-durumu .title ul li.active a {background: #BDBDBD;}

.fikstur-tab_content {min-height: 494px; display: none;}

table.puan-durumu { width: 100%; font-size: 11px; line-height: 15px;}
table.puan-durumu tr { border-top: 1px solid #DCDCDC; }
table.puan-durumu tr td:first-child, table.puan-durumu tr th:first-child { min-width: 40px; }
table.puan-durumu tr td, table.puan-durumu tr th { padding: 5px 8px; position: relative; }
table.puan-durumu tr span { width: 18px; height: 18px; text-align: center; display: block; position: absolute; margin-top: -9px; top: 50%; right: 0; }
table.puan-durumu tr span i { font-size: 15px; }
table.puan-durumu tr span.default i { color: #FFBB18; font-size: 11px; }
table.puan-durumu tr span.up { margin-top: -6px; }
table.puan-durumu tr span.up i { color: #7ABB2D; }
table.puan-durumu tr span.down { margin-top: -11px; }
table.puan-durumu tr span.down i { color: #E43D16; }
table.puan-durumu tr:hover { background: #DCDCDC; }
table.puan-durumu tr:first-child { background: #F3F3F3; }
table.puan-durumu tr:first-child:hover { background: #F3F3F3; }

table.fikstur { width: 100%; font-size: 11px; line-height: 14px;}
table.fikstur tr { border-top: 1px solid #DCDCDC; }
table.fikstur tr th { background: #F3F3F3; }
table.fikstur tr td, table.fikstur tr th { padding: 8px; position: relative; }
table.fikstur a.score { padding: 5px; display: block; background: #F3F3F3; color: #333; text-decoration: none; width: 50px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
table.fikstur tr:hover { background: #DCDCDC; }
table.fikstur tr:hover a.score { background: #FFF; }
/* === Puandurumu Fikstur CSS === */

.menu-wrapper {position: relative;}
.menu {margin-bottom: 35px;}
.menu ul {background: #314e03 linear-gradient(to right, #314e03, #568605); box-shadow: inset 0px 0px 20px #0B1300; border-radius: 5px; margin-bottom: 0px;}
.menu ul li a {color: #FFF; padding: 20px; font-size: 15px;}
.menu ul li.active > a {background: #FFF; color: #598f00; box-shadow: inset 0px 0px 10px #0B1300;}
.menu ul li.on > a {background: #FFF; color: #598f00; box-shadow: inset 0px 0px 10px #0B1300;}
.menu ul li.open > a {background: #FFF; color: #598f00; box-shadow: inset 0px 0px 10px #0B1300;}
.menu ul li.dropdown {position: inherit;}
.menu ul li ul.dropdown-menu { left: 0; width: 100%; margin: 5px 0; padding: 0; border: none;}
.menu ul li ul.dropdown-menu li a {padding: 5px 10px; font-size: 11px;}
.menu ul li.dropdown.opens > .dropdown-menu {display: block;}

.tab_content {padding: 0;}
.popover {max-width: 300px;}
.popover-content {color: #222; font-size: 11px; line-height: 15px; font-family: "Ubuntu", sans-serif; padding: 7px;}
.popover-content img {max-width: 12px; margin-top: -4px; margin-right: 2px;}
.popover-content ul {list-style: none; margin: 0;}
.popoverContent {display: none;}
.scrollable-menu {height: auto;max-height: 186px;overflow-x: hidden; background: #9C9C9C;}
.scrollable-menu li {float: none !important; border-bottom: 1px solid #A5A5A5;}
.tooltip {min-width: 120px; font-size: 10px;}
.modal-open { padding-right: 0 !important;}
.modal, .modal-open {overflow-y: auto!important;}
.modal-dialog {top: 164px;}
.modal-backdrop.in {opacity: 0;}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.progress .bar{width:0%;height:100%;color:#ffffff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);}
.progress-striped .bar{background-color:#436B00;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);}
.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);}
.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eeeeee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;}

/* === Section === */
/* === Footer === */
.footer {text-align: center; margin: 25px 0;}
.footer img {padding: 10px; background: #FFF; border-radius: 5px;}
/* === Footer === */

/* ============================================================================================================  
	Responsive Css
============================================================================================================ */
@media screen and (max-width: 991px) {
	.menu ul li a {font-size: 14px; padding: 16px;}
	.canli-anlatim .content .item .icon {width: 36px; height: 36px;}
	.canli-anlatim .content .item .minute {font-size: 32px; line-height: 34px; left: 32px; width: 55px;}
	.canli-anlatim .content .item .text {padding-left: 90px;}
	.saha-dizilis .info1 {min-height: 27px; font-size: 10px; width: 110px; margin-left: -30px;}
	.saha-dizilis .info1 span.no {font-size: 12px; margin-right: 2px;}
	.saha-dizilis .info2 {min-height: 27px; font-size: 10px; width: 110px; margin-right: -30px;}
	.saha-dizilis .info2 span.no {font-size: 12px; margin-right: 2px;}
	.kadrolar {width: 720px; margin-left: -360px;}
	.kadrolar .team {font-size: 11px;}
	.kadrolar .title p {font-size: 12px;}
	.oyuncu-karsilastir .karsilastir-text {margin: 0 15px;}
	.heat-map .duz-saha {width: 375px; margin-left: -187px;}
	.main.chalkboard {height: 815px;}
	.heat-map.olaylar > .row > div:nth-child(3) {padding-right: 0;}
	.pas-kombinasyonu, .pas-kombinasyonu .heat-map {text-align: right;}
}
@media screen and (max-width: 767px) {
	.header .team .text {font-size: 15px;}
	.anlatim .row > div:last-child {padding-left: 15px;}
	.anlatim .row > div {margin-bottom: 10px;}
	.main .saha {width: 100%;}
	body.page {padding-top: 100px;}
	.header .bottom {font-size: 10px;}
	.header .bottom .info span {margin: 0 5px;}
	.header .scores .score span {width: 25px;}
	.karsilastirma {width: 300px;}
	.menu .btn {width: 180px; font-weight: 700; font-size: 18px; line-height: 20px; background-color: #BDBDBD !important; border: none; outline: none;}
	.menu ul.dropdown-menu {padding: 0; border: 0; width: 180px; margin-top: 36px;}
	.menu ul.dropdown-menu li {float: none;}
	.menu ul.dropdown-menu li a {padding:5px 10px; border-radius: 5px;}
	.menu ul li.dropdown {position: relative;}
	.menu-wrapper {left: 50%; margin-left: -90px; width: 180px;}
	.menu {margin-bottom: 20px;}
	.saha-dizilis .info1, .saha-dizilis .info2, .saha-dizilis .hakem, .saha-dizilis .yanhakem1, .saha-dizilis .yanhakem2 {display: none!important; }
	.saha-dizilis {width: 100%; height: 100%; margin: 0; left: 0; top: 6px;}
	.saha-dizilis .oyuncu {width: 24px; height: 26px; background-size: 100% auto !important;}
	.saha-dizilis .oyuncu span {font-size: 8px !important;}
	.saha-dizilis .oyuncu.yedekoyuncu1, .saha-dizilis .oyuncu.yedekoyuncu2, .saha-dizilis .oyuncu.yedekoyuncu3, .saha-dizilis .oyuncu.yedekoyuncu4, .saha-dizilis .oyuncu.yedekoyuncu5, .saha-dizilis .oyuncu.yedekoyuncu6, .saha-dizilis .oyuncu.yedekoyuncu7 {display: none;}
	.oyuncu-detay > div {margin: 0 auto;}
	.main .menu-tab_content#tab2 {height: 380px;}
	.kadrolar {width: 100%; left: 0; margin-left: 0; border-radius: 0;}
	.kadrolar .team .title p {font-size: 11px;}
	.main.kadrolar-mobile {min-height: 380px;}
	.main.istatistik-mobile {min-height: 480px;}
	.main.karsilastir-mobile {min-height: 560px;}
	.istatistik .progress-wrapper .team1, .istatistik .progress-wrapper .team2 {padding: 0 15px;}
	.istatistik {padding: 15px 0;}
	.istatistik > div {margin: 0;}
	.istatistik .chart-wrapper {position: absolute; top: 20px; width: 50%; padding-left: 0;}
	.istatistik .chart-wrapper.chart2 {right: 0;}
	.istatistik .progress-wrapper {padding-top: 160px;}
	.oyuncu-karsilastir .progress-wrapper {padding-top: 260px; z-index: 2;}
	.oyuncu-karsilastir {padding: 0;}
	.oyuncu-karsilastir .playerItem {position: absolute; top: 20px; z-index: 3;}
	.oyuncu-karsilastir .playerItem.item2 {right: 0;}
	.heat-map {padding: 0 15px;}
	.heat-map .duz-saha {position: relative; width: 100%; margin: 0; left: 0; padding: 0; border: 0; min-height: 100%;}
    .main.heatmap-wrapper {height: 850px;}
    .heat-map .team .title {margin:0; }
    .heat-map .team.team2 {border-left: 1px solid #518200;}
    .topla-oynama { padding: 5px 15px; min-height: 100%; margin-top: -8px;}
    .main.chalkboard {height: 1430px;}
    .heat-map.olaylar {padding: 15px;}
    .heat-map.olaylar > .row > div:nth-child(3) {padding-right: 1px;}
    .kadrolar .raund-content {margin: 0 15px;}
    .karsilastir-menu {padding-right: 15px;}
    .sub-tab.on {display: block !important;}
    .heatmap-fix .select-menu .line .btnx {font-size: 10px; padding: 5px;}
}
@media screen and (max-width: 479px) {
	.header .scores .score {font-size: 16px;}
	.header .scores .score span {width: 20px;}
	.header .scores .score span.space {width: 7px;}
	.header .bottom {font-size: 9px;}
	.karsilastirma {width: 160px; margin-top: -5px;}
	.karsilastirma ul li {font-size: 12px; line-height: 13px; border-radius: 5px; margin: 2px 0;}
	.karsilastirma ul li span {width: 25%; padding: 3px;} 
	.karsilastirma ul li span.title {width: 50%; font-size: 10px;}
	.canli-anlatim .title ul {font-size: 12px;}
	.canli-anlatim .title ul li {margin-right: 0;}
	.canli-anlatim .title ul li img {max-height: 17px;}
	.canli-anlatim .title ul li a {padding: 5px;}
	.canli-anlatim .title span.volume { margin-top: -8px; font-size: 16px; width: 16px;}
	.canli-anlatim .content {padding: 10px;}
	.canli-anlatim .content .item .icon {width: 30px;}
	.canli-anlatim .content .item .minute {width: 40px; left: 25px; font-size: 20px; line-height: 30px;}
	.canli-anlatim .content .item .text {padding-left: 65px;}
	.header .team {padding-top: 5px; padding-bottom: 5px;}
	.header .team .image {width: 20px; height: 20px; top: 7px; z-index: 3;}
	.header .team .text {padding-left: 25px; font-size: 12px; line-height: 14px;}
	.header .team.team2 .text {padding-right: 25px;}
	.kadrolar .team {font-size: 9px;}
	.kadrolar .team .title span.image{width: 18px; height: 18px;}
	.kadrolar .team .title {padding-left: 20px;}
	.kadrolar .team.team2 .title {padding-right: 20px;}
	.kadrolar .team .title p {font-size: 9px; margin: 0;}
	.istatistik {font-size: 10px;}
	.main.heatmap-wrapper {height: 630px;}
	.heat-map .duz-saha .btn-wrapper {padding: 0 14px;}
	.heat-map .duz-saha .btn-wrapper > div {padding: 1px;}
	.heat-map .duz-saha .btn-wrapper a {font-size: 10px; padding: 5px 0;}
	.heat-map .team, .heat-map.olaylar .team { font-size: 9px; line-height: 14px;}
	.heat-map .team .title {font-size: 11px;}
	.topla-oynama .duz-saha-fix {padding: 0px;}
	.main.chalkboard {height: 1225px;}
	.kadrolar .team .title p strong {display: block;}
	.pas-kombinasyonu, .pas-kombinasyonu .heat-map {text-align: center;}
	.heatmap-fix .select-menu {left: 0; width: 100%;}
	.heatmap-fix .select-menu .line {margin: 0; float: left;}
	.heatmap-fix .select-menu .line .btnx {padding: 2px; font-size: 8px;}
}
@media screen and (max-width: 399px) {
	.main.heatmap-wrapper {height: 590px;}
	.heat-map.olaylar > .row > div {width: 100%;}
	.main.chalkboard {height: 1625px;}
}
@media screen and (max-width: 359px) {
	.main.heatmap-wrapper {height: 560px;}
}
/* ============================================================================================================  
	Responsive Css
============================================================================================================ */