@charset "UTF-8";
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/*@mixin font-face($fontFamily: myFont, $eotFileSrc: 'myFont.eot', $woffFileSrc: 'myFont.woff', $ttfFileSrc: 'myFont.ttf') {
  font-family: $fontFamily;
  src: url($eotFileSrc)  format('eot'),
       url($woffFileSrc) format('woff'),
       url($ttfFileSrc)  format('truetype');
}*/
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*FONT REM PX CONVERT*/
/*rem*/
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link https://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/* Black To White Scale */
/* #fcfcfc */
/* #fafafa */
/* #f7f7f7 */
/* #f5f5f5 */
/* #f2f2f2 */
/* #f0f0f0 */
/* #ededed */
/* #ebebeb */
/* #e8e8e8 */
/* #e6e6e6 */
/* #d9d9d9 */
/* #cccccc */
/* #bfbfbf */
/* #b3b3b3 */
/* #a6a6a6 */
/* #999999 */
/* #8c8c8c */
/* #808080 */
/* #737373 */
/* #666666 */
/* #595959 */
/* #4d4d4d */
/* #404040 */
/* #333333 */
/* #262626 */
/* #1a1a1a */
/* #0d0d0d */
/* Category Color */
/* Ana Renk */
/* Gündem */
/* Dünya */
/* Ekonomi */
/* Spor */
/* Teknoloji */
/* Yaşam */
/* Foto */
/* Video */
/* Bildirimler */
/* Yazarlar */
/* Gazeteler */
/* Piyasalar */
/* Canlı Yayın */
/* Hava Durumu */
/* Namaz Vakti */
/* Ramazan */
/* Spor Color */
/* Avrupa Sampiyonasi */
/* Dunya Kupasi */
/* Sampiyonlar Ligi*/
/* Uefa Ligi */
/* Custom Color */
/* Spor */
/* Spor 2 */
/* Flat Pallette Color */
/* Font */
/* Thin (Hairline), Extra Light (Ultra Light) */
/* Light */
/* Normal, Regular */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Font Icon Sets */
/* Font Icon Sets */
/* Rules */
.player-content {
  position: relative;
  margin: 10px;
  padding: 10px;
  -webkit-box-shadow: 0 0 2px #d9d9d9;
  -khtml-box-shadow: 0 0 2px #d9d9d9;
  -moz-box-shadow: 0 0 2px #d9d9d9;
  -ms-box-shadow: 0 0 2px #d9d9d9;
  -o-box-shadow: 0 0 2px #d9d9d9;
  box-shadow: 0 0 2px #d9d9d9;
  border-radius: 2px;
  overflow: hidden;
  background: #52a25d;
  color: #fff;
}

.team-info {
  position: relative;
  background: #ffffff;
}
.team-info .head {
  padding-bottom: 1.2rem;
  padding: 10px;
  background: #fafafa;
}
.team-info .head .team-logo {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 5px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
}
.team-info .head .team-name {
  margin-left: 5.5rem;
  padding-left: 1rem;
}
.team-info .head .team-name .name h1 {
  font: 2.4rem/3.2rem helveticaneue-medium;
  display: inline-block;
  padding-right: 10px;
}
.team-info .head .team-name .name i {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-left: -3px;
  padding-bottom: 8px;
  color: #ffd743;
}
.team-info .head .team-name .statu li {
  display: inline-block;
  margin-right: 1.6rem;
  color: gray;
  font: 1.4rem/1.6rem helveticaneue-light;
}
.team-info .head .team-name .statu .order {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  font: 1rem/1.6rem helveticaneue-bold;
  margin-right: 0.4rem;
  color: #000;
  border-radius: 50%;
  background: #f5f5f5;
  text-align: center;
}
.team-info .icon-star {
  font-size: 2.5rem;
  color: #ffd743;
}
.team-info .info-center {
  margin: 10px;
}
.team-info .score-center {
  margin: 10px;
}
.team-info .score-center .col {
  display: block;
  background: #f2f2f2;
  margin-bottom: 10px;
  border-radius: 3px;
  padding: 8px;
  overflow: hidden;
}
.team-info .score-center .info-area {
  display: block;
  margin-bottom: 8px;
}
.team-info .score-center .info-area h3 {
  display: inline;
  color: #666666;
  font: 1rem/1.2rem helveticaneue-bold;
}
.team-info .score-center .info-area .week,
.team-info .score-center .info-area .date {
  display: inline;
  font: 1rem/1.2rem helveticaneue-light;
}
.team-info .score-center .icon-chart-line {
  color: #52a25d;
  margin-right: 4px;
}

.team-page .manset-d-sp figure {
  height: 117.3333333333px;
}
.team-page .manset-a-sp figure {
  border-radius: 0.4rem 0.4rem 0 0;
  overflow: hidden;
}
.team-page .team-card {
  height: 39.4rem;
}
.team-page .team-card .team {
  width: 8.2rem;
}

.match-info {
  display: block;
  font-size: 0;
  margin-bottom: 16px;
}
.match-info .col {
  display: inline-block;
  width: 33.3333333333%;
}
.match-info h3 {
  font-size: 0.9rem;
  font-family: helveticaneue-bold;
  margin-bottom: 0.6rem;
  color: gray;
}
.match-info li {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  font: 1rem/2rem helveticaneue-bold;
  color: #fff;
  margin-right: 0.4rem;
  border-radius: 50%;
  text-align: center;
}
.match-info li:last-child {
  margin-right: 0;
}
.match-info li.g {
  background-color: #52a25d;
}
.match-info li.m {
  background-color: #dd2c00;
}
.match-info li.b {
  background-color: #ffd743;
  color: #3a3a3a;
}

.info-table {
  display: block;
  margin-bottom: 16px;
}
.info-table li {
  display: block;
  font: 1.2rem/2.4rem helveticaneue-medium;
}
.info-table li:not(:last-child) {
  border-bottom: 1px solid #f5f5f5;
}
.info-table .title {
  width: 128px;
  display: inline-block;
  vertical-align: top;
}
.info-table .description {
  display: inline-block;
  vertical-align: top;
  font-family: helveticaneue-light;
  width: calc(100% - 132px);
}

.team-card {
  background-color: #fff;
  border-radius: 0.4rem;
  padding-top: 1.6rem;
  margin-bottom: 1.2rem;
  border: 1px solid #e2e2e2;
}
.team-card .team {
  width: 9.6rem;
}
.team-card .team-list .active {
  background-color: #ffd743 !important;
  font-family: hb;
}
.team-card .score-center {
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
  border-bottom: 1px solid #f5f5f5;
}
.team-card .score-center:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.team-card h3 {
  color: #52a25d;
  font-family: hm;
  margin-bottom: 1.2rem;
}

.team-player {
  border: solid 1px rgba(255, 255, 255, 0.4);
  /*&:after {
      content: "";
      position: absolute;
      width: calc(100% - 2rem);
      height: calc(100% - 2rem);
      border: 1px solid #fff;
      left: 1.0rem;
      top: 1.0rem;
  }*/
}
.team-player .team-title {
  padding: 10px;
}
.team-player .team-title h3 {
  display: block;
  text-align: center;
  font: 1.8rem/2.4rem helveticaneue-bold;
}
.team-player .player-list {
  border-bottom: 1px solid #8cc594;
  margin: 0 10px 10px;
}
.team-player .player-list:last-child {
  border-bottom: none;
}
.team-player .player-list h4 {
  color: #397040;
  font: 1.3rem/1.6rem helveticaneue-bold;
  margin-bottom: 5px;
}
.team-player .player-list .link {
  display: block;
}
.team-player .player-list .shirt {
  position: relative;
  width: 56px;
  color: #ffffff;
}
.team-player .player-list .shirt .icon-shirt {
  font-size: 5.6rem;
}
.team-player .player-list .shirt .forma-number {
  position: absolute;
  text-align: center;
  font-size: 1.6rem;
  width: 56px;
  left: 50%;
  top: 2rem;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.team-player .player-list .info {
  display: inline-block;
  margin: 8px auto;
  padding-left: 8px;
  width: calc(100% - 60px);
}
.team-player .player-list .info .name {
  display: block;
  font: 1.2rem/2rem helveticaneue-regular;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.team-player .player-list .info .old {
  display: block;
  font: 1rem/1.2rem helveticaneue-regular;
  color: #e6e6e6;
}